Joymap

A restaurant booking system for both end users and restaurants to manage instant reviews and reservations in points.

Overview

This is a restaurant reservation system that offers client a booking, reviewing, and point rewarding platform; plus a CRM dashboard for restaurants to manage customer profiles, booking information, including transaction history, booking details or notes, etc. The whole process of design begins with wireframing, component system , UI design, testing and developping for the actual funtional responsive landing pages .

Role

Information architecture

Wireframing

Design system

Prototyping

Visual Design & Branding

Collaboration

Project Manager x 1

Front-end x 1

Backend x 2

Product owner x 2

  1. Users groups :

    We will Consolidate data *(Both 2B and 2C users)in our 2 product's backend system *(Joymap & TWDD app).

    1. Restaurants owners or staff
    2. General customers
    3. Our employee
    4. TWDD users or partners

  2. Goals :

    Deliver UI design with branding process behind that can supports follwing purposes and bring customer success.

    1. A responsive webapp to support booking and reviewing process
    2. A dashboard for shop owners to manage reservations and transaction
    3. A backend system for our employee to handle data maintenance and customer support
    4. A series of EDM design for different user scenarios
Main Deliverables User stories
Reservation Webapp
  1. As a restaurant customer, I want to get infomation of restaurants as much as possible and book based on the availability.
  2. As a restaurant customer, I want to be able to explore reviews and gain feedbacks from the experience I had.
  3. As a restaurant owner, I want to provide my customers a closer look of what they will have from the menu and what experience others had received.
Reservation Dashboard
  1. As a restaurant owner, I want to get reservation requests and transactions based on origins, times, and booking details, so I can manage my customer relationship based on my service.
  2. As a restaurant manager, I want to have a control center to train our staffs engage with our customer needs and transactions in one platform.
  3. As a restaurant frequent visiter, I want my transactions histories recorded so I can receive points or promotions for the future.
Results
  • Making restaurant info and booking funciton displayed in responsive action.
  • Enable editing and canceling for the reservation form and results..
  • Following design system and iterating suitable component for prototypes.
  • Notification for both party and backend system.
  • Login for business partners
  • Booking, checking, and editing
  • Notification and customer support

    • Original wireframe:


    Iteration:


    click to zoom in

  • Booking history and calendar
  • Setting
  • Engagements and comments
    • Revise graphical version for digital use.
    • Making sets of color pallete, font weights, favicon in styleguide.
    • Setting rules for do and don'ts.

    What I have tried building and optimizing:

    1. Design system and the first launching prototype.
    2. Make sure the functional side and the visual side are met in agile development.
    3. Establish UX debt sheets in our internal testing for a sustainable product life cycle.

    Visit launching website

    Next Project →

    Smell the Roses