Website Design and Development Project

During the discovery and planning phase I challenged the team to identify the primary objective and user flow of the website as well as each page individually. Once the core objectives were decided, I led workshops to organize the brand messaging and prioritize these goals and ensure each page function was on target. The result of these workshops were message outlines that documented each page structure that I then used to build out wireframes.

An innovative approach to visualizing brand elements and the intended style for the new website. This ultrawide format collage is not a traditional moodboard or web design, but rather a captivating showcase that allows stakeholders to grasp the core design concept without being distracted by mock page layouts. By embracing an unfamiliar format, it opens the door for a free expression of messaging and imagery that goes beyond the constraints of typical webpage designs.

Meticulously documented guidelines that detail the styling, layout, and seamless integration of all web elements into cohesive blocks. 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.

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.