Building a Design Foundation
Starting in 2020, I was Obviously's first UX designer hire. The nine-year startup focused on influencer marketing campaigns and supporting its custom SASS platform to facilitate these campaigns. The company executes campaigns by finding influencers, managing the content creation process, and collecting analytics on the collective performance of those social media posts. Before I joined, they relied on the Engineering team and occasional freelancers to fulfill design needs.
The Need for Foundation Design
No Consistency
Years of engineer-led design decisions led to hundreds of inconsistencies on the component, page, and architecture levels. Also, half-hearted do-overs of the CSS meant it wasn't an easy fix.
To tackle this, I initiated a series of phases and activities.
- A complete UI audit of every page.
- Interviews with the Director of Engineering to get the history the UI and CSS front-end stack.
- Building a brand new Design System with new typography, colors, layouts, and components based the existing Bootstrap framework.
- Working with Product on where we could implement this safely.
- Overhauling an isolated part of the system to completely redo the CSS architecture under the new Design System
- Progressively enhancing sub-system by sub-system until the transformation was complete.