Website Revamp
Contribution: UI Design, Motion Design, Design System
Objective
The goal of this project was to overhaul our existing website to achieve modernization, improve user flow, and establish consistency. By analyzing the content and user behaviour patterns of the current site, I strategically reorganized the sitemap to minimize friction and reduce bounce rates.
Colour & Depth System
A layered colour system was implemented to add depth and cohesion throughout the design. This hierarchical approach categorized levels in the sitemap: top levels featured darker tones, lower levels utilized lighter shades, and menus were highlighted with a distinctive neon accent.
Interactive Elements
Incorporating interactive motions was pivotal in modernizing the user experience. These dynamic elements not only engaged users but also facilitated intuitive navigation and interaction across the site.
Component Library
A comprehensive component library was meticulously crafted from scratch to seamlessly integrate with the new website styling. This library not only ensured consistency in design elements but also streamlined future development and maintenance efforts
Outcome
The revamped website successfully achieved its modernization objectives, improved user flow, and enhanced consistency. The strategic use of styling, interactive elements, and a robust design library has set a solid foundation for elevating our brand’s digital presence and user engagement.