Brief
Collaborating with a talented team of designers, developers, and executives, we embarked on a mission to rebuild the website from scratch as well as launching on a new CMS platform, Optimizely. I built a new design system that streamlined the design process and developer collaboration.
Strategy
I led workshops to organize our brand messaging, prioritize goals, and make sure each page function was aligned. These workshops resulted in outlines that detailed the structure of each page, which I then used to create wireframes.
Wireframes
Design
Stylescape
Using stylescapes I was able to explore different ways of visualizing the brand in UI/UX and get stakeholder buy-in early on.
Design System
By establishing a strong foundation of principles, I was able to swiftly deliver design assets and continuously expand pages with limitless combinations of components, while preserving consistent patterns and layouts.
Design Concepts
By utilizing the design system and working closely with the content team (no lorem ipsum here), I expedited the creation and delivery of detailed designs for each new page. I created several variations of the homepage key sections/elements and worked with the team to finely tune the final version. After finalizing each page design, I meticulously annotated each element with comprehensive guidelines and provided interactive prototypes for more complex elements.
