Zoosk | Product Design

Building a design system from scratch

ROLE

Design Lead

TEAM

Engineering
Product

Overview

Zoosk is a ten-year-old company that started out as a Facebook game which acted as the first dating app on the platform. Over the years the app grew to reside on IOS, Android, and web. Fast forwarding to 2019, the company has been focused on growth and had accrued debt facing the design. For example, there were over 1000 color values used throughout the platform and 25 different styled buttons on iOS alone.

Many buttons had very slight inconsistencies leading to more and more custom styles and custom code. I was tasked with working with the design and development team to build a modern yet manageable design system on moving the brand forward.

A call to arms!

The first task I took on was managing a full audit of our color system and platform for all clients. I also documented the user flows and states for each experience. While the process was extensive, the exercises taken would prove to be invaluable as we began to hone in on which elements to keep and which needed an upgrade.

From there, we locked in on a consistent font ramp as well as a grid system. The updated system is still in infancy but has already proved extremely helpful as we began to rebuild our internal store as well as our marketing materials. We were able to move from concept design to completion much faster.

Zoosk product audit example
Zoosk still supports the Iphone SE so our system must be flexible enough to accommodate
MORE WORK