Ohana Design System
As the lead of this project, I guided a team of four designers in rebranding the Uniqode website using our newly developed Ohana Design System. Our goal was to enhance the site’s visual appeal and user experience by creating cohesive, reusable components that seamlessly integrated Uniqode’s branding elements. We focused on designing the Ohana components to ensure consistency across various devices and screen sizes.
This project not only resulted in a smooth rebranding but also provided the Martech team with a scalable framework, enabling them to efficiently deploy new features and marketing initiatives while maintaining brand coherence. The streamlined approach also significantly reduced the time and effort required for future updates, contributing to a more agile and responsive marketing strategy.
Process
We began by auditing 54 web pages to categorize existing components into new, to be modified, and to be substituted. This approach allowed us to prioritize tasks based on their impact and effort.
In the design phase, we explored the 2x grid system and worked closely with the engineering team. We aimed to refine mobile responsiveness, simplify components, and adjust text styles and padding for consistent presentation across devices.
Solutions
We decomposed components into smaller, reusable parts, ensuring adaptability and consistency across different screen sizes.
Padding Consistency
We standardized padding to 8px for desktops and 4px for tablets and mobile devices, addressing discrepancies and enhancing visual harmony.
Granular Component Approach
We focused on simplifying components and maintaining a consistent column sequence to ensure proper reflow and responsiveness.
Mobile Responsiveness
Results
The rebranding project successfully transformed the Ohana website to align with Uniqode’s brand identity. The website now features a cohesive and visually appealing design with improved component consistency and responsiveness. Leading this project not only showcased my ability to guide a team through complex design challenges but also highlighted my expertise in achieving effective and impactful design solutions.