twc-006 / Studi oleh Syafril · bukan proyek klien

Wayfinder: Wayfinder

Aplikasi perencana dengan tiga rute ilustratif, diagram topografi, metrik elevasi terhitung, status titik singgah, dan unduhan teks. Seluruh data rute merupakan ilustrasi berlabel, bukan panduan navigasi.

Tangkapan layar desktop asli demo Wayfinder.

Sekilas desain

Tipografi judul
Overpass
Tipografi isi
DM Sans
Coba interaksi ini
Pilih rute, periksa elevasi, tandai titik, dan unduh rencana teks.
Kertas lapangan#f2f4ec
Tinta hutan#203d32
Hijau rute#1e5b49
Skema komposisi yang diimplementasikan.

YANG TERSEDIA / LANGKAH BERIKUTNYA

Pahami yang Anda pilih.

Antarmuka aktivitas luar ruang dan perencanaan dengan tampilan visual serta angka yang saling terhubung.

Berfungsi pada demo ini

  • Tiga rute sintetis dengan hitungan jarak/elevasi, profil tertaut, checkpoint, dan ekspor teks nyata.
  • Indeks lembar rute dengan pencarian, sematan, unduhan daftar, pengaturan tampilan lokal, dan UI form akun.

Tema ini mencakup dashboard, UI masuk/pemulihan, pengaturan, status antarmuka, dan buku komponen sendiri. UI pendaftaran tersedia pada tema yang relevan.

Integrasi produksi untuk didiskusikan

  • Peta nyata, geolokasi, perutean terverifikasi, perjalanan tersimpan, dan layanan akun produksi.

Form akun memvalidasi nilai contoh secara lokal. Tidak melakukan autentikasi, membuat pengguna, atau mengirim email. Data dashboard adalah contoh yang ditulis khusus.

Batasan untuk direncanakan

Rute merupakan contoh antarmuka sintetis. Bukan petunjuk navigasi, saran medan, atau data geografis langsung.

Penyerahan & penyesuaian

Cakupan halaman, aset merek, konten, serah terima, hosting, biaya, dan dukungan dibahas lewat konsultasi sebelum pengerjaan dimulai. Demo menjadi referensi untuk percakapan tersebut.

Siapkan brief untuk arah ini

Gagasannya

Hadirkan alur aplikasi dalam koleksi. Pilih rute, periksa profil, tandai titik, dan unduh rencana teks. Pekerjaan berlangsung di antarmukanya, bukan melalui judul promosi.

Bahasa visual

Permukaan kertas lapangan, tinta hutan, garis kontur, dan garis halus. Satu lembar rute lipat: lipatan indeks, peta di tengah, dan profil elevasi di tepi bawah; nomor pada peta, titik, dan profil saling merujuk.

Tipografi

Overpass, kerabat terbuka huruf rambu jalan raya, menjuduli rute seperti papan penunjuk. DM Sans menjaga keterbacaan label rute yang padat; IBM Plex Mono menandai koordinat, identitas kecil, dan satuan metrik.

Tata letak & komposisi

Rute terpilih menjuduli lembar, dengan unduhan itinerary di sampingnya. Indeks rute berada di lipatan kiri di samping peta skema; jarak/tanjakan terhitung, profil, dan titik bernomor menyusul di tepi bawah. Di ponsel: nama dan pilihan rute, lalu peta, profil, dan checklist.

Gerak & interaksi

Motion mengganti rute melalui crossfade dengan bingkai peta yang tetap stabil. Titik singgah langsung diperbarui. Pengurangan gerak mempersingkat fade tanpa mengubah perhitungan rute atau aksi yang tersedia.

Di balik layar

Data rute statis bertipe menggerakkan diagram, profil elevasi, metrik, dan unduhan teks. Total dihitung dari rute terpilih. Tidak terhubung ke layanan peta, lokasi langsung, API cuaca, atau backend.

Dirancang untuk semua

Rute memakai tombol berlabel dalam grup indeks; titik singgah menunjukkan status ditekan. Diagram dan grafik elevasi memiliki teks alternatif bermakna, dengan seluruh elevasi juga tersedia di daftar titik. Unduhan menghasilkan file teks nyata.

Di dalam pengalaman

  • Tiga studi rute yang dapat dipilih
  • Jarak dan tanjakan terhitung
  • Diagram dan profil elevasi
  • Checklist titik dan unduhan teks nyata

Cocok untuk

  • Aplikasi perencana dan pemetaan
  • Ruang kerja dan dashboard berbasis data

Di berbagai layar

Tangkapan layar desktop asli demo Wayfinder.
Tangkapan layar desktop asli demo Wayfinder.
Tangkapan layar ponsel asli demo Wayfinder.
Tangkapan layar ponsel asli demo Wayfinder.

Sudut pandang lain