Jasa Desain UI/UX

Konteks & Tantangan

Tentang Newjersey.rentals

Newjersey.rentals adalah platform berbasis komunitas di New Jersey tempat tuan rumah lokal mencantumkan properti mereka dengan biaya tuan rumah 0%, harga tamu yang lebih rendah, dan dukungan nyata dari penduduk lokal sungguhan—membuat setiap penginapan lebih terjangkau, otentik, dan didukung oleh orang-orang yang paling mengenal New Jersey.

Persyaratan

Untuk Newjersey.rentals, kami memiliki kesempatan untuk memimpin desain UI/UX dari bawah ke atas. Mengingat visi klien untuk platform yang sangat disesuaikan — yang bergerak jauh melampaui tampilan dan nuansa default Sharetribe menuju pengalaman yang lebih modern yang terinspirasi oleh platform pasar utama — kami menyadari pentingnya tidak terburu-buru dalam desain. Sebaliknya, kami mengambil pendekatan yang bijaksana, mendedikasikan waktu untuk mengeksplorasi dan mengklarifikasi aspek-aspek kunci dari persyaratan klien sebelum bergerak maju.

Pendekatan

Proposal proses

Untuk memastikan kami sepenuhnya memahami dan selaras dengan persyaratan klien sebelum menyelami eksekusi, kami mengusulkan proses langkah demi langkah yang terstruktur. Setiap tahap dirancang untuk membangun fondasi yang kuat untuk yang berikutnya, memungkinkan kami untuk mengulangi dengan serius dan mempertahankan momentum. Prosesnya termasuk:

• Wireframing
• Lingkaran umpan balik
• Desain kesetiaan tinggi
• Lingkaran umpan balik
• Pengembang handoff
• Dukungan pengembangan
• Desain halaman pemasaran
• Lingkaran umpan balik
• Pengembangan halaman pemasaran (Webflow)
• Lingkaran umpan balik
• Video bimbingan
• Dukungan berkelanjutan

Sepanjang seluruh perjalanan, umpan balik dan penyempurnaan dijalin ke dalam setiap fase. Pendekatan ini memungkinkan kami untuk terus meningkatkan kualitas platform sambil tetap berada di jalur untuk peluncuran tepat waktu.

Desain platform utama

Seperti proyek berbasis ShareTribe kami yang lain, kami harus dengan hati-hati menyeimbangkan batasan waktu, batasan anggaran, dan kemampuan asli Sharetribe di hampir setiap langkah. Tujuan kami adalah untuk menghadirkan platform modern yang disempurnakan — tanpa mengorbankan garis waktu atau stabilitas pengembangan. Ini berarti memastikan ada cukup buffer untuk pengembangan dan pengujian menyeluruh, meminimalkan bug dan masalah pasca-peluncuran.

Kami mulai dengan membuat wireframe terperinci untuk memetakan semua fitur dan fungsionalitas platform. Dengan kolaborasi erat dari tim pengembangan, kami menyesuaikan wireframe ini agar sesuai dengan kerangka kerja Sharetribe—mencapai keseimbangan yang cermat antara harapan klien dan apa yang dapat diterapkan secara realistis oleh pengembang.

Setelah set fitur ditentukan, kami beralih ke desain dengan fidelitas tinggi. Berkat pengiriman konten klien yang tepat waktu, fase ini berjalan dengan lancar. Sepanjang tahap ini, tim pengembangan dan klien tetap terlibat secara aktif—meninjau, menyempurnakan, dan memberikan umpan balik pada elemen desain, fitur, fungsionalitas, dan perilaku pengguna.

Untuk memastikan kejelasan dan keselarasan, kami membuat anotasi desain dengan kesetiaan tinggi kami dengan catatan terperinci dan deskripsi perilaku. Ini membantu klien memahami dengan tepat bagaimana elemen akan berfungsi pasca-pengembangan, mengurangi kejutan dan kesalahpahaman — area yang kami temukan sering diabaikan oleh tim desain lainnya.

Halaman pemasaran

Selain platform pasar inti, NewJersey.rentals bertujuan untuk memperkuat kehadiran pemasarannya melalui sistem yang disempurnakan dari posting blog yang dioptimalkan SEO dan halaman arahan yang ditargetkan dengan konten dan kata kunci yang dibuat dengan baik.

Untuk mendukung inisiatif ini, kami memilih Webflow sebagai platform pilihan, berkat CMS yang fleksibel dan ramah pengguna. Setelah desain selesai, kami bergerak cepat ke pengembangan dalam Webflow.

Kami menerapkan beberapa fitur khusus untuk meningkatkan pengalaman pengguna dan kinerja SEO, termasuk:

• Kalkulator tabungan untuk menunjukkan berapa banyak host dapat menghemat dengan NewJersey.rentals dari penghasilan mereka, dibandingkan dengan platform lain.
• Daftar isi dinamis untuk navigasi konten yang lebih baik
• Alat berbagi sosial terintegrasi ke dalam setiap posting blog
• Markup skema dinamis per halaman blog untuk mendukung hasil mesin pencari yang kaya

Dengan CMS Webflow yang kuat, klien sekarang memiliki sistem konten yang dapat diskalakan dan mudah dikelola, memberdayakan mereka untuk membuat, menerbitkan, dan mengoptimalkan konten blog secara mandiri — mendorong lalu lintas jangka panjang dan visibilitas untuk platform.

Hasil

Berkat proses yang terstruktur dengan baik dan loop umpan balik yang berkelanjutan, Newjersey.rentals berhasil diluncurkan tepat waktu dan sekarang berjalan dengan lancar. Meskipun masih ada peluang untuk perbaikan lebih lanjut, pertukaran tertentu diperlukan karena keterbatasan waktu dan anggaran. Konon, peningkatan sudah berlangsung, memastikan platform terus berkembang dan meningkat melampaui rilis awalnya.

Konteks & Tantangan

Tentang StatLiving

StatLiving adalah merek mapan yang menawarkan solusi perumahan jangka pendek dan jangka panjang untuk mahasiswa dan profesional medis di lima wilayah New York City dan Long Island.

Dengan rencana untuk meningkatkan skala nasional — dan akhirnya, secara global — StatLiving telah memilih Sharetribe sebagai platform pilihannya dan bermitra dengan Journeyhorizon untuk memimpin pengembangan dan perluasan pasar generasi berikutnya.

Tantangan

Seiring kemajuan pengembangan, klien dan tim pengembang mengidentifikasi area yang dapat ditingkatkan untuk meningkatkan pengalaman pengguna. Namun, mereka menghadapi tantangan dalam memvisualisasikan seperti apa perbaikan itu dan bagaimana menerapkannya secara efektif. Di situlah tim kami ikut campur — membawa kejelasan dan arahan dengan mengidentifikasi peluang untuk perbaikan di UI dan UX.

Pendekatan

Klarifikasi persyaratan

Untuk proyek seperti ini, tantangan utama adalah menyelaraskan solusi kami dengan kemampuan Sharetribe—memastikan solusi tersebut layak secara teknis, hemat biaya, dan realistis dalam waktu yang ketat, terutama dengan peluncuran yang akan datang.

Untuk mengatasi hal ini, kami mengadakan sesi kolaboratif dengan tim pengembangan untuk mendapatkan pemahaman yang jelas tentang kemajuan saat ini dan mengidentifikasi titik-titik sakit dari perspektif mereka. Wawasan yang dikumpulkan selama diskusi ini memainkan peran penting dalam membentuk solusi praktis dan efektif yang kami usulkan.

Apa yang harus dilakukan

Perbaikan Utama yang Diidentifikasi dan Diusulkan:

• Keterlibatan Homepage: Homepage yang ada tidak memiliki konten yang menarik dan tidak menampilkan daftar properti—salah satu elemen utama yang digunakan pengguna ke platform. Kami merekomendasikan untuk menampilkan daftar secara mencolok untuk menarik minat pengguna segera.
• UI dan Struktur Konten: Antarmuka pengguna secara keseluruhan mengalami kontras dan tata letak yang buruk, membuat konten sulit untuk dipindai—terutama pada halaman padat informasi seperti alur checkout. Kami mengusulkan hierarki visual yang lebih bersih dan peningkatan keterbacaan di seluruh situs.
• Pemisahan Aliran Tamu vs Tuan Rumah: Untuk merampingkan pengalaman pengguna, kami menyarankan untuk membuat alur navigasi yang berbeda untuk tamu dan tuan rumah. Hal ini memungkinkan setiap jenis pengguna untuk menemukan tindakan dan informasi yang relevan dengan lebih cepat dan intuitif.

Eksekusi

Kami berkolaborasi erat dengan tim pengembangan dalam proses langsung dan berulang. Seiring kemajuan desain, tim pengembang secara aktif meninjau pekerjaan kami, memberikan umpan balik real-time, dan kami membuat pembaruan berkelanjutan sesuai dengan itu. Pendekatan ini secara signifikan mengurangi komunikasi bolak-balik dan membantu merampingkan transisi dari desain ke implementasi—menghemat waktu dan tenaga.

Hasil

Sebagai hasil dari pendekatan kolaboratif dan berulang kami, desain akhir selaras dengan kemajuan pengembangan saat ini. Ini tidak hanya memastikan kelayakan teknis tetapi juga memberdayakan tim pengembangan untuk bergerak maju secara efisien tanpa pengerjaan ulang besar-besaran. Dengan mengadaptasi desain dengan kendala dan umpan balik real-time, kami membantu tim tetap di jalur dan dengan percaya diri memenuhi tenggat waktu peluncuran proyek.

Konteks

Tentang TurtLeci

‍

TurtleCI adalah platform ramah pengembang yang dirancang untuk membuat Integrasi Berkelanjutan dan Pengiriman Berkelanjutan (CI/CD) cepat, terjangkau, dan dapat diakses oleh semua orang.

Di jantung TurtLeci adalah empat nilai panduan:

• Bantu orang lain berhasil
• Banggalah dengan pekerjaan Anda
• Menyelesaikan komitmen Anda
• Penatalayanan

Nilai-nilai ini menginspirasi setiap solusi yang kami buat—sehingga pengembang dapat membangun, mengirimkan, dan menskalakan dengan percaya diri.

‍

Persyaratan

TurtleCI sedang mempersiapkan peluncuran dan membutuhkan situs web yang secara efektif terhubung dengan audiensnya dan mendukung kampanye pemasaran yang akan datang.

Untuk mencapai hal ini, kami akan bekerja sama erat dengan tim pengembangan dan pemasaran untuk memastikan situs web mencerminkan pesan, branding, dan visi keseluruhan platform yang tepat.

‍

Apa yang kami lakukan

Desain website

Karena TurtleCI sudah memiliki fondasi merek yang mapan, kami dapat bergerak langsung ke fase desain tanpa proses eksplorasi yang panjang. Sebelum ini, kami berkolaborasi dengan tim pemasaran untuk mengembangkan struktur konten yang jelas dan efektif, memastikan bahwa pesan utama dan kata kunci yang relevan terintegrasi dengan baik.

Tujuan dari situs web TurtLeci adalah untuk membangun identitas merek yang ada sambil mempertahankan desain yang bersih dan lugas. Konten akan ringkas dan mudah dipindai, memungkinkan pengembang untuk dengan cepat mengakses informasi yang mereka butuhkan tentang platform.

Responsivitas seluler adalah prioritas utama, karena sebagian besar lalu lintas diharapkan berasal dari perangkat seluler. Situs harus memberikan pengalaman yang mulus di semua ukuran layar.

Pengembangan alur web

Dengan desain selesai, kami pindah ke fase pengembangan Webflow. Sebagai pengembang Webflow berpengalaman, tim kami memberikan situs web yang sepenuhnya responsif dengan semua fitur yang diuji secara menyeluruh dan berfungsi dengan mulus.

Anda dapat mempelajari lebih lanjut tentang keahlian pengembangan Webflow kami dengan menjelajahi dedikasi kami halaman layanan.

Kami juga berkolaborasi erat dengan tim pemasaran sekali lagi untuk memastikan implementasi SEO yang tepat dan konfigurasi siap kampanye sudah ada sejak awal.

‍

Hasil

Hasilnya adalah situs web yang komprehensif dan berkinerja tinggi yang dengan jelas mengkomunikasikan visi dan pesan TurtLeci. Dibangun dengan fondasi SEO yang kuat dan dioptimalkan untuk kinerja, situs ini dilengkapi sepenuhnya untuk mendukung pertumbuhan TurtleCI dan membantu platform mencapai ketinggian baru.

Konteks & Tantangan

Tentang Novabridge

Novabridge adalah Mitra Elite ServiceNow yang berbasis di Australia, memberikan layanan otomatisasi, konsultasi, dan implementasi tingkat perusahaan untuk sektor pemerintah dan swasta. Dikenal karena keahlian teknis dan budaya unik mereka yang mendalam, Novabridge membantu organisasi besar merampingkan operasi internal melalui solusi digital yang kuat.

Tantangan

Sebelum mendesain ulang, situs web Novabridge tidak memiliki aliran pengguna yang jelas dan dapat diskalakan. Arsitektur informasi tidak terstruktur dengan baik, dengan hierarki visual dan kontras yang terbatas, sehingga sulit bagi pengguna untuk menavigasi dan memahami konten. Selain itu, situs ini tidak ramah seluler, yang secara signifikan mempengaruhi pengalaman pengguna secara keseluruhan.

‍

Novabridge mendekati Journeyhorizon untuk sepenuhnya menata ulang pengalaman pengguna dan identitas visual situs web mereka sambil membangun fondasi pengembangan yang dapat diskalakan. Tujuan mereka adalah untuk memberikan situs yang terasa “kutu buku, aneh, mengesankan” namun tetap minimal dan kontras tinggi, tetap setia pada kepribadian merek mereka yang tidak konvensional namun didorong oleh ahli.

Pendekatan

Eksplorasi & penelitian platform

Kami mulai dengan mengaudit situs yang ada untuk mengidentifikasi kekuatan dan titik kesulitan di seluruh aliran pengguna, struktur, dan kegunaan. Secara bersamaan, kami membenamkan diri dalam pedoman merek dan visi internal Novabridge untuk menyelaraskan arah kami dengan gaya khas mereka, menyeimbangkan minimalis dengan eksentrisitas dan keberanian.

‍

Bekerja sama dengan Dewan Direksi Novabridge sepanjang proses, kami:

• Melakukan UX penuh dan audit konten
• Mendefinisikan struktur konten inti dan perjalanan pengguna
• Menyampaikan wireframe dengan fidelitas rendah untuk memvalidasi struktur dan aliran
• Mengembangkan desain UI dengan kesetiaan tinggi yang mengekspresikan nada merek (kutu buku, aneh, kontras tinggi)
• Menerapkan situs web akhir menggunakan Webflow dan kerangka pengembangan internal kami untuk memastikan skalabilitas masa depan dan waktu pembuatan yang cepat

Masalah yang diidentifikasi

• Kurangnya aliran pengguna yang jelas: Situs asli tidak memiliki jalur logis untuk diikuti pengguna, yang menyebabkan kebingungan dan pengunduran diri lebih awal.
• Skalabilitas terbatas: Struktur lama tidak dibangun untuk pertumbuhan, sehingga sulit untuk menambahkan halaman atau konten baru tanpa merestrukturisasi semuanya.
• Hirarki & kontras informasi yang buruk: Pesan utama hilang dalam tata letak karena hierarki visual yang lemah dan kontras rendah antara elemen konten.
• Pengalaman seluler yang tidak ramah: Situs ini tidak responsif, menyebabkan frustrasi bagi pengguna yang mengakses melalui smartphone dan tablet.

Solusi

Berdasarkan penelitian kami dan kolaborasi erat dengan klien, kami memberikan pengalaman digital yang sepenuhnya didesain ulang:

• Bangun Kembali Arsitektur Informasi: Kami merestrukturisasi seluruh aliran konten, menyediakan jalur yang jelas bagi pengguna untuk menjelajahi layanan, nilai, dan opsi kontak—masing-masing didukung oleh CTA yang kuat dan jelas.
• Eksekusi Identitas Visual: Desain UI memanfaatkan tipografi yang berani, skema warna kontras tinggi, tata letak minimalis, dan detail eksentrik yang halus untuk mencerminkan kepribadian Novabridge yang “aneh tapi ahli”.
• Pengembangan Webflow yang Dapat Diskalakan: Menggunakan kerangka kerja Webflow khusus Journeyhorizon, kami membangun situs modular yang didukung CMS yang memungkinkan klien menambahkan studi kasus, posting blog, dan daftar pekerjaan dengan mudah di masa depan—tanpa memerlukan dukungan pengembang.
• Desain Responsif Pertama Seluler: Kami memastikan pengalaman ini mulus di semua perangkat, dengan pengoptimalan unik untuk seluler untuk meningkatkan kegunaan dan keterbacaan.

Hasil

Situs web yang didesain ulang berhasil menangkap identitas Novabridge yang tidak konvensional namun profesional sambil sangat meningkatkan kegunaan, kinerja, dan skalabilitas. Hasil awal dan umpan balik termasuk:

• Navigasi dan alur pengguna yang jauh lebih jelas
• Umpan balik positif yang kuat dari pemangku kepentingan internal dan klien
• Peningkatan kepemilikan internal: Tim Novabridge sekarang mengelola dan memperbarui konten secara mandiri
• Meningkatkan kepercayaan diri dalam menggunakan situs sebagai alat pengembangan bisnis

Konteks & Tantangan

Tentang HomeBakedNearby

BerandaBakedTerdekat adalah platform pasar yang menghubungkan pelanggan di seluruh Texas dengan jaringan luas pembuat roti rumahan. Ini memberdayakan tukang roti berbasis rumah dan orang tua yang tinggal di rumah untuk mengembangkan bisnis mereka, menjangkau lebih banyak pelanggan, dan beroperasi tanpa tekanan dan inefisiensi khas industri kue rumahan.

Tantangan

Setelah diluncurkan, HomeBakedNearby menghadapi tantangan dengan konversi pelanggan. Klien, bersama dengan tim pengembangan mereka, menghubungi kami untuk mengidentifikasi peluang untuk perbaikan—berfokus terutama pada beranda dan aliran pemesanan, dua area paling kritis yang memengaruhi konversi.

Pendekatan

Eksplorasi & penelitian platform

Kami melakukan eksplorasi mendalam dari situs web HomeBakedNearby, menguji fitur dan interaksi utamanya. Untuk mendapatkan pemahaman yang lebih dalam dan mengungkap masalah, kami membuat peta perjalanan pengguna yang komprehensif dari perspektif pelanggan biasa. Perjalanan ini dengan jelas mengungkapkan beberapa masalah yang mempengaruhi pengalaman pengguna secara keseluruhan, yang berasal dari faktor subjektif (berbasis emosi/frustrasi) dan objektif (berbasis fungsional/kegunaan).

Masalah yang diidentifikasi

• Keterlibatan rendah di beranda: Homepage dipenuhi dengan informasi tetapi tidak memiliki visibilitas langsung produk — kehilangan nilai inti yang dicari pelanggan.
• Proses pemesanan yang membingungkan dan tidak efisien: Keterbatasan dalam pengaturan Sharetribe default menyebabkan penundaan dan membuat aliran pemesanan tidak intuitif.
• Logika cacat dalam pencocokan cart-to-baker: Pelanggan harus secara manual mencari pembuat roti yang tepat untuk produk di keranjang mereka, yang menyebabkan mundur dan frustrasi yang tidak perlu.
• Hubungan lemah antara produk dan pembuat roti: Ada kurangnya hubungan kontekstual, yang mengurangi kepercayaan dan kejelasan pengguna.
• Peluang copywriting: Beberapa bagian dapat ditingkatkan dengan pesan yang lebih ringkas, menarik, dan persuasif.

Solusi

Berdasarkan penelitian kami, dikombinasikan dengan umpan balik klien dan masukan teknis dari tim pengembangan, kami membuat peta perjalanan pengguna yang direvisi yang membahas masalah utama yang diidentifikasi sebelumnya. Ini didukung oleh satu set wireframe untuk memvisualisasikan bagaimana peningkatan yang diusulkan akan terbentuk dalam pengalaman aktual.

Hasil

Pada akhirnya, kami mengidentifikasi daftar lengkap perbaikan potensial. Namun, dalam pengembangan, menemukan solusi hanyalah bagian dari tantangan — eksekusi membutuhkan waktu dan anggaran. Untuk memastikan jalur praktis ke depan, kami mengadakan pertemuan penyelarasan dengan klien dan tim pengembangan untuk memprioritaskan perbaikan, sehingga memudahkan klien untuk membuat keputusan berdasarkan informasi dan bergerak maju secara efisien.

Konteks & Tantangan

Tentang Vennu

Vennu adalah platform pasar yang menyatukan mereka yang memiliki aset komunitas dan orang-orang yang mencari ruang yang sempurna untuk semua jenis kegiatan dan acara (besar dan kecil). Didirikan dengan visi untuk menghembuskan kehidupan baru ke dalam ruang yang unik dan tidak terpakai, Vennu merevolusi cara masyarakat terlibat dengan dan memanfaatkan ruang yang tersedia.

Tantangan

Melalui operasi mereka, tim Vennu telah menerima banyak umpan balik dan permintaan dari tuan rumah tentang bagian tertentu dari platform: manajemen pemesanan.

Kalender default Sharetribe berfungsi tetapi berfungsi tidak cukup dengan banyak host. Karena banyak tuan rumah telah terbiasa mengelola pemesanan mereka di platform kalender seperti Kalender Google, atau platform persewaan lainnya seperti Airbnb. Mereka menganggapnya sebagai bagian penting yang hilang di Vennu, terutama untuk host terbesar di platform, yang mengelola banyak pemesanan setiap hari.

Pendekatan

Eksplorasi & penelitian platform

Langkah pertama untuk setiap penelitian platform yang mapan adalah mengeksplorasi dan memahami platform. Dengan dukungan tim pengembang, kami tidak hanya melalui area manajemen pemesanan, tetapi area lain dari platform juga untuk memiliki pemahaman yang luas tentang pengguna Vennu dan konteks masalahnya.

‍

Kami kemudian mengunjungi platform rental lain seperti Airbnb, Booking.com, dan beberapa platform Kalender seperti Calendly untuk meneliti berbagai pendekatan yang mungkin.

Kebutuhan Vennu

Selain meneliti pesaing, platform terkait domain lainnya, penting untuk mendengarkan apa yang sebenarnya dibutuhkan host Vennu. Untuk ini, kami meminta tim Vennu untuk terus mengumpulkan lebih banyak umpan balik dari host di platform sementara kami mulai menyusun, melakukan wireframing pada kemungkinan.

Solusi

Dari penelitian, bersama dengan persyaratan Vennu dan umpan balik tuan rumah, kami mulai merancang fitur manajemen kalender/pemesanan yang disesuaikan dengan Vennu.

‍

Karena kendala pengembangan, kami hanya melangkah sejauh wireframe karena tim pengembangan akan memanfaatkan pengaturan branding saat ini di Sharetribe untuk menghemat tenaga dan waktu.

Beberapa persyaratan dan masalah yang ditangani kalender ini:

• Kalender multi-tujuan: Mengelola pemesanan, mengelola hari dan jam buka, memodifikasi pemesanan individu,...
• Pemesanan yang bertentangan karena penggabungan kalender dari impor kalender eksternal
• Manajemen internal dengan catatan
• Tampilan kalender minggu dan bulan
• Manajemen tag kustom
• Seluler responsif

Dan banyak lagi...

Hasil

Hasilnya tidak mudah tetapi melalui berbagai putaran umpan balik dan kolaborasi dengan tim pengembangan, kami mencapai konsep manajemen kalender/booking yang tepat seperti yang dibayangkan tim Vennu dan layak untuk dikembangkan.

‍

Untuk bagian akhir dari proses, kami mengadakan pertemuan serah tangan dengan tim pengembang dan berkat kolaborasi yang erat, itu sangat mudah.

‍

Kalender selalu menjadi salah satu bagian tersulit dari platform manajemen karena sangat bervariasi pada tujuan, target, dan teknologi di belakang. Itu adalah pengalaman hebat bagi kami untuk menyelam jauh ke dalam aspek ini melalui penelitian hingga konsep akhir.