Menghadirkan Wajah Baru Industri Kreatif Melalui Mediums

Mengenal Mediums

Mediums adalah landmark kreatif 24 jam yang baru, menjual beragam produk untuk mendukung kebutuhan kreatif semua orang. Mediums ingin menjadi tujuan utama bagi seniman, insan kreatif, dan para pemimpi dari berbagai kalangan.

Merek ini bertekad menghadirkan wajah baru bagi industri kreatif serta dunia perlengkapan seni dan alat tulis agar dapat diakses oleh semua orang.

Tantangan, Masalah, dan Solusi Kami

Seperti banyak proyek kompleks lainnya, aplikasi Mediums juga memiliki tantangan dan hambatannya sendiri.

Pekerjaan UX dan UI sama-sama besar, karena versi MVP aplikasi saja sudah memiliki lebih dari 200 layar. Mengingat proyek ini juga berdurasi sangat singkat, mitigasi risiko dan rencana cadangan serta sejumlah checkpoint diperlukan untuk memastikan fungsionalitas yang diinginkan tercakup dan nilai fitur MVP terpilih benar-benar tersampaikan tanpa mengorbankan kualitas maupun performa.

Menjaga tim agar tetap terlibat penuh, baik satu sama lain maupun dengan klien, sangat penting untuk memitigasi risiko.

Menyiapkan lingkungan untuk aplikasi mobile ternyata cukup sulit, karena minimnya dokumentasi dan contoh kode ADB2C serta MSEL. Kami juga mengadakan panggilan mingguan dengan tim dukungan Microsoft Azure untuk menyelesaikan masalah. Meskipun sebagian masalah tersebut masih ada, kami berhasil mengatasinya dan membangun solusi sementara yang berjalan dengan baik.

Masalah lain muncul karena titik integrasi sistem backend klien belum sepenuhnya dikembangkan dan tersedia. Namun, kami berhasil memanfaatkan waktu UAT yang telah ditetapkan untuk menyelesaikan layanan proxy kustom dan mengujinya dengan sukses, sehingga UAT bergeser hingga hanya beberapa hari sebelum tanggal peluncuran yang dijadwalkan.

Lingkup Pekerjaan dan Linimasa

Tujuan proyek Mediums adalah memungkinkan orang menjalani gaya hidup yang lebih berkelanjutan. Aplikasi mobile yang dirancang dengan cermat ini akan membuat seni dan desain seterbuka mungkin, sehingga pelanggan mendapatkan pengalaman yang paling mulus langsung dari perangkat mobile mereka. Mediums memanfaatkan aspek online ini untuk membantu pembeli menggunakan waktu mereka dengan lebih baik, agar dapat fokus berkarya alih-alih berbelanja.

Mediums menetapkan beberapa area utama untuk penawaran produk awal mereka sebagai proof of concept.

Design System

Design system adalah satu sumber kebenaran yang mengelompokkan semua elemen yang memungkinkan tim merancang, mewujudkan, dan mengembangkan sebuah produk. Design system bukanlah satu deliverable tunggal, melainkan sekumpulan deliverable.

Ikonografi

Ikon Mediums dirancang agar sederhana, modern, dan ramah. Setiap ikon disederhanakan ke bentuk minimalnya, sambil tetap menampilkan karakteristik utamanya.

Pengembangan

Untuk fase MVP proyek ini, kami membangun aplikasi mobile native dengan Swift untuk iOS dan Kotlin untuk Android, sekaligus menyertakan layanan API proxy backend berbasis NodeJS untuk berintegrasi dengan Microsoft Azure dan beberapa sistem internal yang aman.

Awalnya, rencana yang dibahas adalah agar aplikasi mobile berinteraksi langsung dengan berbagai sistem back office yang ada melalui API native masing-masing. Namun, proses discovery dengan cepat menunjukkan bahwa pendekatan proxy akan jauh lebih rapi dan menambahkan lapisan abstraksi, sehingga otorisasi, autentikasi, dan manajemen sesi dapat lebih konsisten di berbagai sistem internal dan eksternal. Pendekatan ini juga memberi tim fleksibilitas yang jauh lebih besar dalam mengelola perubahan, karena sebagian besar pekerjaan berat dipindahkan ke proxy backend NodeJS dan dapat diubah tanpa perlu membangun ulang dan melakukan deployment ulang aplikasi mobile.

Wireframe

Kami lebih dulu berfokus pada wireframe. Wireframe adalah diagram atau serangkaian diagram yang terdiri dari garis dan bentuk sederhana yang merepresentasikan kerangka antarmuka pengguna, sehingga fokus tetap pada fungsionalitas inti.

Pengalaman dan Antarmuka Pengguna yang Baru

Temukan kembali kreativitas Anda, langsung di ujung jari.

Desain akhir kami lahir dari banyak iterasi sepanjang fase UX dan UI. Kami mencapai hasil akhir ini dengan memanfaatkan pain point pengguna saat ini serta sasaran dan tujuan yang ditetapkan sejak awal.

Pencarian dan Penelusuran

Karena ada dua perilaku yang berbeda, dari pemula hingga ahli, kami merancang pengalaman yang mendukung pencarian spesifik sekaligus navigasi melalui penelusuran.

Pencarian membantu pengguna yang sudah memiliki produk tertentu dalam pikiran. Penelusuran kategori membantu mereka yang belum memiliki tujuan spesifik dengan memperkenalkan produk melalui kategori.

Mengoptimalkan Detail Produk

Konten di halaman produk berperan besar dalam menentukan apakah pengguna akan membeli atau tidak. Kami menyajikan semua informasi tanpa membuat pengguna kewalahan, sehingga mereka lebih memahami apa produknya, seperti apa tampilannya, dan bagaimana cara kerjanya.

Pemilihan varian produk juga terintegrasi dengan mulus di halaman detail produk.

Keranjang dan Rekomendasi

Mengoptimalkan rekomendasi di keranjang belanja adalah taktik cross-selling. Hasil akhir dari penerapan cross-selling di halaman keranjang adalah ukuran keranjang yang lebih besar. Selain itu, pelanggan dapat langsung menambahkan produk ke keranjang di sana tanpa perlu membuka halaman produk, sehingga risiko mereka meninggalkan situs web dapat diminimalkan.

Pelacakan Pesanan Real-Time

Menunjukkan kepada pelanggan posisi pesanan mereka secara real-time dengan informasi yang akurat.