UX guidelines for one of the worlds
largest telco companies

teliaux-coverteliaux-cover

Client: Telia
Agency: Ziggy

During my time at Ziggy I had the chance to work with one of the worlds largest telco companies, Telia. In the launch of their new brand profile we were tasked with creating a system to help ensure consistency and a unified experience across all Telia's digital channels. Using the atomic design principles, we created a rigorous documentation with UX guidelines. Design systems, being a fairly new concept at the time, has today become a standard in the digital design business.

Methodology

When tasked with creating such a vast design system, it was obvious we needed a structured and well defined design methodology. Atomic design details all that goes into creating and maintaining robust design systems, allowing us to roll out higher quality, more consistent UIs really fast. In thinking of the UI as a hierarchy we were able to transform the design and development workflow for the better.


User

Our guidelines did not only target designers at Telia, but also editors. For designers the guide serves as a project's pattern library and UX style guide, but simultaneously a place to see components abstractly and in context. For editors the gudie serves as a resource of building blocks for a campaign, by learning the combination of modules they'll be able to create engaging and brand accordingly templates. 

The Result

Prototypes 

In our guidelines we provided clickable prototypes for all components in the Telia digital eco system. These component prototypes could be then be draged and dropped in to a page together with other components to create brand accordingly template pages.  Below are some examples of said component prototypes.

Tools and Assets

 

Axure
A wireframing, prototyping, documentation and specification tool for web and desktop applications.

Adobe Photoshop
Professional digital design and photo editing tool.

Atomic Design
Methodology for seeing UIs as hierarchies (Atoms, Molecules, Organisms, Templates, Pages).

ZURB Foundation
The most advanced responsive front-end framework in the world.