Web Design Yohellia Motor
Sitemap
Sitemap adalah map atau peta yang menjabarkan setiap halaman di website. Peta ini bukanlah sekadar elemen navigasi yang ditampilkan di bawah bagian header. Sitemap dibuat dalam format XML (Extensible Markup Language) dan digunakan oleh search engine untuk mempermudah indexing website.
Berikut adalah sitemap yang digunakan di dalam perancangan website dari Yohellia Motor
Wireframe
Wireframe adalah sketsa visual yang menggambarkan kerangka kerja dasar dari suatu halaman web atau aplikasi. Ini biasanya tidak mencakup elemen desain visual seperti warna atau gambar, tetapi akan menunjukkan tata letak dan penempatan elemen antarmuka pengguna, seperti tombol, menu, dan gambar.
Gambar-gambar di atas adalah rancangan wireframe yang digunakan untuk perancangan website Yohellia Motor
User Flow
Userflow adalah diagram yang menggambarkan langkah-langkah yang dilakukan pengguna saat berinteraksi dengan suatu produk, biasanya sebuah situs web atau aplikasi. Userflow membantu tim desain dan pengembangan memahami bagaimana pengguna akan bergerak melalui sistem untuk mencapai tujuan mereka.
Berikut adalah user flow dari rancangan website Yohellia Motor yang bergerak di bidang booking servis motor
Design Akhir (Mockup)
Desain akhir atau mockup design website adalah representasi visual yang lebih rinci dan berwarna dari tampilan akhir suatu website. Mockup biasanya mencakup elemen-elemen desain seperti tipografi, warna, gambar, dan efek visual lainnya.
Diatas merupakan landing page dari website Yohellia Motor yang dimana setiap kali user mengakses website dari Yohellia Motor maka landing page adalah halaman pertama yang akan ditampilkan
Ketika pengguna website ingin melakukan booking untuk servis maka pengguna akan ditampilkan oleh website tampilan seperti di atas yang dimana pada halaman tersebut pengguna diwajibkan mengisi data dengan baik dan benar
Selain dapat melakukan booking tidak lupa juga pengguna dapat melihat list booking yang ia sudah lakukan dan data yang ditampilkan juga akan sesuai dengan yang sudah diinputkan oleh user dan dengan adanya fitur ini diharapkan pengguna juga dapat datang ke bengkel Yohellia Motor dengan tepat waktu sesuai jadwal yang sudah dipilih
Selanjutnya di atas merupakan tampilan untuk sign in akun dari pengguna yang dimana jika pengguna ingin melakukan booking servis maka pengguna harus terlebih dahulu melakukan sign in akun yang sudah ada.
maka akan ada pertanyaan yang muncul, bagaimana jika belum memiliki akun??
jika ingin mencari jawabannya yukk scroll lagi :)
Yappss.... ini adalah jawaban dari pertanyaan di atas, bagi pengguna yang belum memiliki akun maka pengguna dapat terlebih dahulu melakukan sign up untuk mendaftar akun ke dalam sistem booking servis Yohellia Motor