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

Fitness App

If you’re a RockFit fan, you’ll love the design of the new app! You will get access to exclusive offers that you will not find anywhere else. In addition, you can use the app to order food and track loyalty rewards. In addition, there are special offers only for app users. Plus, using the app is super easy – all you have to do is scan your phone at the checkout to take advantage of the discounts.

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

    RockFit US

  • Production

    Design Sprints, Documentation

  • Platforms

    Desktop, iOS

Open Project
⬤ 01. DESIGN LANGUAGE

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.

UI/UX, Product Design, Prototyping
UI/UX, Product Design, Prototyping
RockFit App 4
UI/UX, Product Design, Prototyping
UI/UX, Product Design, Prototyping

Color palette

/ Foundations
Primary
#8CDA79
 

R 255
G 199
B 44
  

Universal Yellow

Primary
#9EA9B8
 

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
SF Pro Text

Usage
Headlines

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

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

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Typeface
SF Pro Text

Usage
Headlines

Typeface
SF Pro Text

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