Andrix.Ng
AND-P-004All Projects

AstoShop Dashboard

ServiceE-commerce Dashboard
Intro

A fast, responsive e-commerce back office for monitoring revenue, orders, products, inventory, customers, acquisition channels, and conversion performance.

Screenshot of AstoShop Dashboard
Overview

A data-rich back office for online store managers to monitor sales, inventory, and daily operations at a glance.

My Role

Front-End Developer & UI Designer

Impact

Improved operational clarity with responsive analytics and lightweight chart rendering.

Visual Execution

Design & Architecture

The Challenge

Online store managers need a clear view of sales and daily operations without navigating a slow or overly complex back office. The interface had to present data-heavy workflows while remaining responsive, accessible, and fast on every screen size.

The Solution

Designed and built a static-first Astro dashboard with typed commerce data, reusable UI components, responsive business tables, and focused analytics. Revenue and conversion charts use lightweight SVG and CSS, while the interactive acquisition chart is lazy-loaded with Apache ECharts to keep the initial page load small.

Key Features

  • Revenue, conversion, and acquisition analytics
  • Product catalog and inventory monitoring
  • Order, payment, and fulfillment tracking
  • Customer activity and store notifications
Technologies Used
AstroTypeScriptTailwind CSSApache EChartsSVG
Full screen preview