Universit

Client: Universit
Date: July 31, 2017
Services: UI Design, Styleguide, Asset Delivery

01. My Process

Working for Universit was certainly a different kind of challenge that I have not encountered before.

Created exclusively to serve the IT and Telecom sector, the Universit Commerce Services Platform will help you boost indirect sales and offer the bundled solutions customers demand. But despite that promising premise, it is still a very complicated and difficult platform to fully understand, let alone design in a user friendly way. And to top it all off, the CEO requested a different kind of approach to the design process. He wanted to have the different components that make up a screen to be designed first, and the design of individual screens to be done last, made with the components you designed first.

Quite a difficult task to imagine when the platform consisted out of thousands of screens, multiple exceptions and hundreds of components to think of.

User Experience

Encompasses all aspects of the end-user's interaction with the company, its services, and its products.

Design & Craft

The creation of an entire Component library, design tools, white label screen designs and UI kit with rules and regulations on how to use them, including a Style library.

Project managing

Delivery of assets, designs, and user cases. Managing the project flow and workflow through programs like Jira, Zeplin and Confluence.

02. Sketch UI library

As with all projects I work with nowadays, I start off with some different styles and colour palettes and try and gauge a good design that is both functional and pleasing to the eye and works well with the intended product.

With this project it was also important that the designed components would both recognised as a Universit product, but also be easily branded by paying customers. On top of that, they wanted a simple, clean design that would fit with the sometimes screaming ads and branding from telecom products promoted on the platform.

03. Principle animations

To make sure that the development team would understand the subtle animations and motion graphics that came with each component, I designed short gifs to demonstrate what I had in mind for them.

04. The components put together

So what does it look like when you put the components together to make screens out of them?

Leave a Reply

Your email address will not be published.