Retail · Sales Enablement In Development

ShelfMart

A product knowledge and sales-assistant platform for perfume, cosmetics, and skincare retail teams.

ReactTypeScriptSupabaseBarcode ScannerExcel ImportPWA
Demo

See it in action.

A quick walkthrough of the product experience.

Demo video coming soon.

Live Demo

Experience the application yourself.

Open the live project in a new tab and explore its available features.

This project may still be under active development. Some features may require an account or use demonstration data.

Overview

What this project is.

ShelfMart is a product knowledge and sales-assistant platform for perfume, cosmetics, and skincare teams. It gives frontline staff instant, accurate product information at the counter — barcode matching, price checks, and rich product details in one app.

Business Problem

The challenge.

Retail sales teams need fast, trustworthy product information the moment a customer asks. Paper catalogs and scattered spreadsheets slow them down and hurt customer trust at the exact moment of the sale.

Solution

How we solved it.

ShelfMart consolidates catalogs, prices, and product knowledge into a mobile-first PWA. Barcode scanning matches products instantly, staff pull up notes and ingredients in seconds, and managers keep the catalog current via Excel import.

Key Features

What's inside.

The core capabilities that make this product useful in the real world.

Barcode Scanning

Instant product match from the phone's camera — no dedicated hardware.

Price & Stock Lookup

Live price and stock status at the counter, without leaving the customer.

Rich Product Info

Notes, ingredients, usage, and pairing guidance for every SKU.

Excel Catalog Import

Managers refresh the catalog with a familiar Excel workflow.

Role-Based Access

Staff, supervisors, and managers each get the right level of access.

One-Handed In-Store UX

Designed for the phone in the sales associate's hand.

Gallery

A closer look.

Screenshots across desktop, tablet, and mobile.

Screenshots coming soon.

Development Process

From research to continuous improvement.

  1. Research

    Understand users, goals, and constraints.

  2. Planning

    Scope, milestones, and success metrics agreed together.

  3. UI Design

    Clean, on-brand interfaces designed for real workflows.

  4. Development

    AI-augmented engineering with weekly, demoable progress.

  5. Testing

    QA, performance, and security hardened before launch.

  6. Continuous Improvements

    Iterate on real feedback after launch.

Technology Stack

Built with a modern, reliable stack.

ReactTypeScriptSupabaseBarcode ScannerExcel ImportPWA
Project Value

Why this matters for the business.

  • Faster answers at the counter build customer trust
  • Cuts training time for new sales associates
  • One source of truth for pricing and product knowledge
  • No new hardware — runs on the phone staff already carry

Need a similar application?

Let's build your business solution. Book a free consultation or send a message and we'll get back within 24 hours.