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
I noticed a common theme and saw that many portfolio sites included simple layouts, brand logos, and navigation, with links to previous work experiences. A readable font and heading hierarchy were equally important.
Wireframes
After researching was completed, I started ideating, sketching user flows, and wireframes.
Insights
When designing my wireframes, I created individual pages where I could showcase my current and previous bodies of creative content. I also decided to include my social media links in the site footer, so users could dive deeper into older bodies of creative work.
Low Fidelity Prototype
The next step was to test my design's functionality by first developing a lofi mobile prototype.
Click
here to test the mobile prototype version for yourself!
Insights
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.
Mocks
First, I designed the sticker sheet. This is where I thought about the kind of logos, icons, color pallet, and typography I wanted to use for my site. I went with a San serif type and a colored pallet that was minimal and similar to my logo's color pallet. Additionally, I recreated the social media icons to have unique and higher-res versions.
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.
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.
Insights
I discovered the website differences between my client's main business competitors and started to envision UI ideas based on user interviews.
Wireframes
After conducting research, I started ideating solutions, sketching user flows, and wireframes.
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.
Click
here to test the mobile prototype version for yourself!
Insights
Allowing users to test my lofi prototype assured useful updates to my initial design. I made practical changes that ultimately proved useful upon further research.
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.
Insights
I used my client's brand identity color pallette when considering the site's overall visual design and UI features such as the buttons, icons, cards, typography and info hierarchy... I also made sure to consider and incorporate the Gestalt principles.
High Fidelity Prototype
Upon completing the mocks, I moved onto developing and testing a responsive hifi prototype.
