Website ReDesign
A Fresh Visual Identity for a Healthcare Website
COMPANY/Brand
Travere Therapeutics/
Filspari
ROLE
Product Designer
Other Team Members
UX Architect , Art Supervisor, Copy Writer
Project description
We redesigned this healthcare professional website with a strong focus on elevating its visual design while streamlining content and improving usability. A key goal was to bring more of the campaign’s visual storytelling into the homepage and broader site experience—creating a cohesive, modern aesthetic that better reflected the brand. At the same time, we refined layout, hierarchy, and navigation patterns to make clinical information easier to scan and access, resulting in a cleaner, more intuitive experience across devices.
Project Steps
Team brief
Explore concepts
UI exploration
Create design options
Design system
Iterations and team reviews
final design
Development and QA
Launch
Process
This section highlights how I contributed at each stage of the project—from research and planning through design, development support, testing, and final optimization.
Research & Planning
We started with a team brief and an art-team workshop to explore ways to bring the home-page campaign into the broader site experience and enhance visual appeal.
Design & Prototyping
Following the workshop, I collected brand assets and legacy site files, developed design options, and prototyped core interactions. After aligning with the team and client, I finalized the full experience and prepared development-ready files with detailed states and functional prototypes.
Design System Creation
Our team used a limited set of existing local components as the foundation for developing a more robust, brand-specific design system.
Development & Implementation
Handed off all required files and met with the development team to walk through the designs, review prototypes, address implementation challenges, and answer any questions.
Testing & Optimization
Conducted thorough testing across desktop, tablet, and mobile to ensure compatibility, performance, and design accuracy. I also provided additional design solutions as needed to resolve development issues.
UI design
This section outlines how I translated the brand’s visual language into a functional, engaging experience. From early exploration of assets to system building and final screens, it highlights the decisions that shaped the end product.
Design challenge:
How do you redesign with a single image asset?
With only one primary brand image available, we had to find creative ways to carry the campaign through the rest of the site.
Starting Campaign Image
Zoom in and focus on image parts and textures
With only 1 image to work with, we focused in on specific elements of the image and looked for ways to bring these into the layout
Explore multiple design options
With the key image elements defined, we explored how to bring them to life and integrate them seamlessly into the current site layout.
Sample of different designs considered throughout the process
A design system to keep building on
To support consistency across the redesigned experience, we expanded a small set of existing components into a lightweight design system. It established clear guidelines for typography, colors, and UI patterns, ensured the new visuals integrated smoothly with the existing site, and created a foundation we can continue to build upon.
Sample of Design System components
Solution
The redesign transformed the site into a visually engaging, cohesive experience that carried the home-page campaign throughout the brand presence. With only a single main image to work from, our team got creative in extending the campaign, while establishing a minimal design system to ensure consistency across components. We explored multiple design directions, prototyped key interactions, and delivered polished, development-ready UI that balanced visual impact with usability.
Tasteful campaign elements sprinkled throughout
We extended key campaign visuals across the site in subtle, thoughtful ways that enhance the brand without overwhelming the user experience.
ADA compliance in mind
Every design decision was made with accessibility in mind, ensuring the site is inclusive and meets ADA standards.
Keep good UX
We maintained the strong user experience established in the original site while enhancing visuals and accessibility.
Results and Challenges
The redesign was well-received by both the client and our internal team, who praised the refreshed visuals and thoughtful execution. Despite limited brand assets, we successfully extended the home-page campaign across the site, maintaining strong UX while creating a more engaging, cohesive experience.