Logo

WonderWoof

  • #Figma
  • #Useberry
  • #UI/UX Design
Wonderwoof Website Homepage design

Overview

WonderWoof is a fictitious start-up e-commerce business that sells pet supplies to Greater Vancouver area. The goal of this project is to create an interactive prototype using Figma. The complete website design included shopping, check out and payment processes. The usability testing tools for this project was conducted by Useberry.

Process

First, I did some data geathering and inspiration search on different local pet stores. Based on my research, I created my user scenario and their primary goals. Then I started on creating a User Flow (Flowchart) for the shop->purchase->checkout processes for the website.

wonderwoof User Flowchart
WonderWoof User Scneario
WonderWoof Website Design Moodboard
wonderwoof low-fi wireframes
wonderwoof shop page
wonderwoof product page
wonderwoof cart page
wonderwoof checkout page

Final Creation

From the high-fi wireframes, the prototypes were created and tested by six users. I used Useberry to conduct these usability tests, in total there were 5 tasks with a 100% completion rate. Based the test result, I have applied design changes and revisions to the original prototype. The revisions include the button length, menu size, and icon positions. You can view the final live Figma site down below.