Role: UI & Web Designer
Context: Passion project
Tools: Figma, Wix
Focus: UI design, UX principles, responsive web design
Bodysculpt | Website & UI Design
Bodysculpt is a high-energy website concept designed for fitness brands, gyms, and personal trainers looking to establish a strong digital presence. The project was created as a self-initiated passion project to develop my UI and digital design skills.
The focus was on designing a bold, engaging interface that encourages sign-ups, supports content discovery, and performs effectively across devices.
Designed the website UI from concept to final screens
Defined layout systems, spacing, and typography
Created responsive designs for desktop and mobile
Considered user journeys focused on sign-ups and engagement
My Role
The goal of the project was to design a clear, conversion-focused website that balances visual impact with usability. I wanted to explore how layout, hierarchy, and motion could be used to drive engagement while maintaining clarity and ease of navigation.
The Goal
The visual direction was intentionally bold and energetic to reflect the fitness industry. High-contrast colour choices, strong typography, and dynamic layouts were used to create momentum and encourage user interaction.
Despite the high-impact aesthetic, usability remained a priority, with clear navigation, consistent spacing, and a strong visual hierarchy guiding users through the experience.
UI & Visual Direction
The site structure was designed around key user goals, learning about the brand, understanding services, and signing up. Pages were organised to minimise friction and ensure calls to action were clear and easy to access.
Layouts were designed mobile-first to ensure performance and usability across different screen sizes.
UX & User Flows
Accessibility & Responsiveness
Accessibility and responsiveness were considered throughout the design process, particularly in relation to contrast, font sizing, and touch-friendly layouts. This helped ensure the interface remains usable across devices and for a wide range of users.
Outcomes & Learnings
This project helped strengthen my UI design skills and deepen my understanding of how visual design choices impact usability and conversion. It also reinforced the importance of balancing strong visual identity with clarity and accessibility in digital experiences.
Reflection
If developed further, I would validate design decisions through user testing and explore motion and interaction design to enhance engagement while maintaining usability.