Wireframe
Portfolio Homepage
Low-fidelity wireframe establishing the layout and hierarchy for this portfolio site.
UI/UX & Prototyping
Design Work
My UI/UX work spans game interface design, web application wireframes, interactive prototypes, and design system documentation.
My Design Process
01. Research
Understanding the user, the goal, and the constraints before a single wireframe is drawn.
02. Wireframe
Low-fidelity layouts that establish structure, hierarchy, and content flow.
03. Prototype
High-fidelity interactive prototypes in Figma that simulate the real user experience.
04. Iterate
Refining based on feedback until the design solves the original problem clearly.
Project Work
Wireframe
Contact Page
Two-column interior layout wireframe with form structure, fieldset groupings, and breadcrumb nav.
2026
Prototyping • UI
Interactive Prototypes
Clickable Figma prototypes and user flow documentation for web and mobile design briefs.
2025
Featured Case Study
This Portfolio — Design to Build
This portfolio website went through a full UX design process before a being created. Audience research, persona development, wireframing in Figma, a site map diagram, a complete design system, and high-fidelity mockups.
The challenge was designing for both game industry recruiters who scan quickly and freelance clients who read carefully. The solution was a layered navigation architecture and a visual hierarchy that leads with work samples.
Research
Wireframing
Figma
HTML/CSS/JS