
Celesti
Project Overview
Celesti, a brand rooted in the balance of nature, science, and spirituality, partnered with Suplex to design a considered UX and UI experience that reflected its philosophy. Known for its skincare solutions that combine natural ingredients with scientific innovation, Celesti required a digital presence that communicated its purpose while supporting exploration and engagement.
The objective was to translate the brand’s holistic approach into a website experience that felt thoughtful, immersive, and aligned with its mission to care for both skin and self.




User Personas
The UX process began with the development of detailed user personas to gain a deeper understanding of Celesti’s audience. Our team at Suplex studied user needs, preferences, and behaviours to ensure the digital experience aligned with expectations across key touchpoints. These personas informed the overall design approach, helping bridge Celesti’s philosophy with a practical and user-focused website experience.
Information Architecture
Suplex designed a structured information architecture to support intuitive navigation across the website. Essential sections such as the About Us and category pages were organised to allow users to explore the brand’s story and product range with ease. This considered organisation supported both usability and storytelling, reinforcing Celesti’s positioning while keeping the browsing experience straightforward.
Wireframes
Wireframes were developed to define the layout, content hierarchy, and functionality of key pages. This stage established a clear framework for the website, ensuring interactions and navigation felt natural and purposeful. The wireframes balanced visual intent with functional requirements, aligning the interface with Celesti’s spiritual sensibility and scientific credibility.

Colours and Typography
Suplex curated a colour palette and typography that reflected Celesti’s dual focus on spirituality and science. These visual choices created a composed and refined atmosphere, supporting consistency across the site while strengthening brand recognition. The resulting visual language helped create a deeper connection with users through tone, balance, and restraint.

Design System
The final UI screens were brought together into a cohesive design system that unified structure, visuals, and interaction patterns. The finished experience captured Celesti’s essence while delivering a smooth and approachable website journey. Client feedback was highly positive, with particular appreciation for the balance between visual expression, navigation, and alignment with the brand’s vision.







.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)
.png)