Design System #4: Built for White-Label Speed

Location Labs for AT&T Family (plus Verizon, T-Mobile, and more)

Background

The pitch to carriers wasn't just the product we had at Location Labs, it was the speed at which we could make it feel like their product. Building a robust design system was what made that promise credible, enabling rapid re-skinning to meet each client's brand requirements.

Scope

Ground up to Ship
Technological Transition/Migration
Documentation

2018 - DS Team

Design Lead
Megan Greig

Sr Designer
Sarah Hernandez

Location Lab’s Challenge

The design system was crucial to the business goal. We had to build a system that could reskin at speed and uphold brand fidelity.

Results & Business Impact

The system made a promise clients could see: a product that looked and felt like theirs, faster than they expected.

Setting up the foundation with basics such as Typography & Color Tokens helps the rest of the component-making process stay structured.

The white label product consisted of components that encapsulated main parts of the app. Specific brand guidelines were applied to clients’ libraries. (Spacing, typography, imagery, brand colors).

Location Labs family protection app reskinned for AT&T

Saved locations using the map feature with AT&T’s brand.

Final Reflections

The design system at Location Labs was unique in its direct correlation with business impact. Creating a system not only improved internal systems of efficiency, it also sped up our ability to market and sell to clients. The nature of the product led to the natural step of a design system being necessary to the success of the product, but it also showed me how it can prepare any digital product for similar success. Unifying patterns, creating a central point of truth and building quality atomic foundations can help any product pivot and scale more easily for the future.