Portfolio2025.png
Portfolio2025.png
Portfolio2025.png
Portfolio2025.png
Role: Design & Build
Role: Design & Build
Role: Design & Build
This UX Design Portfolio!
This UX Design Portfolio!
This UX Design Portfolio!
Date: Launched Q2 2025
Date: Launched Q2 2025
Date: Launched Q2 2025
Portfolio 2025
Portfolio 2025
Portfolio 2025
Problem
Problem
Problem
Problem
After being laid off, I needed a portfolio that captured my design strengths and could be updated quickly. I had no live site, no recent branding, and no idea how to use Framer.
After being laid off, I needed a portfolio that captured my design strengths and could be updated quickly. I had no live site, no recent branding, and no idea how to use Framer.
After being laid off, I needed a portfolio that captured my design strengths and could be updated quickly. I had no live site, no recent branding, and no idea how to use Framer.
Goal
Goal
Goal
Goal
Design a visually distinct portfolio that reflects my voice, showcases my UX skills, and functions beautifully on any device, all built from scratch.
Design a visually distinct portfolio that reflects my voice, showcases my UX skills, and functions beautifully on any device, all built from scratch.
Design a visually distinct portfolio that reflects my voice, showcases my UX skills, and functions beautifully on any device, all built from scratch.
Impact
Impact
Impact
Impact
In just under three weeks, I built and shipped this site solo, learning Framer as I went. It reflects not only my process and aesthetic, but my ability to adapt, solve, and execute under pressure.
In just under three weeks, I built and shipped this site solo, learning Framer as I went. It reflects not only my process and aesthetic, but my ability to adapt, solve, and execute under pressure.
In just under three weeks, I built and shipped this site solo, learning Framer as I went. It reflects not only my process and aesthetic, but my ability to adapt, solve, and execute under pressure.
Project Summary
Project Summary
Project Summary
LowFid.png
LowFid.png
LowFid.png
Low Fidelity Mapping
Low Fidelity Mapping
Low Fidelity Mapping
Low Fidelity Mapping
I started by roughly mapping out sections in Figma to completely think through layout, hierarchy, and how I wanted people to move through my work. The goal was concise communication of my skills with personality.
I started by roughly mapping out sections in Figma to completely think through layout, hierarchy, and how I wanted people to move through my work. The goal was concise communication of my skills with personality.
I started by roughly mapping out sections in Figma to completely think through layout, hierarchy, and how I wanted people to move through my work. The goal was concise communication of my skills with personality.
Branding.png
Branding.png
Branding.png
Branding.png
Brand & Component Library
Brand & Component Library
Brand & Component Library
Brand & Component Library
I designed a simple, flexible visual system using rough textures and playful typography. It helped me stay consistent across pages while keeping the design true to my tone.
I designed a simple, flexible visual system using rough textures and playful typography. It helped me stay consistent across pages while keeping the design true to my tone.
I designed a simple, flexible visual system using rough textures and playful typography. It helped me stay consistent across pages while keeping the design true to my tone.
HighFid.png
HighFid.png
HighFid.png
HighFid.png
High-Fidelity to Interactive
High-Fidelity to Interactive
High-Fidelity to Interactive
High-Fidelity to Interactive
I had never used Framer before this project, so I taught myself on the fly. From responsiveness to accessibility to animations, I built the site to feel fluid, fast, and just a little playful.
I had never used Framer before this project, so I taught myself on the fly. From responsiveness to accessibility to animations, I built the site to feel fluid, fast, and just a little playful.
I had never used Framer before this project, so I taught myself on the fly. From responsiveness to accessibility to animations, I built the site to feel fluid, fast, and just a little playful.
Results
Results
Results
Results
Designed in just under 3 weeks, self-taught framer during build. Created a live site that’s fast, responsive, and brand-aligned. Made it easy to update case studies and visuals post-launch
Reflection
Reflection
Reflection
Reflection
This portfolio became more than a project, it was proof that I could learn quickly, design with intention, and build something end-to-end even in a moment of personal uncertainty. Every section, animation, and interaction was a decision I made with clarity and speed, and I’m proud of how much this project reflects who I am as a designer.
This portfolio became more than a project, it was proof that I could learn quickly, design with intention, and build something end-to-end even in a moment of personal uncertainty. Every section, animation, and interaction was a decision I made with clarity and speed, and I’m proud of how much this project reflects who I am as a designer.
This portfolio became more than a project, it was proof that I could learn quickly, design with intention, and build something end-to-end even in a moment of personal uncertainty. Every section, animation, and interaction was a decision I made with clarity and speed, and I’m proud of how much this project reflects who I am as a designer.
Contact Me!
Contact Me!
Want to work together? Let’s talk before I pick up another side project.
Want to work together? Let’s talk before I pick up another side project.
Want to work together? Let’s talk before I pick up another side project.
Reach out via one of these methods.
Reach out via one of these methods.
Reach out via one of these methods.
