John Hong
San Francisco, CA

I’m a product designer working at the intersection of hardware and software. Whether it’s a machine interface, mobile/web app, or a physical product, I design experiences that put people at the center of innovation.

My background spans physical and digital domains, enabling me to conceive and execute holistic solutions across mediums. I hold a BS in Product Design (HCI focus) and an MS in Mechanical Engineering from Stanford, where I specialized in physical product design and manufacturing.

I was most recently at Sanas.AI as a Product Design Engineer, where I designed solutions for live language translation. Now, I’m prototyping the next chapter of my life.


About Me

Professional Work

Projects
· Physical Design & Manufacturing
· Software Design
· Jewelry Design
: ratio

Challenge
How might we make scaling recipes feel effortless, intuitive, and enjoyable? Especially for pourover coffee brewing?

Process
Designed and developed the native iOS app using XCode & SwiftUI.

Outcome
A native iOS app that instantly recalculates an entire recipe whenever one ingredient changes, making scaling simple for coffee, matcha, cocktails, sauces, and more.

-> Download :ratio
Jul 2026 — Present

Memories — Augmented Reality Experience for Snap’s Spectacles

Challenge
HMW Re-imagine the gallery experience in virtual or augmented reality?

Process
Design & prototyping with Snap’s Spectacles, Lens Studio.

-> Case Study
Apr 2025 — Jun 2025


Ambi 

Challenge
How might we help remote workers who work at cafes find the optimal work environment?

Process
Figma (wireframing, prototyping, handoff), Android Studio (dev), Google Places API, Amplitude for usability study, Firebase’s Cloud Firestore

Outcome
Android mobile app that helps people find their optimal workspaces based on the amenities and ambiences they would like to see at a workspace.

-> Case Study Jan 2020 — Mar 2020


Coral

Challenge
How might we help gig economy drivers find amenities they need while driving, while also empowering local businesses?

Process
Ethnographic interviews (needfinding), low-fidelity prototyping and testing, Figma (med/high-fidelity design), usability testings

Outcome
Developed a interactive application with React Native to win Best Overall Project and Best Demo at the CS147 Industry Project Fair (out of 36 teams).

-> Case Study 
Sep 2019 — Dec 2019