With the food truck industry growing rapidly in the past few years, there is a need for more apps that integrate a mobile payment solution for it’s users. While it’s nice to have an app that allows you to just search for food trucks, it’s even better to have one where you can view the menu, place an order, and be on your way to pick up your food.
When mapping out user flows, it seemed that the focus was the ability for users to view trucks around them and the steps after that. The main screen for searching for trucks gives users options to view results by a map view and a list view. I wanted to make it easy for users to view results by preference and in a clean and organized manner. After viewing results, users are directed to a food truck’s detail page, where they can add items to the cart and checkout.
As a user, I want to pay for food with my phone.
As a user, I want to sign up for a Paycrave account.
As a user, I want to create a profile, upload an avatar, and share my location.
As a user, I want to find food trucks in my area.
As a user, I want to select a truck, view details, reviews, photos, and the menu.
As a user, I want to order food in advance for pick up.
As a user, I want to pay with a credit card.
As a user, I want to share my experience and leave a rating.
As a user, I want to save food trucks to my favorites list.
As a user, I want to filter my search results by map or list.
The next step was to sketch out wireframes based on the user stories and user flows that were established. The wireframes I created highlighted some of the main features and functionalities of the interface and was intended to present an overview of the visual design of the app.
The identity for Paycrave needed to be welcoming and appetizing for potential users. I decided to center the main color scheme around varying shades of red and green, which by association in color theory pair great with images of food. For the menu bar and other UI elements, black and white were used to keep things clean and modern.
The logo I chose was a fork and spoon crossed together to form an ‘X’ shape. I wanted users to easily associate the purpose of the app while keeping the style of the logo simple and modern. After all, the identity for Paycrave is casual yet trustworthy, and with users making payments through the app it was important that they felt secure using it.