In a hurry? Watch a short video of the prototype:
👀Overview
BeerBiceps is one of India’s leading creator platforms, offering content, courses, and podcasts on self-growth and entrepreneurship. I was brought on to lead a complete website rebrand and responsive redesign with a strong focus on mobile-first usability and performance optimization.
📋Problem statement
The previous site had strong content but poor scalability, inconsistent branding, slow load times, and a layout that didn’t adapt well to mobile screens, where most traffic came from. The team needed a fast, intuitive, and visually cohesive experience that reflected their evolving brand.
🎯Goal
Responsive Design: Create a mobile-first design, a responsive design to cater to the majority of BeerBiceps’ users.
Essential Pages: Add key information pages like "About Us" and "FAQs" to improve transparency and user support.
Streamlined Navigation: Simplify the navbar by removing irrelevant items and emphasizing easy access to core content.
🤭Storytime!
This project started with a casual conversation. A friend working at BeerBiceps mentioned how slow and outdated their website felt, especially on mobile, where most of their audience lives. She knew I designed and optimized websites, so she asked if I could take a look.
What began as helping a friend quickly turned into a full website rebrand and responsive redesign. I streamlined the entire experience, improved performance, and built a cleaner, more cohesive interface that matched the scale of the BeerBiceps brand.
🔎Research
For the Research & Analysis phase, I examined website analytics to understand user behavior and pinpoint pain points. High mobile traffic emphasized the need for a mobile-friendly design. Then, I conducted competitor research to identify best practices in responsive and user-friendly design, setting a benchmark for improvement.
During Sitemap Revision, I streamlined navigation by removing irrelevant links and refocusing on core categories and recommended adding an “About Us” page for credibility and an “FAQs” section to address common user questions, enhancing clarity and trust.
📑Wireframe
📒Style Guide
🎨Visuals
🧠Learnings
Deepened UX Expertise: Leading a user-centered redesign helped me hone skills in identifying user pain points, analyzing site architecture, and developing intuitive navigation flows.
Mastered Mobile-First Design: This project solidified my understanding of responsive layouts, particularly how to prioritize a seamless mobile experience for a user base largely on mobile devices.
Exploration of WordPress: This project marked my initial experience with WordPress development, which provided a valuable foundation for future web design work.
Special thanks to my friend for entrusting me with the project, which allowed me to broaden my horizons.
