Local bakery / 17 branches

From the display case to the right branch.

Roti MOX needed a site as lively as its products, while staying practical when customers want to choose, find a shop, and order.

Open rotimox.com
Long desktop view of the Roti MOX website with storefront hero, product selection, branch finder, ordering steps, story, and articles
The desktop homepage brings products, branches, and ordering into one journey.
01

The three jobs customers return for

  1. See the selectionBrowse product categories and open the latest official catalogue.
  2. Choose the branchChoose a city and branch before opening the relevant Maps or WhatsApp destination.
  3. Continue the orderUnderstand the four ordering steps before contacting Roti MOX.
Long mobile view of the Roti MOX website with bakery products, branch selection, ordering guidance, and official contacts
02 / MOBILE FIRST

Products stay close on a small screen.

Help visitors browse products, open current catalogues, find one of 17 branches, understand the ordering process, and continue through an official channel without a simulated checkout.

The mobile journey keeps products and branches at the front.

03 / LOCATIONS

A branch list becomes a decision tool.

Branch discovery connects city selection, addresses, Maps, and WhatsApp so customers can choose a destination before leaving.

  • An in-site catalogue reader backed by direct links to the official documents.
  • Manual branch selection across Surabaya, Sidoarjo, and Gresik with a map loaded only after a choice.
Roti MOX branch page with city choices, store addresses, a map area, and practical information before travelling
The Locations page helps customers choose the right shop.
04

What makes the experience work

01

Products come first

The homepage takes visitors directly to bakery goods, cakes, desserts, and Korean Corner items through clear photography and scannable descriptions.

02

Branches support decisions

Branch discovery connects city selection, addresses, Maps, and WhatsApp so customers can choose a destination before leaving.

03

Ordering stays truthful

The site explains the practical steps and then hands visitors to official channels without displaying unavailable inventory or a pretend checkout.

04

Many needs, one identity

Catalogues, promotions, articles, locations, ordering guidance, and HORECA remain recognisably part of the same Roti MOX experience.

Details that hold it together

Installable PWA behaviour with support for previously visited pages while offline.Historical campaign pages remain available at their established addresses.