Wasabi: UI/UX & Enterprise Web Design Refresh
summary
overview
To execute a comprehensive refresh of Wasabi's website and core UI elements, transforming the look to be more enterprise-grade, sleek, and contemporary. The core mission was to align the aesthetic with executive vision while simultaneously meeting modern design standards and accessibility requirements.
challenge
The primary challenge was managing a sensitive brand aesthetic mandate—pleasing executives who disliked the existing branding—while navigating established design systems and ensuring technical compliance (accessibility). This required a delicate balance of introducing significant visual changes to the website's core sections (hero, CTAs) while maintaining a cohesive and intuitive User Experience (UX).
the process
step 1
UI/UX Strategy & Prototyping: Collaborated closely with the Creative Director to design new UI elements and strategically tweak the existing User Experience (UX). Created the initial prototypes and defined key basic user flows to visualize the new, sleeker aesthetic.
step 2
Web Design Refresh Execution: Focused the redesign efforts on high-visibility areas, including the homepage hero section, calls-to-action (CTAs), secondary hero sections, and data visualization graphics, ensuring a refined, enterprise-level look.
step 3
Adherence to Standards & Accessibility: Integrated the new design changes while strictly adhering to existing design systems and implementing updates necessary to meet modern design standards and accessibility guidelines.
step 4
Stakeholder Management & Adoption: Managed the design presentation and review process, securing enthusiastic approval from the Creative Director, Head of Marketing, Brand lead, and other key members of the leadership team.
gallery
impact
The project resulted in a successful and well-received digital transformation. The website achieved a more professional, contemporary feel that satisfied executive vision and elevated the brand's perception to an enterprise level. By focusing on both aesthetic appeal and technical standards (UX/Accessibility), the redesign established a strong foundation for future digital growth.
-
Leadership approval of the redesigned look as "enterprise-grade" and "sleek."
-
Achieved by implementing updated color contrast and UI standards during the redesign.
-
Result of the redesigned CTA visual hierarchy and placement on the refreshed pages.
-
20+ enterprise-ready UI elements designed and documented for future use.