Get the free guide

Free SaaS UX Design Checklist — enter your details and we’ll send the PDF and follow up if you need help applying it.

Tokk

Tokk is more than just a wearable, it's a comprehensive ecosystem where hardware and software unite to elevate convenience and interactivity.

Tokk — UX design case study for a wearable companion app

Users have the power to tailor settings and features, transforming their Tokk device into a personalized smart companion.

Challenge:

The challenge was to design and develop a user-friendly, feature-rich mobile application that complemented the Tokk wearable, ensuring a seamless and enhanced user experience. The app needed to be intuitive, visually appealing, and optimized for performance across both iOS and Android platforms.

What We Did:

We delivered 60+ screens across 7 main flows—covering setup, personalization, notifications, and day-to-day control patterns tuned for one-handed use. The native app is designed for both iOS and Android users, ensuring a broad audience can experience the full potential of Tokk.

  • 60+

    Screens delivered

  • 7

    Core user flows

  • 2

    Platforms (iOS & Android)

Dual-screen product design portfolio moments

Early compositions pair light and dark UI treatments so stakeholders can compare density, contrast, and brand accents before engineering locks platform theming—useful when the same wearable logic must read clearly in bright outdoor light and dim rooms.

High-fidelity flows across the experience

A tall canvas walks through onboarding, home, and settings so the UX case study narrative stays anchored in real screens rather than abstract components—helping reviewers see how gestures, hierarchy, and feedback align with the hardware promise.

Wearable settings and companion dashboards

Side-by-side device frames highlight customization and status surfaces: users can tune haptics, shortcuts, and companion behaviors while still seeing the broader product story at a glance.

Color system and UI redesign foundations

A dedicated palette strip encodes primary reds, neutrals, and semantic states so future UI redesign work stays consistent across marketing, packaging, and in-app affordances—reducing drift between brand and product teams.

5.0

“Their design solutions are always forward-thinking and push us to think about unique solutions that will better serve our client needs.”

President, Readybuild

Clutch

More Our Cases

Let’s make your project glow

Contact us to discuss business opportunities or to say hello.

4.9
110+ Clients

Our team will get back to you within 24h