MTM Watch

Watches engineered with precision and built to withstand the most extreme conditions. The MTM Hypertec Chrono watch is an entry level watch that lives up to its name with confidence and prestige. Shop Collection. SPECIAL OPS / Collection.

publish date

May 30, 2020

project type

Ecommerce Website & AR Platform

client

MTM Watch

About MTM Watch

The MTM Watch digital experience was conceived as a bold extension of the brand’s identity: rugged, precise, and built for extremes. Our concept centered around modernizing the e-commerce platform while preserving MTM’s tactical and utilitarian aesthetic. This meant integrating immersive photography, a strong UI structure, and innovative product customization — all designed to echo the spirit of the Hypertec Chrono and the SPECIAL OPS collections

concept

MTM Watch needed to compete in a saturated luxury and tactical watch market while enhancing its online presence to reflect its core values of precision, durability, and engineering excellence. The main challenges included updating a legacy e-commerce platform, simplifying a complex product selection process, and offering customers a more engaging, premium digital buying experience that mirrors the watch itself.

challenge

solution

We delivered a high-impact e-commerce redesign that paired cinematic visuals with intuitive navigation and innovative AR technology. Our team built a sleek interface to showcase MTM’s premium craftsmanship, and we implemented an interactive AR customization platform — allowing users to view watches on their wrist in real-time. This fusion of performance and personalization brought the brand’s tactical ethos to life in a compelling digital format.

UI/UX Persona

M Smith, Outdoor Adventurer

“Recently completed a mountain survival course and wants a watch that won’t quit on him when conditions get tough — a timepiece that works as hard as he does.”

Goals: Purchase a durable, high-performance watch that complements a rugged lifestyle
Pain Points: Limited time to shop, needs clear specs and assurance of durability

Demographics

Age: 25 – 40
Education: Degree in Business
Occupation: Manager
Tech literate: California Basic

Behavior: Values function over form, but appreciates premium craftsmanship and wants a watch that reflects personal identity
Device Usage: Primarily mobile, but willing to complete purchases on desktop

Reflective Questions

Thought-provoking questions to spark meaningful discussions.

What exactly audience expect or look for?

What challenges do you face with your current outdoor gear?
How do you usually research new outdoor equipment?
What features are most important to you in outdoor gear?
Have you encountered any frustrations when purchasing gear online?
What influences your final decision when choosing a product?
What would make your shopping experience significantly better?

Identify User Pain Points

This section highlights the key frustrations and challenges users face, such as dealing with outdated systems, manual data entry, and lack of timely communication. Users express a need for automation, accuracy, and simpler tools, while feeling stressed, overworked, and concerned about making mistakes. Understanding these pain points is crucial for designing a more supportive, efficient, and user-friendly solution.

Understanding the users' needs, feelings, and behaviors to design a more intuitive and effective experience for those navigating immunization data.

Empathy Map

User Journey Map

This section maps out each step users take—from receiving immunization forms to submitting reports—revealing where they face delays, confusion, or extra work. It helps identify opportunities to improve the experience with clearer steps and smarter tools.

User lands on the homepage from an Instagram ad highlighting the Hypertec Chrono. He’s immediately drawn in by full-bleed imagery and a clean, dark-themed UI. He explores the SPECIAL OPS collection, toggles between product variants, then activates the AR view via his mobile phone. Seeing how the watch fits his wrist gives him confidence to proceed. He adds the product to cart, checks out smoothly, and receives an email follow-up for post-purchase engagement and future customization options.

User Journey Flowchart

More about us

Ecommerce Funnel

The e-commerce platform was designed to feel as premium and tactical as the watches themselves. We implemented a mobile-first responsive design with modular product layouts, high-resolution watch imagery, and intelligent filtering. Checkout was streamlined with minimal steps, while backend architecture allowed for easy management of inventory, SKUs, and user analytics. We also integrated customer reviews, product specs, and limited-edition drops to drive engagement and conversion.

Foundations in Figma

Designing the Framework

Before diving into 3D and WebAR, we started with intentional interface design. Using Figma, mapped out user flows, interaction states, and responsive layouts to ensure a seamless try-on experience across devices. The focus was on clarity, ease of navigation, and guiding users from curiosity to confident purchase. These early prototypes helped align teams, validate assumptions, and set the stage for a high-performing AR integration.

User Interaction 95%

Branding Lead 87%

Special Edition

3D AR Experience

To enhance buyer confidence and personalization, we developed a WebAR feature that lets users try on MTM watches virtually. Built to be lightweight and responsive, this tool works across modern mobile browsers without needing a separate app. Users can explore different bands, finishes, and case sizes, seeing the watch rendered in real scale directly on their wrist. This not only boosted user engagement but significantly reduced product return rates.

User Interaction 95%

Branding Lead 87%

Bringing ideas to life through stylized visuals, I’ve led creative direction across 3D animation, product renders, and photoshoots. From modeling and animating in Blender to directing photography and crafting composites in Photoshop, these pieces merge storytelling with technical precision—bridging the gap between static design and immersive brand experiences.

Visual Direction & Motion Craft

Image #2

Visual style is an essential part of a project as it helps create a standardized system of colors, fonts, buttons, text input, and many other components that will be combined and displayed on user screens.

Style Guide

Font Combination

Typography

Introducing Gotham Black & Futura - By pairing the bold and solid Gotham Black with the clean, timeless elegance of Futura, you create a dynamic contrast. Gotham Black grabs attention, while Futura provides a sleek, balanced complement for subheadings or body text.

Palette

Color Scheme

The color palette was deliberately restrained to reflect the brand’s tactical and military roots. We used a spectrum of neutral grays, deep charcoals, and black tones to convey strength, sophistication, and durability. Accents were used sparingly — red and orange for alerts and calls to action — ensuring the watches remained the focal point. The use of negative space and consistent grayscale backgrounds helped highlight product detail and enhanced the overall perception of luxury.

prev project

next project

MTM Watch

About MTM Watch

UI/UX Persona

Reflective Questions

What exactly audience expect or look for?

Identify User Pain Points

Empathy Map

User Journey Map

User Journey Flowchart

Ecommerce Funnel

Designing the Framework

3D AR Experience

Visual Direction & Motion Craft

Style Guide

Typography

Color Scheme

useful links

Portfolio

Contact Me

Hi@KinLuca.com

Hi@kinluca.com

Hi@kinluca.com

Hi@kinluca.com

Hi@kinluca.com