A series of User Experience concepts and design processes.
PROJECT 1 Case Study - My Portfolio Website
Date: August 2024
Duration: 3 months
Role: UX Researcher, Designer, Engineer
The Problem
Create a website portfolio that is user friendly, easy to navigate, and minimal in design.
The Solution
Utilize my expertise in visual design and professional experience with computer graphic applications to create my portfolio layout.
Research
I started conducting competitive audits and looking into the web portfolios of my online peers and classmates for inspiration.
Insights
Wireframes
After researching was completed, I started ideating, sketching user flows, and wireframes.
wireframe-1
wireframe-2
wireframe-3
Low Fidelity Prototype
The next step was to test my design's functionality by first developing a lofi mobile prototype.
lofi-prototype-1
lofi-giphy
Insights
Mocks
Once initial testing was completed, I focused on content development and the visual aspects of my layout before I went into the final prototype phase.
mock-1
mock-2
mock-3
High Fidelity Prototype
Upon completing the mocks, I moved onto developing and testing a responsive hifi prototype. And then finally onto developing the source code before publishing my portfolio to the web.
Insights
PROJECT 2 Case Study - Food Truck Website
Date: March 2025
Duration: 5 months
Role: UX Researcher, Designer
The Problem
Create a business website prototype for a Hibachi food truck service that is user friendly, easy to navigate, and provides customers a way to order food for pick-up, delivery, and/or book catering services.
The Solution
Utilize my expertise in visual design and professional experience with computer graphic applications to create an app that will support customer needs.
Research
I started defining user pain points by interviewing, creating affinity diagrams, user personas and conducting competitive audits.
research-1
research-2
Insights
Wireframes
After conducting research, I started ideating solutions, sketching user flows, and wireframes.
wireframe-4
wireframe-5
wireframe-6
wireframe-7
wireframe-8
Low Fidelity Prototype
The next step was to conduct a usability study and test my design's functionality by first developing a lofi mobile prototype.
lofi-prototype-2
lofi-prototype-3
lofi-prototype-4
lofi-prototype-5
lofi-prototype-6
Lofi Prototype
Insights
Mocks
Once initial testing was completed, I focused on content development and the visual aspects of my layout before I went into the final prototype phase.
mock-4
mock-5
mock-6
mock-7
mock-8
High Fidelity Prototype
Upon completing the mocks, I moved onto developing and testing a responsive hifi prototype.
Insights
PROJECT 3
content-coming-soon