Project Overview
At Elixium Health, I led a complete website redesign focused on elevating the brand’s digital presence and aligning it with their forward-thinking approach to health and wellness. The project centered on creating a modern, cohesive user experience supported by a fully custom UI system and a distinctive visual language driven by AI-generated imagery.
My Role
I was responsible for the end-to-end design of the website, including UX strategy, wireframing, UI design, and visual direction. I developed wireframes to establish layout structure, user flow, and content hierarchy before translating them into a polished, scalable interface system. In addition, I created a library of AI-generated imagery that aligned with the brand’s identity and extended seamlessly into their physical environment.
UX and Wireframing Process
To ensure a strong foundation, I created wireframes that mapped key user journeys and defined the structure of each page. This phase focused on usability, content hierarchy, and clear navigation patterns, allowing for efficient iteration before moving into high-fidelity design.
Page-level wireframes for core user flows. Content hierarchy and information architecture planning. Navigation and user journey mapping. Iterative refinement based on usability considerations
Custom UI System
To ensure consistency and scalability, I designed a flexible UI system that defined core components and interaction patterns across the site. This system enabled a cohesive user experience while supporting future growth and content expansion.
- Navigation and header structures
- Typography hierarchy and content systems
- Buttons and interactive UI elements
- Grid and layout frameworks for responsive design
- Component-based design for scalability
AI-Driven Visual Language
A key part of the redesign was developing a unique visual identity through AI-generated imagery. I created a curated library of visuals that not only enhanced the digital experience but also aligned with the AI-driven aesthetic used throughout Elixium Health's physical spaces.
- Custom AI-generated imagery for web use
- Consistent visual themes across digital and physical environments
- Art direction to maintain brand cohesion
- Integration of imagery into UI components and layouts
Brand and Experience Alignment
The redesign ensured that every touchpoint, from digital interactions to in-person environments felt unified and intentional. By aligning the website's UI system with the brand’s physical experience, the project created a seamless and immersive brand presence.
Tools Used
Figma
Photoshop
Firefly for AI Image Generation