Sunvibe: UX/UI Design & WordPress Implementation for a Skincare Brand
Sunvibe: UX/UI Design & WordPress Implementation for a Skincare Brand
My role
Designing a premium digital experience that showcases skincare products and supports a consistent brand identity.
Services
UX/UI Design, Design System Website Design, WordPress Implementation, Visual Identity Support
Tools
Figma, WordPress, Adobe Illustrator
Year
2023
Focus
Elevated Brand Value, Target Demographic Resonance, Anti-Aging Redefinition
Project summary:
Sunvibe is a brand website designed to present a skincare product line in a clear and visually engaging way. The project focused on building a consistent visual system and a simple, intuitive user journey that highlights product benefits while supporting a responsive browsing experience.
The final design elevates brand perception, resonates with the target demographic of women over 40, and provides a scalable foundation for future digital development.
Project summary:
Sunvibe is a brand website designed to present a skincare product line in a clear and visually engaging way. The project focused on building a consistent visual system and a simple, intuitive user journey that highlights product benefits while supporting a responsive browsing experience.
The final design elevates brand perception, resonates with the target demographic of women over 40, and provides a scalable foundation for future digital development.
Context:
The Sunvibe project aimed to redefine a premium skincare brand, focusing on their new SPF line for women over 40. The goal was to establish a visual identity that promotes confidence and elegance while moving away from outdated anti-aging narratives.
The website needed to clearly communicate product benefits and support a cohesive digital brand presence.
Context:
The Sunvibe project aimed to redefine a premium skincare brand, focusing on their new SPF line for women over 40. The goal was to establish a visual identity that promotes confidence and elegance while moving away from outdated anti-aging narratives.
The website needed to clearly communicate product benefits and support a cohesive digital brand presence.
Problem:
The brand previously lacked a cohesive visual system across packaging, digital, and marketing touchpoints. Users struggled to understand the product benefits quickly, and the online presence did not reflect the premium quality of the SPF line.
Problem:
The brand previously lacked a cohesive visual system across packaging, digital, and marketing touchpoints. Users struggled to understand the product benefits quickly, and the online presence did not reflect the premium quality of the SPF line.
Design challenge:
The challenge was to create a design system and website that could communicate sophistication and confidence while remaining intuitive for the target demographic.
The interface needed to balance visual elegance with usability, supporting responsive browsing and clear product presentation.
Design challenge:
The challenge was to create a design system and website that could communicate sophistication and confidence while remaining intuitive for the target demographic.
The interface needed to balance visual elegance with usability, supporting responsive browsing and clear product presentation.
Key design decisions:
A refined, minimalist design system was developed using clean typography and a sophisticated color palette. The system ensures visual consistency across packaging, marketing, and digital platforms.
Interactive components and layouts were designed to make product benefits clear and engaging, supporting smooth navigation and a seamless user journey.
Key design decisions:
A refined, minimalist design system was developed using clean typography and a sophisticated color palette. The system ensures visual consistency across packaging, marketing, and digital platforms.
Interactive components and layouts were designed to make product benefits clear and engaging, supporting smooth navigation and a seamless user journey.
Accessibility improvements:
The interface prioritizes readability, contrast, and clear hierarchy to accommodate a diverse audience. Consistent layouts, scalable typography, and responsive grids ensure an elegant experience across devices.
Visual assets were curated to resonate with the demographic while maintaining accessibility standards.
Accessibility improvements:
The interface prioritizes readability, contrast, and clear hierarchy to accommodate a diverse audience. Consistent layouts, scalable typography, and responsive grids ensure an elegant experience across devices.
Visual assets were curated to resonate with the demographic while maintaining accessibility standards.
Solution:
The final solution combines a robust design system with a responsive website built on WordPress. All visual and interaction elements are standardized, allowing scalable digital development while maintaining brand integrity.
The SPF line is now positioned as a sophisticated, confidence-building product. The platform provides a seamless browsing experience, clear product information, and a foundation for future digital expansion, effectively supporting both brand elevation and audience engagement.
Solution:
The final solution combines a robust design system with a responsive website built on WordPress. All visual and interaction elements are standardized, allowing scalable digital development while maintaining brand integrity.
The SPF line is now positioned as a sophisticated, confidence-building product. The platform provides a seamless browsing experience, clear product information, and a foundation for future digital expansion, effectively supporting both brand elevation and audience engagement.
Next Projects
