All sidework
SIDEWORK / Commerce

Toko Anggrek

An orchid storefront that takes a local nursery from product browsing to checkout.

Independent projectDesign & development
Toko Anggrek storefront homepage introducing its orchid collection and categories.
Orchid collections and categories on the storefront homepage.
THE IDEA

A little nursery, online.

A storefront for an orchid business in Purwokerto, bringing the catalog, ordering flow, and store administration into one application.

WHAT I BUILT

A storefront from catalog to checkout.

Built a customer-facing catalog and shopping flow alongside a protected admin area. Product and order data are stored in SQLite, with Midtrans handling the payment flow.

  • Searchable product catalog with orchid categories.
  • Shopping cart and checkout with Midtrans Snap payments.
  • Payment webhook handling for order status updates.
  • Protected product, category, order, and store settings administration.
  • Structured product and store metadata with a sitemap.
THE TOOLKIT
Next.jsReactTypeScriptTailwind CSSSQLiteMidtrans
A CLOSER LOOK

Inside Toko Anggrek.

03 SCREEN VIEWS
Toko Anggrek storefront homepage introducing its orchid collection and categories.

Toko Anggrek overview

Orchid collections and categories on the storefront homepage.

Toko Anggrek ordering guide with five steps for choosing orchids and placing an order.

How to order

A five-step guide from choosing an orchid to completing the order.

Toko Anggrek responsive storefront on a mobile screen.

The storefront on a phone

The orchid collection and ordering links adapted for a smaller screen.