Cosmetics store chain

Type
Mobile app
Status
In progress
Stack
React Native, TypeScript, PostgreSQL

App screens

Shopper

  1. Home screen of the cosmetics store app: an autumn sale banner, collections and best sellers
  2. Face care catalog: products with prices, discounts and an “add to cart” button
  3. Vitamin C serum page: photos, loyalty points for the purchase and an “add to cart” button with the price
  4. Cart with two products, a promo code field and the order total with loyalty points
  5. Shopper profile: 54 loyalty points, the loyalty tier and a loyalty card button
  6. Search screen with links to the catalog, brands, promotions, discounts and support

Home: promotions, collections and best sellers — the store is chosen at the top

Staff

  1. Staff screen: a list of orders to pick with deadlines and “scan product” and “hand over order” buttons
  2. Manual barcode entry window over the scanner camera
  3. Order handover screen: order number and handover code fields and a “hand over order” button

Staff shift: orders to pick, product scanner, handover and stock count

Owner

  1. Owner admin panel, “today” screen: revenue, receipts, delayed orders and a table for four stores
  2. Owner admin panel, “analytics” screen: a revenue chart by day and a store comparison

Today: revenue, receipts and delays for each store

Screens with demo data

The app interface is in Russian.

The task

Connect the customers, staff, and owner of four stores in one system: loyalty points, a catalog, staff workflows, and reports.

What we did

We are building an app for customers and staff, plus an admin panel and analytics for the owner. The screens above use demo data and do not show the client's name. The project is in progress.