Be One To Give
Mobile App
Be One to Give is an on demand delivery app for surplus food. It provides retailers with the opportunity to close the gap between food surplus and food insecurity. It's designed to be the middle man for excess food and people who need it.
MY ROLE
Product Designer, Brand/Visual Designer
TIMELINE
April - May 2024
TOOLS
Figma
INDUSTRY
Food and Beverage
DESIGN PROCESS
DEFINE
Problems
Implementing new features and updates is difficult to manage while spread across two apps.
It's difficult for the users to download multiple apps to complete the process.
The current interface and user experience does not allow for growth or expansion for the company.
Retail partners are unable to book scheduled pick-up orders.
The impact page does not display itemized environmental impact.
Goals
Create a hybrid app that combines both Retail Partners and Community Partners into one.
Reduce the amount of development work when launching new features or correcting issues with a single app.
Develop a refreshed, modern, and consistent branding and user interface.
Add design elements that allow for growth, expansion, and a stronger user experience.
RESEARCH
Persona
🛒
Retail Partner
This user needs to be able to schedule pick-up orders to remove their excess food. This persona includes hotels, grocery stores, universities, and catering companies.
🏫
Community Partner
This user needs to be able to recieve orders from the retail partners. This persona includes homeless shelters, food banks, and community kitchens.
😎
Persona Name 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
PROTOTYPE
Sketch
I started by sketching my ideas on paper, allowing me to quickly express my thoughts and map out a rough idea of the design. This initial step helped me to visualize the layout of the design, consider the placement of elements and features, and make modifications to the design as needed.
Wireframe
The process of wireframing was a crucial part of the process. The task of merging two apps required the ideation of user flows and prototyping. Our goal was to maintain the same flow of the two apps but integrate them together seamlessly. I wireframed every individual screen of the user flow. It allowed me to collaborate with the CEO and make changes to improve the hybrid user experience. With the wireframes, I was able to experiment with different design elements, flow changes, and usability checks.
TEST
Usability Testing
The user research stage of Cactus' development process involved conducting interviews, surveys, and usability tests with individuals who manage the finances for themselves and their families.
Findings 1
We identified an edge case scenario where a Retail Partner would need to create a pre-scheduled pick up order. Our original user flow did not account for this scenario. We tested a few options for how to integrate it into the existing user flow.
Findings 2
In a second round of revisions, the impact page would include different view points of each data. It would allow the user to view their impact for individual orders, month to date, and year to date.
Findings 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
Solution 1
In a second round of revisions, the impact page would include different view points of each data. It would allow the user to view their impact for individual orders, month to date, and year to date.
Solution 2
In a second round of revisions, the impact page would include different view points of each data. It would allow the user to view their impact for individual orders, month to date, and year to date.
Solution 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
DESIGN
Style Guide
DELIVER
Final Design
The final designs were passed off as a fully shipped product to the engineering team. We included a component library, branding guidelines, and a redlined structure for each page. We successfully integrated both apps into a hybrid app.
Previous Iterations
Cactus Financial
Mobile App
Cactus is a concept financial budgeting application designed to help users feel confident about their finances. It provides an overview of your spending, and how you are tracking within your budgets, and helps keep track of recurring payments.
MY ROLE
UX Researcher, Product Designer, Brand/Visual Designer
TIMELINE
August 2022 - March 2023
TOOLS
Figma
INDUSTRY
Finance
DESIGN PROCESS
DEFINE
Problems
Users keep track of subscriptions made through Apple and Google and can be managed through their system. This does not account for payments made directly to the brand, company, or provider.
There are multiple locations to track changes. The users have to go to several different places to track where the payments are made. Email receipts, specific websites, bank statements, etc.
Financial tools aren't specific enough. Financial trackers use financial data from credit cards, debit cards, and bank statements. Does not formulate the type of charge- monthly, yearly, etc.
Feedback: Users must manually track their expenses. If the user is not using a financial tracker, then the user must review the bank statements to keep track of charges.
Goals
Satisfy users' needs and help them achieve a strong understanding of their financial well-being.
To create a user-friendly and effective tool that provides users with all the features and capabilities they need to improve their financial health, maintain awareness of spending, and simplify keeping track of recurring charges.
RESEARCH
Persona
The user research stage of Cactus' development process involved conducting interviews, surveys, and usability tests with individuals who manage the finances for themselves and their families. During the interviews, I asked questions about their end-to-end journey when managing their spending with a specific interest in subscription or repeating payments. I asked about their preferred methods of financial tracking, as well as their pain points when it comes to managing money.
😎
Jesse
PAIN POINT: Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
😎
Ava
PAIN POINT: Ava is not confident in her financial management. She needs more information on her spending habits.
😎
Persona Name 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
PROTOTYPE
Sketch
I started by sketching my ideas on paper, allowing me to quickly express my thoughts and map out a rough idea of the design. This initial step helped me to visualize the layout of the design, consider the placement of elements and features, and make modifications to the design as needed.
Wireframe
After creating a basic outline on paper, I moved on to create low-fidelity wireframes using Figma. The wireframes allowed me to refine the design further, providing a more concrete representation of the overall layout, structure, and functionality of the app. By creating wireframes, I was able to experiment with different design elements and test the usability of the interface before investing time and resources into a more high-fidelity design.
TEST
Usability Testing
The user research stage of Cactus' development process involved conducting interviews, surveys, and usability tests with individuals who manage the finances for themselves and their families.
Findings 1
Without a reminder, the user still doesn't know about upcoming charges unless they are looking at the app.
Findings 2
Add a page to demonstrate to the user how they are able to customize a recurring transaction when adding it to cactus.
Findings 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
Solution 1
Add a page to demonstrate to the user how they are able to customize a recurring transaction when adding it to cactus.
Solution 2
Add a page to demonstrate to the user how they are able to customize a recurring transaction when adding it to cactus.
Solution 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
DESIGN
Style Guide
I developed a style guide that would provide guidelines for all visual design decisions. The style guide included a color palette, typography, and iconography that would convey the app's trustful and informative identity. I also established guidelines for how these design elements should be used across different screens and layouts, ensuring a cohesive look and feel throughout the app.
DELIVER
Final Design
The final designs successfully hit the goal of creating a financial budgeting app that helps users feel confident about their finances. The high fidelity screens provide an overview of the spending, tracking within budgets, and helps keep track of recurring payments.
Previous Iterations
Velo Bicycles
Browser
Veló Bicycles is a conceptual project, as a premier retailer specializing in high-end bicycles and accessories for enthusiasts who take biking seriously. With a curated selection of road, mountain, electric, triathlon, and leisure bikes, Veló Bicycles caters to the diverse needs of passionate cyclists.
MY ROLE
Web Designer, Copywriter, Visual Designer
TIMELINE
June - August 2023
TOOLS
Figma
INDUSTRY
E-Commcerce
DESIGN PROCESS
DEFINE
Problems
Data that shows 50% of users open on average 7 item pages and then abandon the site without moving any items into the cart.
The team hypothesizes that users are unable to determine which bike is best based on relative features.
Additionally, 70% of users who place an item in the cart do not purchase it.
Data shows that users abandon the cart at the registration page. Right now, users must make an account to purchase.
Goals
Improve the conversion rate from browse to checkout.
Increase revenue on the product's mobile-web experience.
Simplify the checkout experience, especially for guests.
RESEARCH
Persona
Personas were created to understand the two channels of shoppers for Velo. Through user research, we found that a lot of personal research and browsing happens before the final purchase.
😎
The Expert
Knows what he's shopping for and has done the research for specific bike parts, frames, etc. Has a specific ride, race or trail he is shopping for.
🤓
The Scholar
In the research phase and browsing parts and models before committing to purchase. Needs reliable information, spec grid, and reviews in one place.
😎
Persona Name 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
PROTOTYPE
Sketch
I started by sketching my ideas on paper, allowing me to quickly express my thoughts and map out a rough idea of the design. This initial step helped me to visualize the layout of the design, consider the placement of elements and features, and make modifications to the design as needed.
Wireframe
Creating wireframes allowed for a high level structure of the website and the necessary functions of each page.
TEST
Usability Testing
The user research stage of Cactus' development process involved conducting interviews, surveys, and usability tests with individuals who manage the finances for themselves and their families.
Findings 1
The compare feature as a separate page is hurting the conversion. By moving users away from the product detail page, they are less likely to move the item into the cart.
Findings 2
Change the langugage and product highlights in the homepage to reflect the brands identity and product offerings. Help reinforce why Velo is a trusted bike retailer.
Findings 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
Solution 1
Change the langugage and product highlights in the homepage to reflect the brands identity and product offerings. Help reinforce why Velo is a trusted bike retailer.
Solution 2
Change the langugage and product highlights in the homepage to reflect the brands identity and product offerings. Help reinforce why Velo is a trusted bike retailer.
Solution 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
DESIGN
Style Guide
The goal was to have the website reflect the brand's personaity, which is: Savy, Focused, Serious, and Dependable. The design style would need to reflect those charactistics. I chose black and white to maintain that focused look and feel, and allow the bike designs to be the visual focal point.
DELIVER
Final Design
Previous Iterations
MyBalto
Mobile App
myBalto is a pet technology company whose mission is to alleviate pet care's financial burden for owners and veterinarians. Through our innovative charitable veterinary software and myBalto pet health app, we have created a technology-based ecosystem to help veterinarians provide better care for their patients while reducing the financial cost for pet owners.
MY ROLE
UX Designer, UX Researcher, Visual Designer
TIMELINE
June - July 2023
TOOLS
Figma
INDUSTRY
Pet Rewards
DESIGN PROCESS
DEFINE
Problems
Users don't understand the purpose of the app. It's original home screen was misleading.
The homepage is overwhelming with too many options to decipher between. Appeared as a shopping app and did not incorporate the reward points, or vet bill reduction components.
Rewards structure and system was not clearing explained.
Navigation is not clear as hovers are absent making it difficult to move through each page.
Goals
Elevate the overall user experience to a level that captivates users.
Re-structure the importance of the app's features from the user's point of view.
Implement a home screen that explains the apps functions and benefits.
Create designated places:
to shop (earn rewards)
to redeem rewards
to enter contest for vet bill reductions
Update the existing UI to look polished and modern.
RESEARCH
Persona
Personas were created to empathize with the different channels in which the users would interact with the app.
🛍️
The Shopper
This person uses the app to shop for pet supplies in order to gain reward points.
🏥
The Bill Reducer
This person uses the app to enter the contests and reduce the cost of their pet's vetrinarian bills.
😎
Persona Name 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
PROTOTYPE
Sketch
I started by sketching my ideas on paper, allowing me to quickly express my thoughts and map out a rough idea of the design. This initial step helped me to visualize the layout of the design, consider the placement of elements and features, and make modifications to the design as needed.
Wireframe
One of our goals was to redesign the homepage so that users understood the concept of the app. We began by iterating a few key screen to help explain the app’s structure. We prioritized the homepage, the rewards explanation, page, and the rewards home page. Here, we tested a few of the design elements and integrated the shopping rewards function into the key screens.
TEST
Usability Testing
The user research stage of Cactus' development process involved conducting interviews, surveys, and usability tests with individuals who manage the finances for themselves and their families.
Findings 1
100% of pet owners rank cash back on vet bills as the most intriguing aspect of myBalto
Findings 2
Findings 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
Solution 1
Solution 2
Solution 3
Pain Point:
Jesse finds it difficult to track his spending with his wife, wants to see overall where they stand so they can save for a house.
DESIGN
Style Guide
DELIVER
Final Design
The final designs are a proposed solution to the company's intital problems. This is what we pitched to the CEO and development team in addition to our research findings.
