The Next Era of SkinnyFit.com:
A Strategic Redesign Built on Experience and Insight
My Role: Lead Designer • Creative Direction • Digital Experience Strategy
Overview
Reimagining the site’s foundation to reflect SkinnyFit’s growth and new brand direction
WEBSITE DESIGN UI/UX DESIGN ECOMMERCE
In 2025, as the brand evolved, I returned to the SkinnyFit.com redesign nearly six years after launching the previous version. As the UI/UX Designer, I led a full reimagining of the Homepage, Product Detail Pages, About Us, and core support pages, using fresh perspective and deep knowledge of the site to modernize the design, improve clarity and consistency, and better reflect the brand’s new direction. The result was a cleaner, more intuitive, and higher-converting eCommerce experience built for SkinnyFit’s next chapter.
The Challenge
SkinnyFit.com’s previous redesign had become outdated, cluttered, and misaligned with the brand’s new direction. The challenge was to modernize the site under a fast timeline — refining the visual language, fixing usability gaps, and creating a cohesive experience that reflected both the brand’s evolution and the expectations of today’s shopper.
Key Features Redesigned
Homepage
The homepage was redesigned to feel cleaner, more modern, and easier to navigate, with SkinnyFit’s signature pink used intentionally for CTAs to create clear visual hierarchy and guide user action. Imagery shifted toward more relatable, everyday women to build authenticity and emotional connection, supported by generous white space that made the content feel lighter and more digestible. I refined the Best Sellers module by reducing it from nine products to six, improving scannability and giving higher-performing items more room to stand out.
The page also introduced key new storytelling elements, including a feature spotlighting the updated About Us page and real customer testimonials tied to their social handles. To highlight the brand’s growing online presence, I added a dedicated section for the SkinnyFit Community Facebook group, while press logos were moved to the bottom for a more natural visual flow. The redesigned footer wrapped the experience with a cleaner, more organized structure that improved overall navigation.
Product Detail Page
The PDP received a full visual and structural refresh, starting with a cleaner, more focused above-the-fold experience. I reduced unnecessary color usage and reserved the SkinnyFit pink for primary CTAs and promotional pricing, creating a clearer hierarchy and more premium feel. The layout emphasizes clarity and simplicity, ensuring customers can quickly understand what the product is, why it works, and how it fits into their routine.
Further down the page, key content sections were streamlined to improve scannability and relevance. The Testimonial module was rebuilt around before-and-after imagery, helping customers connect the product benefits to real, visible results. The Benefits and Ingredients sections were toned down visually, using simplified layouts and more targeted lifestyle photography that speaks directly to SkinnyFit’s core demographic. The How To Use section was also redesigned with a more intuitive 1-2-3 step format supported by lifestyle imagery, making the content feel practical, achievable, and aligned with the brand’s updated aesthetic.
About Us
The About Us page was a brand-new addition designed to give SkinnyFit a stronger sense of identity, credibility, and heart. The content focused on telling the story of the brand—its commitment to product quality, its belief in supporting women on their wellness journeys, and its thriving community that empowers women from all walks of life. Visually, the page was crafted to feel welcoming, wholesome, and modern, using clean layouts, warm imagery, and thoughtful storytelling to create a space that felt both authentic and uplifting.
Testimonials
The redesigned Testimonials page was a major upgrade from the previous version, which overwhelmed users with an endless grid of before-and-after photos. The new approach creates a far more wholesome and emotionally resonant experience, highlighting real customer journeys through a thoughtful mix of videos, quotes, and transformative imagery. By balancing authenticity with clean design, the page gives users space to connect with the stories, not just the visuals. The narrative naturally leads into a clear call to action — Try SkinnyFit Today — reinforcing trust and encouraging visitors to take the next step.
Contact Us
The Contact Us page was redesigned to make support more intuitive and efficient. Popular questions and common issues were surfaced at the top, allowing users to quickly find answers without needing to reach out. For those who still needed personalized assistance, a streamlined online portal was placed further down the page, giving customers a clear and easy way to submit their messages. The result is a support experience that reduces friction, empowers users, and improves overall customer satisfaction.