Chesslers: Membuat Platform Game Web3

Apr 23 2023
Pembuatan Platform Catur Play-to-Earn
Pada Oktober 2022, saya mendapatkan pertunjukan keren ini sebagai desainer lepas melalui ADPList. Dan izinkan saya memberi tahu Anda, itu adalah perjalanan yang liar! Studi kasus ini adalah tentang apa yang terjadi dan apa yang kami capai.

Pada Oktober 2022, saya mendapatkan pertunjukan keren ini sebagai desainer lepas melalui ADPList. Dan izinkan saya memberi tahu Anda, itu adalah perjalanan yang liar! Studi kasus ini adalah tentang apa yang terjadi dan apa yang kami capai. Kami akan berbicara tentang proses, hasil, dan dampaknya.

Ayo Mainkan Game Ini!

  • Jadi, Respect adalah tentang menambahkan sedikit bumbu ke game Web2 yang ada dengan memasukkan lapisan taruhan. Dan Chessler ? Ya, itu salah satu bayi mereka — sebuah proyek yang secara khusus berfokus untuk membawa lapisan taruhan ini ke dalam permainan catur.
  • Pendiri menjangkau saya hanya dengan sebuah ide dan karenanya saya bertanggung jawab atas seluruh desain platform, dari awal hingga akhir.
    Itu melibatkan brainstorming ide, mencari tahu bagaimana pengguna akan menavigasi platform, mengumpulkan inspirasi melalui mood board, membuat wireframe, menghasilkan desain web dan seluler, dan bahkan membuat prototipe!
  • Salah satu area Web3 yang paling menarik adalah game play-to-earn. Ini mengacu pada game di mana pemain bisa mendapatkan cryptocurrency atau aset digital lainnya.
  • Catur adalah pilihan yang bagus untuk platform karena kedalaman intelektual dan daya tarik globalnya. Format catur kecepatan juga sangat cocok untuk gim ini karena alur permainannya yang cepat.
    Hal ini mempersulit pemain untuk berbuat curang atau terlibat dalam praktik yang tidak adil karena waktu untuk merencanakan dan menyusun strategi menjadi lebih sedikit.
  • Ketika saya memulai proyek, saya benar-benar pemula di keduanya: catur dan Web3, oleh karena itu salah satu tantangan utama adalah memahami seluk beluk keduanya untuk dapat menciptakan pengalaman yang lancar bagi pengguna.

Penelitian dan Ideasi:

Langkah pertama adalah memahami visi pendiri untuk proyek tersebut dan melakukan penelitian menyeluruh tentang Catur, game play-to-earn, dan teknologi Web3—ini melibatkan menghabiskan waktu di platform yang ada dan mengidentifikasi titik kesulitan dan peluang untuk perbaikan.

Alur Pengguna dan Wireframes:

Saya menganalisis berbagai interaksi pengguna yang akan terjadi di platform dan mengidentifikasi titik kontak utama . Ini membantu saya menentukan arsitektur informasi dan navigasi platform.
Saya membuat beberapa alur pengguna untuk menjelajahi berbagai skenario dan variasi, memungkinkan saya mengidentifikasi potensi masalah atau hambatan dalam perjalanan pengguna.
Saya bekerja sama erat dengan Pendiri untuk memastikan aliran pengguna selaras dengan visi mereka untuk platform.

perjalanan/alur pengguna untuk platform

Dengan pemahaman yang jelas tentang perjalanan pengguna, saya dapat melanjutkan ke tahap proses desain selanjutnya, yang melibatkan pengumpulan inspirasi dan pembuatan elemen visual platform.

Moodboards dan Elemen Desain:

Untuk mengatur nada estetika platform, saya membuat papan mood dan memilih sendiri berbagai elemen desain seperti tipografi, palet warna, dan gambar. Elemen-elemen ini membantu saya menetapkan arah visual untuk platform, menciptakan tampilan dan nuansa yang konsisten dan kohesif. Saya ingin desainnya menarik secara visual, fungsional, intuitif, dan mudah digunakan.

Cuplikan dari papan mood

Iterasi Desain Visual:

Di bagian ini, saya akan memandu Anda melalui berbagai iterasi yang saya buat untuk setiap bagian platform, termasuk halaman arahan, tantangan, dan profil pengguna. Desain akhir dan lengkap dapat ditemukan di bagian selanjutnya.

Karena keterbatasan waktu, saya memutuskan untuk meninggalkan wireframing dan langsung terjun ke fase desain visual. Pendekatan ini memungkinkan saya untuk dengan cepat membuat representasi platform yang nyata dan lebih memahami bagaimana elemen desain bekerja sama. Namun, saya terus mengulang dan menyempurnakan desain saat saya menerima umpan balik dan lebih banyak wawasan.

Beberapa desain halaman arahan awal

Untuk halaman arahan , kami memilih header pahlawan yang sederhana dan menarik, diikuti oleh CTA.
Saya bereksperimen dengan berbagai elemen desain seperti latar belakang tanda air yang berbeda, gambar dan bidak papan catur utama, dan menempatkan bidak catur di navigasi kiri dan atas.
Setelah desain untuk bagian pahlawan selesai, saya menambahkan bagian lain seperti bagian ' bagaimana cara kerjanya ', testimonial, tautan media sosial, dan catatan kaki di halaman arahan.

Alur masuk/Daftar untuk pengguna baru dan yang sudah ada

Untuk memfasilitasi gameplay di Lichess , kami membuat alur Masuk/Daftar untuk pengguna yang mengalihkan mereka ke platform. Untuk memastikan pengalaman yang lancar, kami merancang alur yang berbeda untuk pengguna baru dan yang sudah ada dan menggunakan nomor telepon sebagai metode autentikasi utama.

'Teka-teki hari ini' untuk mendapatkan koin & iterasi 'Papan peringkat'

Untuk memulai perjalanan pengguna baru, kami membuat halaman "Puzzle of the Day" sebagai titik awal. Idenya adalah untuk memberi insentif kepada pengguna untuk memecahkan teka-teki harian dan mendapatkan koin, yang kemudian dapat mereka gunakan untuk mempertaruhkan dan memainkan tantangan tambahan di platform.
Desain Papan peringkat sedikit rumit karena banyaknya informasi dan filter yang harus ditampilkan secara bersih dan teratur.

Iterasi tata letak halaman 'Tantangan'

Desain dan tata letak halaman Tantangan membutuhkan iterasi dan kolaborasi yang signifikan, karena melibatkan penggabungan berbagai blok, format, dan bagian.

Iterasi halaman 'Profil'

Desain halaman Profil bertujuan untuk memberi pengguna gambaran menyeluruh tentang aktivitas mereka di platform, termasuk statistik game, hadiah yang diperoleh, dan tantangan saat ini. Itu dirancang agar mudah dinavigasi, dengan ajakan bertindak yang jelas untuk mendorong pengguna agar terus terlibat dengan platform.

Iterasi dan Umpan Balik:

Umpan balik dan diskusi dengan pendiri dan pengembang

Selama proses desain, saya mendapat umpan balik dan sesi diskusi reguler dengan pendiri dan pengembang platform. Sesi ini sangat penting dalam membantu saya memahami visi mereka untuk proyek dan umpan balik mereka memungkinkan saya untuk mengulangi dan menyempurnakan elemen desain.

Desain Akhir — Web dan seluler:

Prototipe Web

Lihat prototipe desain akhir dan File Figma .

Skema warna dan Font

Saya memilih tema gelap untuk platform permainan catur web3 karena selaras dengan getaran web3 dan catur yang ingin kami buat.
Dan untuk membuat platform terasa lebih premium dan memberi kesan seperti emas, saya menggunakan warna kuning. Lagi pula, platform ini membantu Anda menghasilkan uang, jadi ini akan terasa seperti pengalaman yang berharga!

Terlepas dari ini, saya tidak terlalu memusingkan pilihan font, hanya terjebak dengan yang default karena terlihat bagus dan terbaca

Fitur untuk Membuat Anda Menjadi "Skakmat!"

Pengguna mendapatkan kredit $5 untuk bergabung dengan platform, yang selanjutnya mendorong mereka untuk bermain dan menghasilkan.

Pemain dapat masuk menggunakan akun Lichess mereka untuk menyinkronkan peringkat, penghasilan, dan kemajuan mereka.

Pemain dapat memilih format yang telah ditentukan sebelumnya untuk catur kecepatan/peluru, atau membuat tantangan khusus .
Setelah format dipilih, mereka dapat membuat tantangan terbuka (yang dapat diikuti oleh pemain lain) atau mereka dapat meminta pemain tertentu untuk tantangan tersebut.

Pemain dapat melihat permintaan yang telah mereka terima dan dapat menerima atau menolaknya . Mereka juga dapat melihat tantangan terbuka dan mulai memainkan salah satunya. Mengklik salah satu opsi ini akan mengarahkan mereka ke Lichess , tempat mereka benar-benar memainkan permainan dengan lawan.
Pemain juga dapat melihat tantangan yang telah mereka buat, dan mengurutkannya sesuai format, dll. Mereka dapat membagikan atau menghapus tantangan yang mereka buat.

Halaman profil publik dan pribadi memiliki sedikit perbedaan.
Halaman profil publik memberikan opsi untuk menantang pengguna dan menampilkan statistik dan info mereka.
Halaman profil pribadi memberi pengguna opsi untuk keluar dan mengedit profil mereka, analitik terperinci mereka, jumlah yang mereka menangkan dan kalah, dll.

Ini adalah beberapa fitur utama dari platform ini! Sekarang mari beralih ke bagaimana reaksi pengguna kita.

Hasil dan Dampak: Pengguna Kami Sangat Catur!

  • Platform ini diluncurkan sekitar 5 bulan yang lalu dan sejak saat itu, memperoleh 1000+ pengguna yang senang, mengadakan beberapa turnamen catur di perguruan tinggi seperti IIT Kharagpur, IIT Kanpur, BITS Goa dan Hyderabad, Universitas Delhi, VIT, dan banyak lagi.
  • Dari Respect's LinkedIn
  • Platform ini juga menjadi tuan rumah tantangan harian dan turnamen mingguan dan melihat partisipasi besar dari penggemar catur.
  • Sejujurnya saya sangat senang mengerjakan proyek ini. Beralih dari sebuah ide menjadi MVP dalam waktu satu bulan, merupakan pengalaman baru dan menarik.
  • Interaksi LinkedIn dengan pendiri
  • Fitur tambahan pasti akan hadir dalam waktu dekat; dari POV desain, saya mungkin akan segera membangun sistem desain. Ini termasuk menentukan tipografi, palet warna, ikonografi, spasi, tata letak, dan elemen desain lainnya.

Kami bangga dengan apa yang telah kami capai dan berharap untuk terus meningkatkan dan berinovasi dalam proyek ini. Terima kasih telah bergabung dengan saya dalam perjalanan ini dan kami berharap dapat melihat Anda di papan catur!

Jika Anda menikmati pekerjaan saya, hubungi saya untuk mendiskusikan lebih lanjut proyek ini atau ide Anda sendiri! Saya terbuka untuk peluang lepas dan penuh waktu.