ZOHAN LIN

SCROLL
01 — Portfolio Overview

ABOUT
02 — About Me

Experience spanning tech, branding, and interactive media. Currently at Meta Reality Labs on AR wearables — designing visual systems for next-generation smart glasses.

2024 – 2026

Visual Designer

Meta Reality Labs · AR Wearables

2026

Creative Director / Art Director

333 Teashop · Tokyo, Japan

2022 – 2024

Digital Content / Motion Designer

JAM CITY

2019 – 2020

Technical Artist / Animator

Buck Design

DESIGN
FigmaIllustratorPhotoshopAfter EffectsBlender
MOTION & 3D
After EffectsCinema 4DBlenderMaya
AI WORKFLOW
Claude CodeMidjourneyComfyUIChatGPTHiggsfieldManus
How I Work

From brief to final delivery

Product teams bring the idea — the Creative Director and PM scope it, and I lead the design team from brief to final delivery, owning specs, schedule, and visual quality.

STEP 01

Product Teams

PD · Engineering · UX — ideas start here.

STEP 02

Creative Director

Scope & assign with PM — specs, timeline, quality.

STEP 03

Art Direction — Me

Lead the art team: design & delivery, outsource management.

STEP 04

Final Delivery

Specs, schedule and visual quality — owned end to end.

Before Any Project — Positioning

As an art director, positioning the target audience comes before anything else. Before a single frame is designed, I ask myself: who will this art reach, where will it live, and what is it here to do?

🌍

Wide Audience?

Mass-market reach — clarity, accessibility and instant readability come first.

💎

Top 1% Client?

Premium positioning — craft, restraint and exclusivity in every detail.

🤝

Business Partner?

Trust and alignment — professional, consistent, always on-brand.

🏛️

Government?

Credibility and compliance — precision, formality and clear hierarchy.

Once the audience is positioned, I move on to reviewing the request — mapping the decision chain before the work begins:

WHO CAN SAY GO? WHO REVIEWS? SPECS STYLE TIMELINE

The most important role of art in business is to solve a real problem, in real life.

PROJECT 01
Project 01 — Meta · Rayban

Designed the visual language and interactive game experience for Rayban Meta smart glasses — from OOBE flows to the HyperTrail AR game shipped on Hypernova.

AR WearablesVisual DesignGame UIArt Direction
Duration
2025 – 26
Platform
AR
Company
Meta
01
Rayban Meta smart glasses
Project Overview

As Visual Designer on the Hypernova AR platform team, I owned the end-to-end design of HyperTrail — the first game shipped on Rayban Meta Display — plus in-app experience, art assets, troubleshooting assets and 2 more games.

🎮

Game Visual Design

UI, art direction, all in-game assets.

👓

OOBE Experience

Onboarding flow for the display system.

🎨

Art Direction

Style frames, color system, animation.

⚙️

Troubleshooting

Visual solutions within hardware constraints.

KEY CONSTRAINTS
  • Monocular display — no true black
  • 600×600px resolution · 60° FOV
  • Limited color palette & bloom
  • Strict thermal & power budgets
Color research on device
Color hierarchy on device display AD color research
COLOR HIERARCHY ON DEVICE
CLICK TO SWITCH
P1 — OOBE & Marketing

OOBE, UIUX & Marketing Samples

Onboarding flow for the display system, style frames and marketing asset samples for the UIUX team.

DRAG TO EXPLORE
P1 — Art Direction

UI Design & Limit Research

READABILITYLIGHTWEIGHTMAGICALSCALABLE

Designed for bold readability on an AR monocular display — flat shapes with 2-tone gradients, leveraging native display blur as a glow effect.

EMG pinch gesture

The Magic of EMG

The game is designed to make EMG controls feel effortless, and even magical.

Two levels gesture

2 Levels of Control

Introduces EMG controls in a tiered approach, beginning with simple character control gestures and advancing to more complex environmental interactions.

Player action

Player-Initiated Action

Asynchronous gameplay allows for seamless transitions between the game and real-world events, without penalty or disruption.

DRAG TO EXPLORE
P1 — Game Experience

HyperTrail — Core Gameplay

Full game art direction: character design, environment tiles, animations, VFX and iconography — bonus, reward & story moments included.

DRAG TO EXPLORE
P1 — More Games

Goat & 2048

Two more games designed under the same Hypernova visual system.

DRAG TO EXPLORE
P1 — Visual Design

Premium & Product Assets

Premium feature video assets and consistent asset support for the UX team.

DRAG TO EXPLORE
P1 — Deliverables

Key Deliverables

01

OOBE Visual Design

Complete display onboarding experience — visual system for first-run device setup on AR hardware.

02

HyperTrail 0 → 100

Full game art direction: characters, environment tiles, animations, VFX, iconography. Plus Goat and 2048.

03

Premium Market Assets

In-app UX assets, premium feature subscription assets, troubleshooting assets.

04

Design System

Hypernova-compliant color palette, animation specs and component guidelines for future games.

Shipped — Day 0 Launch 🚀

HyperTrail became the first AR game on Meta Rayban Hypernova at Day-0 GM, reaching users across the US.

FIRST AR GAME · DAY 0
PROJECT 02
Project 02 — 333 Tea Shop

Complete brand identity system for a premium Japanese tea shop — from logo design and typography to packaging, print collateral and retail environment.

Brand Identity Print & Packaging Marketing
Year
2026
Location
Tokyo
Type
Brand
02
333 tea shop boba cup
Overview

Our First Shop in Tokyo

My partner and I poured our hearts into every detail — from interior construction and shop management to marketing. Location in Tokyo's Oshima district, researched traditional Taiwanese street food, crafted every brand touchpoint.

🌸

Brand Design

Logo, identity, guidelines, packaging, art direction.

📣

Marketing

Social media strategy, content creation, digital assets.

🤖

Operations

Training handbook (Claude Code), inventory system (Google Apps Script).

Brand Story

Three Connoisseurs. Three Minutes of Calm.
Three Pure Elements.

3

FRIENDS

Founded by three uncompromising tea lovers. We handpick our partner tea factory and every ingredient — serving only what meets our highest standards.

3

MINUTES

Your daily 3-minute sanctuary. A great cup of tea is an opportunity to hit pause, step away from the noise, and indulge in pure relaxation.

3

ELEMENTS

We keep it simple because nature did it best: Milk, Tea and Boba. Warm cream & forest green · serif + modern sans · flower motif.

P2 — Visual Identity

Brand Guideline System

6-page brand guideline defining color, typography, imagery and usage rules.

DRAG TO EXPLORE
P2 — Menu & Packaging

Menu Design & Collateral

A5/A4 drink menus, branded cup sleeves, paper bags & takeout packaging, promotional flyers, staff uniform graphics — warm, minimal, premium.

DRAG TO EXPLORE
P2 — Digital Assets

Social Media & Digital @333tea.jp

In-store digital menus, food blogger collaborations, Instagram content and professional product photography.

DRAG TO EXPLORE
P2 — Operations & AI

AI-Powered Harness

Beyond design — built real tools to run the shop efficiently from day one.

Training Handbook — Claude Code

Complete clerk training handbook for new hires built with Claude Code. Generates structured SOP documents — store procedures, drink preparation, customer service scripts, POS usage — reducing onboarding from days to hours.

Claude CodeMarkdownEN / JP
Impact: Onboarding time ↓ 70% · Consistency ↑

Inventory System — Apps Script

Automated real-time inventory tracking with Google Apps Script + Sheets. Staff log stock movements instantly, low-stock alerts fire automatically, managers get a live dashboard — no dedicated POS software required.

Google Apps ScriptGoogle Sheets
Impact: Real-time visibility · Zero extra cost · Staff adoption Day 1
0
% Faster Onboarding
0
Brand Guideline Pages
0
% Touchpoints Designed
P2 — The Shop

Shop Photos

The space, the products, the people — every touchpoint of 333 in the real world.

DRAG TO EXPLORE
CONTACT
Let's Connect

Thank You.

AVAILABLE FOR FULL-TIME ROLES · OPEN TO RELOCATION