Gentle Monster Kiosk

Gentle Monster Kiosk

What

Brand Activation

Tool

Figma, C4D, AE

Timeline

10 Weeks

The goal

Gifting shoppers an experience to find their perfect match

PROBLEM

Even great brands have bad kiosks

There's not a day where shoppers don't interact with a kiosk of some kind and experience a confusing integration of a brand and design system.

Simultaneously shaped by the hesitation of eyewear shopping and the question of "what fits me best?" I designed an in-store kiosk that helps users find frames aligned with their face.

The project overall asks how can a kiosk create clear choices, represent the brand, and support purchase decisions.

Unblurring

Gentle Monster

What is GM

GM has unique and avant-garde concepts/products. Their stores blur the lines between interaction and retail

Why

The idea originated from a simple question "What fits me best?" I envision a kiosk that blends utility with art

The idea originated from a simple question "What fits me best?" I envision a kiosk that blends utility with art

Goals

Following similar concepts like Jin's (where users can get their frames and prescriptions), I will design an experience for users to find their perfect fit

Following similar concepts like Jin's (where users can get their frames and prescriptions), I will design an experience for users to find their perfect fit

Following similar concepts like Jin's (where users can get their frames and prescriptions), I will design an experience for users to find their perfect fit

general kiosk Ux RESARCH + HEURISTICS

Clarity from asking questions

I went out in search of what makes kiosks so frustrating to users by testing the heuristics of 2 kiosks and interviewing GenZ peers (the group most familiar with kiosks)

Hi Rise Dispensary kiosk

Organization and Introducing new information

The structure of information and educational text was in categories that were clear and concise

Taichi Boba kiosk

Customization options

The structure of customization is an overload of information. When it does work successfully is when there's less options or iconography.

THE KEY PROBLEM

Navigation is hidden, inconsistent, and unexpected

Problem 1

Submenus

In complex product menus, scrolls and hidden submenus created cognitive friction.

Problem 2

Menu placement

Inconsistent menu placement popped up frequently, and often too high to be in good click zone

Problem 3

Full range motion

The kiosks needed full range of motion, which got tiring fast

PEER INTERVIEWS

I asked 12 peers for their friction points

To understand, I talked to people why they hate kiosks, what’s confusing, and how they feel about ordering in person vs. ordering on a kiosk. Here's what I found:

Something I want isn’t available and I can’t find it or I have to tap too many times

Make system limits visible and clearly indicate out-of-stock items

Their website is so different from their kiosk and it throws me off

Clearly connect product styles and naming across kiosks and websites

I hate when navigation isn't clear and I can't find what I want

Keep navigation simple and make everything simple and clear

OPPORUNITY

Try more and wait less

With growing popularity, Gentle Monster is creating queued lines stretching outside the storefront.

Crowded walls make trying on glasses challenging, introducing the opportunity for a second try-on path that both enhances user delight and brand efficiency.

typical users

Young, trendy, and self aware

Most of Gentle Monster's demographic are young people who are familiar with technology and care deeply about aesthetics and visuals. It was important to make everything feel smooth and gentle!

USER JOURNEY

I created a comprehensive flow for product view, checkout, create account, prescription, and a few others.

I designed the main flow with first-time users in mind, introducing them to the key features while having it feel simple and manageable, and kept close to a few set goals to keep the result intentional.

Checkout Figjam

BRAND CONSIDERATIONS

I memorized Gentle Monster's website, visited a location, and created a 50+ page doc of my findings.

I researched and counted every Gentle Monster product on top of flooding my feed and visiting a Gentle Monster location to really understand their brand system, marketing, and target users.

Full Document

The kiosk is

A way to find your best fitted frames

An avenue to get new prescriptions

Gentle Monster glasses come with plastic lenses, requiring a second trip to fill them. Why not provide in-house lens cutting and prescriptions like many Korean stores?

The kiosk isn’t

A way to buy glasses

Users can reserve glasses in-store to try on and purchase at the counter

A full prescription service

In-house testing is available for a flat fee, but the kiosk cannot because accurate prescription distance measurements and users ability to input are contradictory

typical users

Young, trendy, and self aware

Most of Gentle Monster's demographic are young people who are familiar with technology and care deeply about aesthetics and visuals. It was important to make everything feel smooth and gentle!

the kiosk

I mixed 3D, Figma prototyping, and a little AI to design an example

The kiosk is

A way to find your best fitted frames

An avenue to get new prescriptions

Gentle Monster glasses come with plastic lenses, requiring a second trip to fill them. Why not provide in-house lens cutting and prescriptions like many Korean stores?

The kiosk isn’t

A way to buy glasses

Users can reserve glasses in-store to try on and purchase at the counter

A full prescription service

In-house testing is available for a flat fee, but the kiosk cannot because accurate prescription distance measurements and users ability to input are contradictory

just like magic

Designing kiosk + screen UI, rendering glasses + flagship mockup, and formulating a custom design system for kiosks based on GM’s brand

KIOSK CONSIDERATIONS

Custom split screen approach

I explored a single-screen concept but found it easier to render glasses directly on the user. Smart mirrors struggle with sharp contrast, and graphic overlays were too minimal for the effect I needed

KIOSK TESTING AND RENDERING

Real life measurements

The kiosk width is roughly 22 inches wide, with 3 different levels based on the 3 most common vanity mirror heights to account for size.

The aspect ratio in digital is 2048 x 1080 for the large kiosk, and 1920x1080 for the small kiosk.

VIDEO AND MODELS

Designing the model

I created a lighting environment similar to how it would be in real life, filming my friend and roomate from different angles.

Top Matches

Click to view products, and by clicking, leads user into the product, where they can see their frame match.

Three way video captures different angles, with the first overlaying a UI of matches and product name.

Easily snap a picture, send to friends

90% match

Zin 01

$269

90% match

Ojo 01

$340

90% match

Aba 02

$269

90% match

Ego 01

$340

0

Best Matches

2025 Optical

Bestsellers

View All

Filter

All

Glasses

Sunglasses

thank you for shopping

with us

CONCLUSION

Combining different skills

A lot of different components went into this project - from 3D design, to animations/motion, to wireframes, research, and studies! It was fun being able to flit around and make small pieces that work into a bigger picture.

I learned to concisely communicate my goals, as well as support my claims.

The exploration of this project is something I really like, and it pushed my limits as a designer.

CONCLUSION

Looking towards the future

While this idea isn’t new, this was a beautiful exploration of problem solving kiosk designs, and integrating it into a luxury experience. Turning a necessity into an art installation with perks and actual use was cool.