Marketing Design System

WorkPatterns is a workplace productivity tool with AI-driven insights to help manage team dynamics and success.

Marketing, Accessibility AA Compliance, System Design

Our Process

Role

Design Lead

Platforms

Responsive Web

End user

Top of funnel product leads

Design System elements

The goal was to redesign the marketing website to improve SEO and brand presence in the industry. I took a step-by-step approach, starting with an audit of the current website and its competitors to understand the existing brands in the space. Based on this research, I proposed basic design components such as color, typography, and navigation to stakeholders.

Header

After getting agreement from the stakeholders on these structural elements, I began to apply a strong brand presence throughout the website to help it stand out against competitors.

I started by testing and refining the brand's visual and animation elements on the homepage, and then carried these updates over to other pages of the website.


Header

When designing this website, I had to balance the need for consistency in the design language with the need to create visually diverse pages. This helped me to maintain accessibility standards and ensure that the pages were easy to read while also keeping development costs low and staying on schedule.

By keeping a disciplined approach throughout the design process, I was able to create a website that was visually engaging and accessible, while also being responsive to the needs of the business and the competition.

SEO

As the company was working with an SEO agency, I was tasked with designing pages that could accommodate large amounts of content. I understood that having too much copy on a page can be overwhelming for users, so I came up with new visual patterns to organize the content in a way that was easy to read and navigate.

By creating clear sections and leaving enough white space between them, I was able to make sure the pages were user-friendly while still meeting the company's SEO requirements.

Testimonials

Finally, using the design language that I had established, I created a diverse set of patterns to showcase customer testimonials in a visually engaging way.