Methodology

Design System

Create a cohesive experience for your users with a pixel perfect design library. Buttons, menus, input fields and more are carefully crafted and standardised, ready for you to scale.

UntilNow · Design System

They are very efficient and have strong expertise in their field. We won't hesitate to recommend their services to startups, scale ups and corporates.

Enguerrand Vidor

Enguerrand Vidor

,

CEO

at

Sven

Project

Design System

Create a cohesive experience for your users with a pixel perfect design library. Buttons, menus, input fields and more are carefully crafted and standardised, ready for you to scale.

UntilNow · Design System
Overview

Why would I need this?

Your web and mobile experiences look like they weren’t built by the same company? New features are taking longer than expected to build? Keep having the nagging feeling that you’re reinventing the (design) wheel? There’s a good change you’re in need of a design system. Our design system package gives your team a complete set of standards that ensure scalable design as well as a library of reusable components and patterns.

Phases

How does it work?

1

Define the purpose

Clearly establish the goal and purpose of the design system. Understand the problems it aims to solve, such as ensuring consistent branding, improving the user experience, and increasing efficiency in design and development.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

2‍

Research and audit

Conduct a comprehensive analysis of your existing products or services to identify common design patterns, styles, and components. Evaluate their effectiveness and determine areas for improvement.

3‍

Create visual guidelines and design principles

Define a set of principles that will guide the design system. These principles should align with your brand values and provide guidance on aspects such as typography, color palette, spacing, and imagery.

4‍

Design and document components

Design and document reusable components that represent common UI elements, such as buttons, menus, cards, and input fields. Include guidelines for usage, states, and variations to maintain consistency.

5

Education and training

Conduct workshops, training sessions, or documentation to educate the design and development teams on using the design system effectively. Provide resources and tutorials that demonstrate its implementation.

6
No items found.
7
No items found.
8
No items found.
Phases

How does it work?

Define the purpose

Clearly establish the goal and purpose of the design system. Understand the problems it aims to solve, such as ensuring consistent branding, improving the user experience, and increasing efficiency in design and development.

Research and audit

Conduct a comprehensive analysis of your existing products or services to identify common design patterns, styles, and components. Evaluate their effectiveness and determine areas for improvement.

Create visual guidelines and design principles

Define a set of principles that will guide the design system. These principles should align with your brand values and provide guidance on aspects such as typography, color palette, spacing, and imagery.

Design and document components

Design and document reusable components that represent common UI elements, such as buttons, menus, cards, and input fields. Include guidelines for usage, states, and variations to maintain consistency.

Education and training

Conduct workshops, training sessions, or documentation to educate the design and development teams on using the design system effectively. Provide resources and tutorials that demonstrate its implementation.

Phases

How does it work?

Define the purpose

Clearly establish the goal and purpose of the design system. Understand the problems it aims to solve, such as ensuring consistent branding, improving the user experience, and increasing efficiency in design and development.

Research and audit

Conduct a comprehensive analysis of your existing products or services to identify common design patterns, styles, and components. Evaluate their effectiveness and determine areas for improvement.

Create visual guidelines and design principles

Define a set of principles that will guide the design system. These principles should align with your brand values and provide guidance on aspects such as typography, color palette, spacing, and imagery.

Design and document components

Design and document reusable components that represent common UI elements, such as buttons, menus, cards, and input fields. Include guidelines for usage, states, and variations to maintain consistency.

Education and training

Conduct workshops, training sessions, or documentation to educate the design and development teams on using the design system effectively. Provide resources and tutorials that demonstrate its implementation.

Capabilities and activities

What kind of work does this cover?

We combine decades of brand and product experience across industries and around the world with current best practices in digital design and transformation to help our clients create brands that connect with customers and provide a stable platform for future growth.

Digital product design

Sculpt digital masterpieces, where form meets function in a dance of user-centric design and innovative problem-solving.

Custom icon library

Custom icon libraries designed inline with your brand provide clarity and consistency.

UX/UI Design

Orchestrate digital symphonies, where every click, swipe, and scroll is a note in a harmonious user experience masterpiece.

Testimonials

They think holistically and have a meticulous eye for detail. The team is a mix of super talented designers and conceptual thinkers. They think holistically about user needs, but also have a meticulous eye for detail. They design for users’ needs as well as meeting business goals. They are modest, passionate and great listeners, which means that they worked effectively with the team and were very well regarded. They are an absolute pleasure to work with. I highly recommend UntilNow.‍

Carl Prins

Carl Prins

,

CEO and Co-Founder

at

Pathzero

Results

34
+
Digital products shipped
$
900
M
Total funding raised by our clients
26
+
Industries

The DNA that makes up UntilNow

We built a team with a unique mix of in-house and agency experience.

Case studies

Alternaleaf

Alternaleaf

Normalising medical cannabis in Australia

Chris O'Brien

Chris O'Brien

Refreshing the identity of a world-class, cancer treatment centre

Pepperstone

Pepperstone

Big brand visuals, hard working content

FAQs

No items found.
Charles Hoang
Francesco de Chirico

Are you thinking what we’re thinking?

If all makes sense and you would like to learn more about how we can help. Let’s jump on call... no strings attached... we promise.

Perfect for

Start Up

Early Stages

Enterprise

Scale up

Estimated pricing

Project timing

Generally between 3 to 6 weeks, depending on how big a design system you need.

What you get

You'll walk away from this project with a heavily detailed and functional design system that your engineers and designers will love you for. We'll document every state, interaction and visual variant in a simple and usable guide. All component will be built based on best practices and will be created custom for you, your product and your brand. This will be a system that can continue to grow over time as you scale.

What we’ll focus on

Custom design system tailored to your product’s needs

Built with strong foundations to support future changes

Documented and organised library for components, typography, and colour

Written guide to help you brief contractors or internal team members