An energetic, inclusive digital space designed to reflect the high-intensity, community-driven spirit of Barry’s Bootcamp. From bold visuals to seamless user experience, the goal was to elevate the brand’s online presence while staying true to its iconic red room energy.
.png)
Barry’s Bootcamp needed a digital experience that matched the intensity and energy of their world-famous workouts. From bold color systems to dynamic layouts, the redesign focused on delivering a fast-paced, immersive experience that captured the Red Room spirit. The site was built to support both storytelling and conversion integrating motion, imagery, and hierarchy to drive engagement while reinforcing brand consistency across global markets. The result is a digital platform that feels just as powerful as the workouts themselves.
Design & Art Direction
Barry’s Bootcamp
May 2020
Our design system reflects a mission-first mindset confident typography, intentional spacing, and a warm, modern palette built to inspire connection and action. every visual element is rooted in purpose connecting people, culture, and community through a modern yet soulful design language. Our typography and color palette work together to tell a vibrant story of Ghanaian resilience, creativity, and hope.
Typography
Color Palette
F1EEEB
181614
The desktop experience offers a rich, story-forward interface where users can discover the mission, explore handcrafted collections, and connect with the artisans behind each product. Designed to balance storytelling with usability, the layout delivers clarity, warmth, and purpose.
A responsive 12-column grid brings harmony to content and product display—giving space for images and narratives to shine without distraction.
Large, expressive headlines, curated product spotlights, and gentle motion cues lead users through an emotionally resonant shopping journey.
A minimal top nav with sticky behavior ensures smooth access to key sections while maintaining a clean, editorial feel.
Designed for fluidity and impact, the mobile experience brings the heart of the marketplace into users' hands—anytime, anywhere. Intuitive gestures, responsive design, and seamless navigation make it easy to explore, connect, and shop with purpose on the go.
Large, expressive headlines, curated product spotlights, and gentle motion cues lead users through an emotionally resonant shopping journey.
A streamlined bottom nav provides thumb-friendly access to key actions, keeping the journey smooth and effortless on mobile.
Taps, swipes, and scrolls feel natural and responsive, ensuring every gesture supports a fluid, immersive experience.
Brand colors, type, and visuals are perfectly aligned with the desktop experience—creating one unified identity, regardless of screen size.
The website is more than a marketplace — it’s a story-driven experience. Designed with warmth, intention, and cultural depth, the platform invites users to explore the artisans, values, and impact behind every product.
From the homepage to collection pages and product detail screens, every interaction is purposeful. We focused on intuitive navigation, compelling storytelling, and an immersive shopping journey — turning conscious commerce into a meaningful, human-centered experience for global shoppers and community supporters alike.
%20(1).png)
.png)
.png)
.png)
.png)
©2025 Lucie Tran
Back to top
