DoLearn

Unfair Competition 🤡: Building Web App Through Design Challenges

Learning Management System (LMS) Web App

Ahmad Yafi
4 min readMay 21, 2022

--

DoLearn merupakan sebuah Learning Management System berbasis web app yang akan digunakan oleh sebuah sekolah atau instansi pendidikan non fomal dalam menjalankan proses pembelajaran.​

Ini merupakan pengembangan dari project MoLearn sebelumnya yang memenangkan kompetisi UI Design, sehingga saya memangkas tahap research dengan memanfaatkan informasi dari research sebelumnya. Project ini juga diikutkan dalam sebuah kompetisi.

Role (Solo)

Led end-to-end UIUX design

Duration

5 Days Process

What i do?

UX Design
Design System
UI Design
Prototyping
Testing

Design Challenge

How might we.

Merancang solusi untuk mengembangkan MoLearn yang sebelumnya sebuah Digital Classroom menjadi Learning Management System dimana ini memerlukan penambahan page dan fitur didalamnya.

Scope dari project ini adalah, mendesain ulang sitemap, mengembangkan design system, hingga prototype yang lebih interaktif menggunakan fitur variants pada figma.

Solution preview

Redesign Sitemap.

Beberapa page baru ditambahkan sehingga saya perlu menata ulang alur dari tiap page, section, hingga popup.

Sitemap

Sketching Wireframe.

Wireframe

Crafting UI Components and Style

Jika web app ini kedepannya perlu dikembangkan kedalam bentuk mobile version saya telah menyiapkan grid system. Terdapat juga tone of voices yang akan dijadikan patokan untuk ux writing.

Design System

‎‎‎‎‎‎‎‎ㅤ

Final UI Design

Final UI Design

Pototype & Testing

Usability testing using Maze.co

Dibawah ini merupakan serangkaian user testing untuk memastikan prototype dapat digunakan oleh user.

Maze Testing

Before & After

So, whats the different?

Dari segi layout tentu sangat nampak, terdapat perubahan posisi menu dan menambahkan visualisasi dari progress pembelajaran hingga. Saya juga menambahkan detail kecil yang memudahkan navigasi pengguna seperti category button dan breadcrumbs.

Before

‎‎‎‎‎‎‎‎ㅤ

After

‎‎‎‎‎‎‎‎ㅤ

Added

Too bad, project kalah lomba

Mungkin saja ada yang desainnya lebih bagus. Namun saya cukup kecewa dengan panitia lomba, dalam kompetisi ini mereka bahkan tidak menampilkan hasil desain para pemenang di platform manapun, tanpa menanyakan kesan pesan pada para pemenang, dan tidak ada feedback sama sekali. Seolah-olah peserta hanya menerima kalah menang begitu saja, tanpa mengetahui sejauh mana dan seperti apa hasil karya para pemenang. Jauh dari ekspektasi saya yang telah mengikuti beberapa perlombaan desain sebelumnya😤

Cukup disayangkan meskipun lomba ini tidak memungut biaya apapun dari peserta. Beberapa peserta mempertanyakan transparansi panitia.

Sertifikat Peserta
Dokumentasi Pengumuman Juara (hanya pengumuman juara saja, selepas itu langsung cabut!)

Conclusion

Hal diatas ini menjadi pembelajaran bagi saya, untuk menghidari kompetisi yang tidak clear (berubah-ubah) dalam membuat rules, dan pihak penyelenggara lomba yang tidak pernah menampilkan dokumentasi pada kompetisi sebelumnya yang mereka selenggarakan.​​

Diluar dari itu semua, saya sangat menikmati proses mendesain saya terutama pada saat menyusun design system dan prototype 🤗

--

--