Typeface
gerobak

Pembeli: lihat dan ikuti gerobak.

The GitHub cart page and follow flow, with stronger titles.

Mockups v3 · 1 Nov 2026
PRD v2.0.1 · D29–D41
Design from the GitHub app
Example data only

01 / Halaman gerobak

F-05.AC1 · F-17.AC3 · F-02.AC1 · F-02.AC2
Android · 360 × 800
19.024G ▮
🥟Foto dari penjual
LIVE · 300 mBerkeliling

Siomay Mas Joko

Siomay ikan tenggiri dan batagor, keliling Batu Bolong sore sampai malam.

Tunai, QRISTanpa babi214 pengikut
★★★★★4,8· 27 ulasan

Menu

Ulasan

4,8dari 27 ulasan
Bersih · Ramah · Porsi pas
★★★★★
Rina2 hari lalu
★★★★★

Siomaynya masih hangat, batagornya garing. Sore ini mampir lagi.

Bayu5 hari lalu
★★★★☆

Enak, tapi jam 5 sore beberapa menu sudah habis.

Lihat semua 27 ulasan
Same as the GitHub app
  • Photo on top, back and share buttons, LIVE pill, name, payment and pork tags, menu card, Lihat di peta and blue Ikuti.
  • Habis items stay listed, struck through, with a Habis tag.
  • New: the rating sits under the name, and two reviews plus “Lihat semua” sit below the menu (F-17.AC3, D35).
  • Heading fix: cart name 26 px extra bold; “Menu” 17 px extra bold.

02 / Tutup, sudah diikuti

F-05.AC2 · F-17.AC3
Android · 360 × 800
19.024G ▮
🥟Foto dari penjual
Tutup · terakhir buka kemarin 21.40Berkeliling

Siomay Mas Joko

Siomay ikan tenggiri dan batagor, keliling Batu Bolong sore sampai malam.

Tunai, QRISTanpa babi214 pengikut
★★★★★4,8· 27 ulasan

Menu

Closed
  • Shows “Tutup” and when it was last open.
  • Follow button turns into a soft Diikuti.

03 / Posisi lama

F-03.AC3
Android · 360 × 800
19.024G ▮
🥟Foto dari penjual
Terakhir terlihat 14 mnt laluBerkeliling

Siomay Mas Joko

Siomay ikan tenggiri dan batagor, keliling Batu Bolong sore sampai malam.

Tunai, QRISTanpa babi214 pengikut

Menu

Unhappy path
  • 10–30 minutes without a new position: amber pill and a plain warning.
  • After 30 minutes the cart leaves the map.

04 / Ikuti pertama: alasan

F-06 · F-10 · D3 / Q7
Android · 360 × 800
19.024G ▮
🔔

Kabari saya saat gerobak favorit lewat

Agar kami bisa memberi tahu saat gerobak favorit lewat di dekat Anda, izinkan lokasi selalu, juga saat aplikasi ditutup.

Penjual tidak pernah melihat lokasi Anda.
Kami tidak menyimpan riwayat ke mana Anda pergi.
Bisa dimatikan kapan saja di Profil.
LanjutNanti saja
Same as the GitHub app
  • Explains why “always” location is asked, before the phone asks.
  • If Q7 goes to option B, this screen asks for “while using the app” plus a saved place instead.

05 / Izin lokasi (dialog HP)

F-10.AC1
Android · 360 × 800
19.024G ▮
🥟Foto dari penjual
LIVE · 300 mBerkeliling

Siomay Mas Joko

Siomay ikan tenggiri dan batagor, keliling Batu Bolong sore sampai malam.

Tunai, QRISTanpa babi214 pengikut

Menu

Izinkan Gerobak mengakses lokasi perangkat ini?

Izinkan sepanjang waktuHanya saat aplikasi digunakanJangan izinkan
System dialog
  • Simulated phone dialog. On Android 11+ “sepanjang waktu” is set in phone settings.

06 / Simpan tempat

F-10.AC2 · F-10.AC5
Android · 360 × 800
19.024G ▮

Simpan tempat Anda

Kami kabari saat gerobak favorit lewat dalam 500 m dari tempat ini.

Sekarang
🏠Gg. Sri Kahyangan
🏠 Rumah🏢 Kantor
SimpanLewati
Fallback
  • If “always” is refused, alerts use Rumah or Kantor (500 m).

07 / Ulasan: belum cukup

F-17.AC3 · F-17.AC2
Android · 360 × 800
19.024G ▮
🥟Foto dari penjual
LIVE · 300 mBerkeliling

Siomay Mas Joko

Siomay ikan tenggiri dan batagor, keliling Batu Bolong sore sampai malam.

Tunai, QRISTanpa babi214 pengikut
☆☆☆☆☆Ulasan baru· belum 3 ulasan

Menu

Ulasan

☆☆☆☆☆Belum ada ulasan

Rata-rata dan jumlah ulasan muncul setelah 3 ulasan pertama.

🔒 Ulas setelah mampirSatu ulasan per pembeli
Unhappy path
  • With fewer than 3 reviews the page says Ulasan baru instead of an average (F-17.AC3).
  • Writing a review stays P1: Ulas stays locked until the buyer has been within about 100 m of the cart while it was Buka (F-17.AC2).

Static mockups (no scripts). All names, numbers, prices, places and times are example data. Maps are illustrations, not real streets. Design: the GitHub app (komangagent/discovergerobak) with the D29–D32 heading and typeface work, and D33–D36. Scope: PRD v2.0.1. iOS uses the same screens; only sign-in differs (Sign in with Apple).