Wow Tasty Admin System Banner

Date

Aug - Oct 2014
(3 months)

Industry

Online Food Ordering Industry
(eCommerce)

Client

Wow Tasty

Team

2 senior developers, 1 graphic designer, order management team, delivery staff

'Wow Tasty' Admin System Renewal

Overview

Wow Tasty is about food delivery&take-out online ordering system in Vancouver.
The company has to manage more than 50 restaurants, 10 delivery staff, and more than 100 orders every day. The admin system allows real-time orders to arrive at the order management team immediately and assigns orders to delivery staff in the admin system. Restaurant owners are able to change restaurant information and menu information whenever they wanted.


Goal & Requirements

  • Create a dashboard to see orders at a glance
  • Show real-time notifications if any event happens
  • Make it easy to manage the orders, delivery staff and restaurant info


Achievements

  • All information was automatically refreshed in 5 to 10 seconds increments.
  • The new admin system saved 50% of the order management time.
  • The humanware type's mistakes were decreased.

My Roles

  • Researched modern design for admin dashboard and system
  • Analyzed As-Is admin system and found out the pain points and solutions
  • Created the page list of To-Be admin system for each user type; Guest, Member, Delivery staff, Restaurant member, Restaurant manager, Admin member, and Admin manager
  • Created the wireframes
  • Lead the front-end development using HTML, CSS and JavaScript


Problems & Solutions

  • Difficult to seperate the admin user types

    I interviewed the CEO, order management team and marketing team to decide the rights of each user type and made the page lists for each user type.


Work Process

Step 1: Research

  • Interview the CEO to find out the goal and requirements
  • Research modern design for admin system

Step 2: Create

  • Create the page list to limit the access for each user type
  • Create wireframes for all the pages
  • List up the required funcions from the developers

Step 3: Design & Develop

  • Design prototypes in Adobe Photoshop
  • Lead the front-end web development using HTML, CSS and JavaScript (jQuery)

Step 4: Test

  • Conduct the page testing
  • Conduct the cross-browser testing (Chrome, Safari and IE)

Result

[Wow Tasty Admin System - Main page]
Wow Tasty Admin System - Main page
[Wow Tasty Admin System - Real-time notification]
Wow Tasty Admin System - Real-time notification
[Wow Tasty Admin System - New order pop-up page]
Wow Tasty Admin System - New order pop-up page