User interface / user experience examples

My experience with user interface and user experience design (UI/UX) comes from the necessity to explain complex concepts in a way that solves user’s pain points. In addition, as a small business owner, the opportunities to consider UX in website creation, info graphics and print products come up again and again. I have experience using the following tools related to UI/UX:

Figma | Adobe XD | Adobe Illustrator | Moqups

 
 

Sample flow for a t-shirt customization with fundraising web app

Raising Funds with a Custom T-shirt: UI - Web App and Responsive Web Design

Being able to consider user interactions across multiple display sizes is increasingly important for UX considerations. In the example shown, the design project focused on integrating the creation of a custom t-shirt with the need to raise funds for a business or one-off event.

Target user:

Part-time entrepreneur who needs to design a t-shirt quickly and professionally

because she needs it as part of a fundraising campaign

The case study focuses on:

  • Paper ideation

  • Digital wireframes

  • Low-fidelity prototypes

  • Responsive design

  • Mockups

Prototype screenshot from a concept for a mobile sushi nutrition app

Sushi Nutrition: UX - User Research and Personas

This case study focuses on designing a usability study and incorporating that feedback into a revised set of high fidelity mockups. The concept of the app is an app that provides additional nutrition details on sushi dishes while providing users a way to order food and view how their selections relate to their fitness goals.

Target user:

Adults with an active lifestyle who need to eat the right balance of foods throughout the day

because their fitness progress depends on accurate carb, fat and protein amounts.

The case study focuses on:

  • User research

  • Personas

  • Problem statements

  • User journey maps

  • Low-fidelity prototypes

  • High-fidelity prototypes

 

Prototype screenshot from a concept for a mobile home search sustainability search app

Home Charge Finder: UX - High-Fidelity Prototypes and an App for Social Good

This case study focuses on on integrating the complete UI-UX process from ideation to high-fidelity prototype creation focusing on an app for social good. The social good problem statement is: Although electric vehicles are seen as something for the affluent, understanding what abilities are available when making a large home purchase or apartment move will increasingly help lower income households as well.

Target user:

Home and apartment searchers who need to better understand available home charging options to set a good example for their children or plan for a sustainable lifestyle

The case study focuses on:

  • Identifying pain points

  • Applying UX concepts to a social need

  • High-fidelity prototypes

  • Applying a Figma Component Libary (Material Design)