PORTFOLIO WEBSITE

Utilizing wireframing to plan out my website, I went through multiple variations creating responsive prototypes in Figma utilizing the "auto-layout" feature. Once the prototypes were completed, using Claude Code, I turned the prototypes into a functioning, responsive website.

Wanting a simple yet unique way to showcase my work, I created the website you are currently viewing. Below is the process of creating the final website, as well as initial prototypes.

WORKFLOW TIME-LAPSES

WIREFRAME SKETCHES

Wireframe Sketch 1
Wireframe Sketch 2
Wireframe Sketch 3
Wireframe Sketch 4
Wireframe Sketch 5
SOFTWARES USED:

Figma
Claude Code