Annual AI Skills Report
The HackerRank AI Skills Report is an annual publication that analyzes millions of data points from developers using the HackerRank platform, combined with survey data from its community of over 24 million software developers. The 2024 report offers insights into AI adoption, revealing that 73% of developers expect core computer science skills to become even more vital as AI advances. Additionally, it highlights that companies actively hiring for AI-related roles have outperformed the market by 13% in share price growth between Q2 2023 and Q2 2024. The report serves as a valuable resource for understanding the evolving landscape of AI skills and their impact on both developers and organizations.
I led the design and development of the live page for HackerRank’s AI Skills Report, ensuring a seamless user experience and high-impact presentation. The page was designed to allow users to easily access and information live, and download the comprehensive AI Skills Report PDF. I animated each graph and coordinated the layout and structure to ensure a clean, engaging design, aligned with HackerRank’s branding.
Additionally, I created all the marketing assets necessary to promote the report, including email banners and templates, and social media visuals for drip campaigns. My focus was on consistency across all touchpoints, ensuring the messaging and design elements worked together to drive interest and conversions. The entire process involved collaboration with key stakeholders to ensure the final output met all technical and strategic goals.
Web Page
The design of the webpage is a dark, AI-inspired aesthetic mirrors the futuristic theme of the report, while interactive elements guide users through key findings seamlessly. I ensured a smooth transition between sections, maintaining readability with concise headlines and strategic whitespace.
The design aligns with HackerRank’s brand identity, using its signature colors and typography to reinforce trust and recognition. To bring the data to life, I created animated graphs that dynamically illustrate key statistics, enhancing engagement and making trends easier to understand. Optimized for both desktop and mobile, the page is built to maximize engagement and encourage deeper exploration of the report.
Social Promotion
I designed these social media ads to seamlessly align with HackerRank’s AI Skills Report page, ensuring a consistent and engaging brand experience. I incorporated the dark, data-driven aesthetic, using abstract visuals to reflect AI insights while maintaining the brand’s signature colors and typography.
Each ad was crafted to mimic the structure and tone of the report, making the transition from social media to the full page feel natural. By balancing bold headlines, concise messaging, and strong visual hierarchy, I created eye-catching ads optimized for Instagram, effectively driving traffic and engagement.
Downloadable Report
I designed the report to seamlessly mirror the HackerRank AI Skills webpage, ensuring a cohesive brand experience across digital and downloadable formats. The dark, data-driven aesthetic, consistent typography, and signature green accents reinforce the report’s connection to the website.
To enhance clarity and readability, I structured the content with concise headlines, data visualizations, and strategic whitespace, making complex insights more digestible. The use of charts and graphics aligns with the website’s interactive elements, maintaining engagement while transitioning to a static format. Additionally, I optimized the layout for conversion, incorporating clear CTAs that encourage further exploration of HackerRank’s research and services.
