Petminded
UX, website
Kids Can Cook was inspired by my interest in healthy diet and how to raise happy and healthy kids. We all want to protect children from being overweight or obese, diabetes, artery disease and cancer. Unfortunately, 34% of all kids between ages 2 and 19 eat fast food (read this study), which sets them up to have diseases and a long list of medications in their adulthood.
There are not many options for kids to find healthy and fun recipes online. The limited number of recipe websites or apps that offer some recipes for kids have poor navigation and are not geared towards the kids. The design challenge for me was to build a solution with an incentive for kids to cook, to learn what kids need to know when they cook, and to design the best way to discover recipes that are kid-friendly and easy to make.
Based on my research with children and their parents, I narrowed down the main factors that play in choosing the recipes and how they cook. The focus was to build a mobile app for easy access.
Owned the UX and UI part of the design: finding the problem, researching, interviewing users, creating solutions in the form of user stories, task analysis, wireframes, visual design, usability testing and iterating
Petminded helps pet owners to bring their pets on the adventures. The company is revamping the website.
The goal of the website was to attract their target customers and address their needs in a sophisticated way.
To develop information of architecture of the website and create wireframes.
UX designer: user research, interviewing users, developed information architecture, created wireframes, helped with narrowing down the goals of the product.
To understand how the process of traveling with a pet works, I looked at the similar websites:
The main goal for these websites is to search and book pet friendly hotels and restaurants by state, name and category. Some of the websites also include pet travel tips and resources destination, guides, road trip planner.
From the design perspective, BringFido has the most modern and user-friendly design among competitors.
I ran a couple of interviews to get a feeling what pet owners think about pet travel and where their worries are:
The biggest worry is not knowing how the pet is and in what conditions the pet is transported. - maybe a camera would help.
Another frustration is not knowing all the details of the transportation, e.g. one person brought her dogs from Columbia to the US and now she can't take them back to Columbia to a dangerous breed even if the dog was born in Columbia.
Pet owners trust companies who share the actual customers' pets photos and who share the status of the pet who is transported.
The persona for this project is somebody in upper level income threshold, with a small size pet, who likes traveling and is attracted to a beautiful design, like Glossier, The Sill, Mind Body Green, Ritual and Airnb. This persona's main frustration is figuring out where she can go with a pet and she worries if her pet is going to be happy on a flight.
When I plan my trip, I want to find hotels and restaurants that accept pets so that I don't have surprises upon arrival.
When I go on a trip, I want to know where to go exploring, so that I don't miss anything.
When I fly, I want to be confident my pet is not stressed and will stay alive, so that we both enjoy the trip.
When I am on a trip, I want to have somebody on the phone assisting me, so that I am taken care of in case of emergency.
Home page wireframe that includes CTA button to get started, features, trip ideas, packages and a newsletter sign up.
Blog wireframe
About page wireframe
When testing Discover page, I found out that users were not interested in New Recipes category, since it’s a new app, so everything is new to the users. Users also wanted to separate New Recipes from other Categories. I made a decision to drop New Recipes category from MVP. During usability testing I also noticed that users wanted to see all recipes in one category on one page, instead of scrolling from side to side. I added a new page for the category.
Search page has gone through the most iteration. The first design didn’t pass the usability testing because it was not clear for kids that they were links to narrow down the search. The users wanted to type in in a search bar instead. For the second iteration I added the buttons to quickly filter out the results, and the number of labels made the screen look overwhelming. During usability testing no one wanted to read what these labels were for. So, for my final iteration, I added the general filters, like Breakfast, or Lunch, and filters for preferences, like Nut-free, or Gluten-free.
The first version of Recipe page didn’t include big images even though my research showed that users want to see the pictures. So, for my second iteration, I added a new interaction to show a big image, and then user can scroll up to see the ingredients. In the future, I would also add more images so that user can see the recipe from different angles.
.png)
Discover page helps users find recipes in different categories. It is useful when users are not sure what to cook and they just want to explore. The category name can be clicked to open a page with recipes only in selected category.
.png)
Recipe page includes the big image of the recipe's final result, ingredients, steps and notes. User can save recipe as a favorite, or share the recipe, e.g. with parents to ask to buy ingredients.
.png)
Recipes Steps are one page per step with ingredients repeated inside the step so there is no need to return to ingredients page to check how much of an ingredient is needed.
Notes include additional information about the substitutes, and an option to write own notes.
.png)
Search page has 2 options: to type in anything to find a recipe, or select a filter. On Search Results page there is an option to filter down the results. This may not be vital where there are only a few recipes but can be helpful down the road when more recipes are added.
.png)
Recipes can be saved as Favorites by tapping on the heart icon. Empty state has a call to action button to find a recipe and add it to Favorites.
Discover page helps users find recipes in different categories. It is useful when users are not sure what to cook and they just want to explore. The category name can be clicked to open a page with recipes only in selected category.
Recipe page includes the big image of the recipe's final result, ingredients, steps and notes. User can save recipe as a favorite, or share the recipe, e.g. with parents to ask to buy ingredients.
Recipes Steps are one page per step with ingredients repeated inside the step so there is no need to return to ingredients page to check how much of an ingredient is needed.
Notes include additional information about the substitutes, and an option to write own notes.
Search page has 2 options: to type in anything to find a recipe, or select a filter. On Search Results page there is an option to filter down the results. This may not be vital where there are only a few recipes but can be helpful down the road when more recipes are added.
Recipes can be saved as Favorites by tapping on the heart icon. Empty state has a call to action button to find a recipe and add it to Favorites.
This project taught me about designer's role from a different perspective. I was the reason the stakeholders actually got a chance to meet up and discuss the visionary and the future of their product. The business model of payments was not finalized yet. I had to learn to listen to customers and give them the space to think.
Thank you for reading!
