Skip to content
← Back to OverviewE-Commerce
/CASE STUDY · 2025

Outer.Co— Boutique Florist E-Commerce

Boutique florist e-commerce platform with rich product catalog, multi-image galleries, WhatsApp checkout, multi-branch support (Surabaya, Kediri, Denpasar), and a full admin CRUD panel.

Live Demo
Discuss System Architecture

Role

  • Frontend Development
  • Catalog Architecture
  • Admin Panel

Timeline

2025

Client

Outer.Co

Deliverables

  • Product catalogue with multi-image galleries
  • WhatsApp checkout flow
  • Admin CRUD panel
  • Multi-branch support

Stack

Next.js 16TypeScriptTailwind CSS 4CloudinaryGoogle Sheets API
corecraft.my.id/work/outerco
E-Commerce
Outer.Co product catalog listing
Rich product catalog with multi-image galleries.
/01 THE PROBLEM

Problem & Friction

A local florist needed an online store that staff without programming experience could maintain, with simple checkout and no payment gateway.

3Branches: Surabaya, Kediri, Denpasar
No gatewayFormatted WhatsApp checkout
CRUDAdmin panel built for non-programmers
/02 SYSTEM DESIGN & ARCHITECTURE

Architectural Breakdown

  • Next.js 16 with TypeScript and Tailwind CSS 4
  • Cloudinary for multi-image product galleries
  • Google Sheets API as the catalogue store
  • A multi-branch structure for Surabaya, Kediri and Denpasar
/03 IMPLEMENTED SOLUTIONS

Resilience & Outcomes

  • The catalogue is edited in a spreadsheet the staff already understood.
  • Checkout composes a formatted WhatsApp message instead of redirecting to a gateway.
  • An admin CRUD panel covers products, branches and galleries.
/DEEP DIVE SCREENS

Technical Interface & Terminal Views

Outer.Co WhatsApp checkout flow
Formatted WhatsApp checkout without a payment gateway.
Outer.Co admin CRUD panel
Admin CRUD panel built for non-programmers.