Step 01

The Prompt

Weekly randomized constraints. A specific Client, Function, and Style to set the parameters.

Step 02

The Baseline

Raw AI generation. Skipping the setup to jump straight into refining the generated baseline.

Step 03

The Fix

Applying human expertise. Identify usability flaws, redesign the screen, and validate.

WEEKLY CHALLENGE
HUMAN CURATED // DATA DRIVEN

AI gives us speed. Designers bring humanity.
A weekly gauntlet to demonstrate value beyond the algorithm.

VIEW CHALLENGES
×
MetricScore
Mobile Speed65/100
Accessibility94/100
Best Practice92/100
SEO Score100/100
FrictionLow
ConversionHigh
Heavy Protocol
#3A0000
#202020
#D6D3C4
#FFFFFF
Aa
Bb
Micro-Physics
HOVER STATE
TRIGGER: Cursor Proximity EASE: Cubic-Bezier TIME: 0.8s
CASE STUDY:
MY PORTFOLIO
+
HEAVY PROTOCOL
SYSTEM INFORMATION ARCHITECTURE

Minimizing cognitive friction to maximize the conversion rate to candidate.

VIEW PROJECT
×
User Research

High Anxiety

80%
Felt "overwhelmed" by complex rules.
"I need a clear way to do something that actually helps."
Architecture

Scalable System

COMPONENT PROPERTIES
SizeLarge
StateDefault
IconTrue
--Primary#005259
--Accent#84A441
--Warning#B56509
--Bg#FAFEFD
Phase 1

Usability Gap

CRITICAL PRIORITY

2 out of 5 users failed to locate the "Log Plastic" feature due to hidden affordances.

Discovery
40%
Clarity
100%
CASE STUDY:
ECO ACTION
+
PROTOTYPE
INTERACTION DESIGN

Converting eco anxiety and cognitive overload into gamified eco action.

VIEW PROJECT
×

Modality Gap

Immersion vs. Precision
VS
VR / Spatial
  • Physical Presence
  • Diegetic UI
  • Gross Motor Skill
PC / Steam
  • Input Precision
  • HUD Overlays
  • Micro Interactions
Spatial Grid

Spatial
Architecture

The "Curved Canvas" Spec
Canvas Dimensions 2815 x 1425 px
Max Neck Rotation 30° (Limit)
Active Zone Center 60%
Tooling Figma + 3D

Priority Pass

Feature MoSCoW Method
Must Have
Mouse Precision Direct manipulation.
Visual Feedback Steam & Sizzle cues.
Should Have
Accessibility Left-Handed Mode.
Chef Notes Contextual tips overlay.
Could Have
Cosmetics Unlockable avatars.
CASE STUDY:
SIZZLE CITY
+
VR TO PC PORT
UX STRATEGY & RESEARCH

Translating physical R&D into a marketable desktop product through iterative prototyping.

VIEW PROJECT
×