< Back to My Work

Tabetako App Prototype

Web Design

Project Overview

This goal of this project was to create a prototype using Figma and to conduct a user test on our designs using a platform called Maze.

Tools

  • Figma
  • UI⁄UX Design
  • Graphic Design
  • Illustrator
Images of the Prototype on an Iphone 13 model

Lo-Fi & Hi-Fi Wireframes

With Figma, I created a grayscale low-fidelity wireframes of about 13 screens using the iPhone 13 Pro Max display size. I used my user flowchart to help me choose what screens to create so the final prototype could be navigated as I intended for the user. These included a Home screen, Menu, Menu item, Shopping Cart, Login, Create an Account, Account Page, Item Favourites, and the full checkout process with a stepper for easy navigation

Low-fidelity to High-fidelity wireframes

Figma Prototype

Afterwards I added images and colour to create the High-Fidelity wireframes and then added the functionality of navigating between the screens and the different states for buttons from clicking to hovering to produce the final prototype before conducting a user test.

The prototype on an iPhone 13 Pro Max model

Jump To Top