GHST – Piyoros Vephula

Tech specs and my involvement

Frontend: AngularJS (v15) node.js (v16) as of Jan 12th, 2024

Started 2023, the company introduced a new business model “Ghost Kitchen”. This allows potential clients to set up multiple brands in one single location (instead of one brand per location). The look and feel have also been redesigned to be more energetic, playful and less enterprise kind of feel to attract younger entrepreneurs. I took part in 100% of the theming update for this project.

Overview

While Foodkit Admin is in white/light theme, GHST presented in a dark theme. However, it was not just a colors and fonts update. As GHST has to support multi-brand ordering, there are a number of features to be added even though GHST was built from the Foodkit Admin codebase. Also, Foodkit Admin is desktop oriented, GHST has to be responsive to support users to use the product as a mobile web app. I posted some samples of the theme update below.

Onboarding

GHST was built to be a self-onboarding platform. This requires more refined user experience design. We built the 5 steps onboarding page and the progress bar to help users to complete the setup process.

Locations page

One single location has to be able to support multi-brand ordering. So we built a page where users can add more brands to a location.

Delivery area

When supporting the multi-brand in one location, the delivery zone configuration has been enhanced as well. We built the new delivery zone setup modal which can assign color code to each zone.