Get In Touch
400 – 601 West Broadway, Vancouver BC V5Z 4C2
Work Inquiries
info@duffleken.com
Ph: +1.809.120.6705

Quantic

If you’re a Quantic’s fan, you’ll love the design of the new app!

Task

Help to rebuild a unified visual system with multiple mobility options. Meaning: a single cross platform app with a harmonised UX flow that help people embrace the new identity system through play and interaction.

  • Strategy

    Design Sprints, Workshops

  • Design

    Product Design, Prototyping

  • Client

    Quantic

  • Production

    Design Sprints, Documentation

  • Platforms

    Desktop, iOS

Open Project
⬤ 01. DESIGN LANGUAGE

Product design & a unified design
language shouldn’t be just a set
of static rules and individual atoms;
it should be an evolving ecosystem.

Design has always been largely about systems, and how to create products in a scalable and repeatable way. From Pantone colors to Philips screws, these systems enable us to manage the chaos and create better products. Digital products are perhaps the most fertile ground for implementing these systems and yet it’s not often considered a priority.

A unified design system is essential to building better and faster; better because a cohesive experience is more easily understood by our users, and faster because it gives us a common language to work with.

⬤ 02. Experience

A fluid visual user
experience with a
new solutions.

I believe in getting excited about unique ideas and helping digital and tech companies. Tech for good.

I grow brands through bold and strategic creativity, focused on searching for new ways to showcase user content on digital support and envisioning the future arts.

Quantic App 2
Quantic App 4
Quantic App 1
Quantic App 3
Quantic App 5

Color palette

/ Foundations
Primary
#FFC72C
 

R 255
G 199
B 44
  

Universal Yellow

Primary
#00A699
 

R 221
G 16
B 33
  

Universal Red

A11Y Color
#FC642D
 

R 255
G 255
B 255
  

White

A11Y Color
#ED2323
  
R 0
G 0
B 0
  

Black

I believe in getting excited about unique ideas in design workflows and helping digital tech companies grow.

I grow brands through bold and strategic creativity, focused on searching for new ways to showcase user content on digital support and envisioning the future arts.

Typography

/ Scales

Typeface
IBM Plex Sans

Usage
Headlines

Quantic’s typeface is simple, bold, easy for everyone to read, and instantly recognizable.

Whenever Quantic’s appears, it is inscribed in a simple, yet attractive font, which signifies the strong image of the brand. Simplicity makes Quantic’s app design more appealing and engaging.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Typeface
IBM Plex Sans

Usage
Headlines

Typeface
IBM Plex Sans

Usage
Headlines

⬤ 03. Mobile Experience

Putting our focus on
changing the way people
think of mobile experience.

Let's get in touch,
I respond fast 🙂

Ready to work together?
Back