User Interface Design (UI)

UI Design is what gives your digital touch-points the visual style and finesse that users will enjoy interacting with and wanting more from your brand.

This craft builds on delivering an enjoyable and frictionless user experience for your digital brand users. With users becoming quick to judge decisions on usability, highly intuitive interfaces can result in users choosing to follow through on interactions with your brand or simply moving on to the next brand that can offer context to their expectations. We can deliver: UI Design Kit Libraries and UI Dashboards

Who’s it for: Digital Brands who’s users are humans with needs such as comfort and low cognitive loads. 

Process
  • Brief-Up and Research

  • UI Mood-board

  • UI Design Concept

  • UI Design Assets

  • UI Design Application

Deliverables
  • UI design

Duration

4–6 Weeks

Process
  • Brief-Up and Research

  • UI Mood-board

  • UI Design Concept

  • UI Design Assets

  • UI Design Application

Deliverables
  • UI design

Duration

4–6 Weeks

Phase 1

Brief-Up and Research

With the User Experience (UX) Architecture in-hand, we are able to plan and deliver the UI.

This is our time to group-up and assemble the right team to kick-off our internal Brief-Up, align on delivery of goals and prepare for the design of all UI elements.

Phase 2

UI Mood-board

A Visual Map is created, that will help frame our design thinking and recommendations for:

Online Typography
Colour Sets
Tone of Voice
UI Kit Styles
UI Component Styles

Phase 3

UI Design Concept

With our UI direction in-hand, we will grab 2—3 key wireframe pages of your site and apply the UI to these pages. This allows us to test the overall design and showcase its use before applying the UI to all wireframes.

UI Concept Application

Phase 4

UI Design Assets

Concept works! Great. Time to build all the UI components needed and prepare all those online assets into a beautifully executed, pixel perfect design kit. These become our online brand-bible:

UI Design Kit
UI Asset Library
UI Guidelines

Phase 5

UI Design Application

Our final stage allows us to grab all the UI Assets and Design System and start applying the UI to all the Wireframes of the online platform, completing the design and bringing the online platform to life.