Ferry Works
KaryaProsesTentangRésuméKontak
Senior Product DesignerVisual Designer7+ TAHUN · UI/UX · WEB3
Semua proyekStudi kasus

Game Interface Study

Identitas brand dan sistem HUD untuk Hunters: Legend of Heroes, MOBA magitech imajiner yang dirancang untuk Argus Labs supaya terbaca kompetitif tanpa terasa mengintimidasi.

Kunjungi argus.gg
Klien
Argus Labs
Sektor
Gaming · MOBA
Peran
Senior Product Designer
Tim
Solo
Periode
2024
Permukaan
Game desktop · UI landscape
Layar lobby Hunters: Legend of Heroes di atas monitor desktop, dibingkai tombol Play, daftar teman, dan kartu match terakhir yang dibangun dari sistem brand magitech Argus Labs

Ringkasan

01 · Brief-nya

Argus Labs, studio di balik World Engine, meminta eksplorasi brand dan UI untuk sebuah MOBA imajiner: sesuatu yang cukup stylised untuk terasa premium, tanpa kehilangan kejelasan yang dibutuhkan health bar atau minimap di tengah pertarungan.

Cakupan

Yang saya kerjakan

  1. 01Bedah kompetitor
  2. 02Identitas brand & sistem warna
  3. 03Arahan tipografi
  4. 04Information architecture
  5. 05Wireframe
  6. 06Desain antarmuka
  7. 07Desain HUD & overlay
  8. 08Mini design system
  9. 09Prototyping
  10. 10Design QA

Masalah

02 · Titik rusaknya

Kebanyakan interface MOBA terbaca terlalu kasual atau terlalu padat, dan Hunters tidak boleh jadi keduanya.

Argus Labs meminta eksplorasi UI dan brand untuk Hunters: Legend of Heroes, sebuah MOBA magitech imajiner, di genre yang interface-nya biasanya jatuh ke dua mode kegagalan: game kasual yang terasa terlalu tipis untuk pemain kompetitif, dan game hardcore yang HUD-nya terlalu padat sampai pemain baru menyerah sebelum match pertamanya selesai.

Brief-nya membawa satu tegangan lagi: audiens midcore menginginkan kedalaman visual game hardcore, tapi tidak mau menanggung biaya onboarding-nya, jadi setiap layar, dari lobby sampai health bar, harus terbaca kompetitif tanpa terasa mengintimidasi.

Pendekatan

03 · Cara kerjanya

Satu identitas magitech dari tiga referensi, dibawa ke setiap elemen HUD.

Bahasa visualnya meminjam palet warna Cyberpunk, layout dan hierarki DOTA, dan framing tim ala Heroes of the Storm, lalu mengikatnya dengan palet brand empat warna, Cyber Pink, Magic Yellow, Fusion Cyan, dan Bloody Red, bentuk geometris dan tipografi DIN Next LT Pro untuk sisi teknologi dari magitech, efek glow dan logotype Hunters untuk sisi magisnya.

Sebuah mini design system, health bar, skills and inventory, chat, banner tim in-game, minimap, tombol, menjaga setiap elemen itu tetap konsisten baik saat muncul di chrome lobby maupun di atas gameplay langsung.

Identitas itu lalu diuji lewat interface yang sebenarnya: lobby yang menjaga Play sebagai satu-satunya aksi solid di sebelah daftar teman, guild, dan kartu match terakhir, dan HUD pertarungan yang health, mana, minimap, panel skill dan inventory, banner tim, serta chat semuanya terbaca sekilas.

Layar

Empat layar, satu sistem identitas

Hasil

06 · Yang dihasilkan studi ini

4 warnaCyber Pink, Magic Yellow, Fusion Cyan, dan Bloody Red membawa brand
3Cyberpunk, DOTA, dan Heroes of the Storm melebur jadi satu identitas
6Health, mana, minimap, skill, chat, dan banner tim berbagi satu HUD
2 layarLobby dan HUD pertarungan menjalankan sistem yang sama

Sebuah studi UI dan brand konsep untuk Argus Labs, bukan game yang dirilis: angka ini menggambarkan sistem desainnya, bukan data produksi.

Deliverable

Yang diserahkan ke tim

Next caseRampage Game QuestAntarmuka gameRampage Game Quest