Leading the Next Evolution of SkinnyFit.com for Modern eCommerce Growth
My Role: Lead Designer • Creative Direction • Digital Experience Strategy
Inside This Project:
Overview
Refining the Platform to Improve Clarity, Cohesion, and Conversion Flow
WEBSITE DESIGN UI/UX DESIGN ECOMMERCE
In 2025, as the brand evolved, I returned to SkinnyFit.com nearly six years after launching the previous redesign. With deep familiarity of the platform and a fresh strategic lens, I led a comprehensive reimagining of the Homepage, Product Detail Pages, About Us, and core support architecture. The goal was not just to refresh the visuals, but to modernize the experience, improve structural clarity, and align the digital presence with SkinnyFit’s next phase of growth.
The Challenge
Over time, the previous version of SkinnyFit.com had become visually cluttered and increasingly misaligned with the brand’s evolving identity. Usability gaps began to surface, content hierarchy lost clarity, and the overall experience no longer reflected modern ecommerce expectations.
The challenge was to refine and elevate the platform under a fast-moving timeline, creating a more cohesive visual system, strengthening trust signals, improving navigation flow, and rebuilding key pages to better support engagement and conversion.
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.
Business Impact
Elevated the Brand Experience for Its Next Growth Phase
Modernized core pages, including Homepage, PDPs, About Us, Testimonials, and support architecture, to create a more cohesive and refined visual system.
Strengthened brand perception, reduced visual clutter, and aligned the digital experience with SkinnyFit’s evolving identity.
Improved Clarity and Conversion Flow
Simplified page structure, refined content hierarchy, and streamlined key sections such as Best Sellers and How To Use to reduce cognitive load.
Created clearer purchase pathways that improved usability and supported stronger engagement across devices.
Reinforced Trust and Community Signals
Enhanced testimonial storytelling, integrated social proof elements, and refined support pages to create a more transparent and supportive experience.
Increased user confidence, strengthened credibility, and encouraged deeper interaction across the platform.