Skip to content
← All projects
/ Case study · Web · brand storefront

ABAJ Brand Website

The brand, its menu, and its own sales channel.

Live at ayambakarasapjimbaran.co.id

ABAJ Brand WebsiteBrand & storefrontBrand & storefront01 / 02
For developers
Web
AstroTypeScriptTailwind CSS
What I did & the proof ↓
Web
ABAJ Brand WebsiteProduct tour

Choose a screen to see the product’s features and main flow.

ABAJ Brand Website: Brand & storefront
Screen by screen

Brand & storefront

The current website combines the restaurant’s identity, storefront, and customer stories.

Screenshots from the live product

1 / 2
ABAJ Brand Website · Brand & storefront
Real product screenshots. Everything you click stays inside this portfolio.
The problem
The restaurant’s brand, menu, and locations need a clear online home.
What I built
A brand website with current storefront pages, customer stories, locations, and a catering entry.
What it enables
Visitors can learn about the restaurant and continue to ordering in its native app.
Feature highlights
  • Current brand & storefront pages
  • Customer stories & restaurant locations
  • Catering entry to native app
Built with

Astro / TypeScript / Tailwind CSS

Designed and built by Alexanders Schwartzmann · start to finish

  • Brand website design & UX
  • Astro frontend implementation
  • Menu, locations & storefront
  • Customer-app entry points
See what I did and the proof ↗
Want something like ABAJ Brand Website?

I can build one around how your business works.

Talk about a similar project
What I did

I designed and built this project from start to finish.

Project creator

Alexanders Schwartzmann

From the product idea and design to the code behind the features below.

My implementation scope
  • Brand website design & UX
  • Astro frontend implementation
  • Menu, locations & storefront
  • Customer-app entry points

How the main flow works

  1. 01

    Restaurant brand and story

  2. 02

    Menu and outlet information

  3. 03

    Ordering and catering entry

  4. 04

    ABAJ native customer app

Proof of the work

What was built, how it works, and why it was built that way.

01 / Real screen & code

A website built around the restaurant

The Astro site combines the current restaurant identity, storefront information, and customer stories.

Technical decision

Brand discovery gets a dedicated website instead of sharing the staff or checkout interface.

02 / Real screen & code

An entry into the customer product

The catering entry directs the visitor to the native ABAJ customer app.

Technical decision

The website introduces the offering; the customer app carries the ordering workflow.

About these screens

Screens from the live restaurant website. The Super App and ERP have their own case studies.

Screenshots from the live product ·

The problem

The restaurant’s website needs to communicate its food, locations, customer stories, and the next step for catering customers.

Feature highlights

  • Current brand & storefront pages
  • Customer stories & restaurant locations
  • Catering entry to native app

Current implementation

The current Astro website uses the restaurant’s red/yellow identity, storefront photography, process pages, customer stories, locations, and partner information. Its catering entry now points to the native ABAJ app, including App Store and Google Play download links.

Explore the real product

The walkthrough shows the current public homepage and catering dialog. It replaces the older Next.js storefront preview; back-office administration is documented separately under ABAJ ERP.