Skip to main content
Back

HowStuffWorks

HowStuffWorks explains the curiosities of our world, delving into everything from cyber security and housecleaning tips to the physics of black holes and the history of slang.

My role for this project was to reinvigorate the brand, doing extensive user research, and bringing it to life with improved designs.

The Process

Research + UX

During the UX and research stage of this website redesign, our team collaborated closely with stakeholders to conduct comprehensive research. This involved identifying our target audience, analyzing competitor landscapes, and determining the most effective layout strategies.

My primary objective during this initial phase was to curate moodboards showcasing a diverse range of aesthetics.

HowStuffWorks moodboards

Design System

As the dedicated UI designer overseeing HowStuffWorks, I developed a comprehensive design system and style guide that served as the foundation for consistent visual elements, including components, colors, and typography.

HowStuffWorks style guide
HowStuffWorks design system

UI Design

Drawing insights from the moodboards, stakeholders then voted on the look they felt was best for the brand. We chose to use a dark theme that drew influence from popular science and tech.

I then crafted mobile and desktop mockups for each screen, ensuring a cohesive visual experience.

HowStuffWorks sceenshot

To meet the highest standards of inclusivity, all font choices and color combinations underwent testing to ensure compliance with WCAG AA (Web Content Accessibility Guidelines) contrast requirements.

HowStuffWorks sceenshot
HowStuffWorks sceenshot
HowStuffWorks sceenshot
HowStuffWorks sceenshot

Get in touch

Let's Start Something

Email LinkedIn Github