Theodore
UX/UI designer
Made with

Paycrave

IOS app that helps you order fast and easy from
your favorite restaurant

Image alt tag

About the project

To create an app that allows the user to find local restaurants with ease and no hassle. We want the user to feel like it takes little steps to create and account and make an order that is ready to pickup.

My role:

  • Product strategy

  • Wireframes

  • UI Design & Prototyping

  • Illustration/Icon design

Paycrave users need a better way to find food faster

Design Process

  1. Empathize - User Interview

  2. Define - User Persona, user Journey Mapping

  3. Ideate - Brain storming ideas, user flow, sketches

  4. Build - Wireframes, Prototype

  5. Test - Final UI Screens

Research

This is your heading

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

90%
Wants a faster way to order food
95%
Usability Tests
70%
Iterations
90%
Downloads
Define
Paycrave

Personas

I set up three personas. I referred to them through the development of the app.

  • Each persona focused on the frustrations and goals with the product.

User Journey

Example:

I mapped out the users’ steps to see how I could simplify their journey to help them reach their most important goals with the product.

Guiding Questions:

  • Why did you decide to do user journey mapping?
  • How did you choose the most important user goal to map?
  • How did you determine the steps of the user journey?
  • How do the users feel and what do they think at each step of the user journey?
  • What ideas emerged to improve the experience in certain steps?
  • How did the user journey mapping help you to design a better product?
Ideate

Defining Problem

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

Brainstorming Solutions

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

Build an app that let’s users control, and manage their
food orders
Paycrave

User flow

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

Paycrave

Initial Sketches

I wanted to start out with some quick sketches of this app. See which screens I think has the most potential to flush out.

Build
Paycrave

Wireframes

Creating s wireframe based off their sketches has helped me in the final product.

Guiding Questions

  • Why was it useful to do this?

  • What kind of wireframes did you make?

  • Low fidelity or high fidelity?

  • What tool did you use for this?

  • Did you use them for testing?

  • How many iterations did you have?

Style guide for Paycrave

Style guide for Paycrave

UI Kit

I created a style guide, that would help me in my design decisions for Paycrave.

This looks like a great app to try out!

This looks like a great app to try out!

Final UI Screens

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

What’s next

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.