Branding, UI & UX Design

The Challenge: Redesign the header for the responsive website of the most popular lesbian online publication on the internet. Improve header navigation, functionality, and increase user engagement.

Solution: We designed a website header with tablet and mobile breakpoints that featured improved menu navigation and a more sophisticated appearance. The brand was given a facelift to better reflect the website's evolving and maturing voice, including a logo redesign and font/color replacements.  

autostraddle.com

TOOLS

Pen and paper, Sketch, InVision

THE PROCESS

Competitive/Comparative Analysis
Sketching
Paper Wireframes
Prototyping
User Testing

FEATURES WANTED

Users wanted to see popular topics, and they wanted better access to ways they can support the website. 

 

OLD VS NEW

  • Removed confusing star menu
  • Reduced the size of the logo
  • Added popular menu topics
  • Added social icons
 
 
 

NEXT STEPS

Update the article layout to match the header design.