West Bandits Solo
West Bandits Solo
West Bandits Solo
West Bandits Solo
West Bandits Solo
klub basket asal Kota Solo yang ingin membangun landing page modern dengan nuansa street dan sporty. Website ini mencakup company profile, berita basket & streetball, serta e-commerce merchandise untuk mendekatkan klub dengan para penggemar.
klub basket asal Kota Solo yang ingin membangun landing page modern dengan nuansa street dan sporty. Website ini mencakup company profile, berita basket & streetball, serta e-commerce merchandise untuk mendekatkan klub dengan para penggemar.
klub basket asal Kota Solo yang ingin membangun landing page modern dengan nuansa street dan sporty. Website ini mencakup company profile, berita basket & streetball, serta e-commerce merchandise untuk mendekatkan klub dengan para penggemar.
klub basket asal Kota Solo yang ingin membangun landing page modern dengan nuansa street dan sporty. Website ini mencakup company profile, berita basket & streetball, serta e-commerce merchandise untuk mendekatkan klub dengan para penggemar.
klub basket asal Kota Solo yang ingin membangun landing page modern dengan nuansa street dan sporty. Website ini mencakup company profile, berita basket & streetball, serta e-commerce merchandise untuk mendekatkan klub dengan para penggemar.
Tipe projek
Tipe projek
Tipe projek
Tipe projek
Tipe projek
Landing Page Website
Landing Page Website
Landing Page Website
Landing Page Website
Landing Page Website
Peran
Peran
Peran
Peran
Peran
Freelance UI Designer
Freelance UI Designer
Freelance UI Designer
Freelance UI Designer
Freelance UI Designer
Alat
Alat
Alat
Alat
Alat
Figma, Photoshop, Dribbble
Figma, Photoshop, Dribbble
Figma, Photoshop, Dribbble
Figma, Photoshop, Dribbble
Figma, Photoshop, Dribbble
Durasi
Durasi
Durasi
Durasi
Durasi
2 minggu
2 minggu
2 minggu
2 minggu
2 minggu












Metode
Metode
Metode
Metode
Metode






Empathise
Empathise
Empathise
Empathise
Empathise
Latar belakang
Latar belakang
Latar belakang
Latar belakang
Berawal di tahun 2018 sebagai hobi dan komunitas, dua bersaudara James Winson dan William Ongkowijaya mendirikan West Bandits karena kecintaannya terhadap bola basket. Komunitas ini menjadi wadah untuk mengembangkan bakat dan talenta para pemain muda. Dari basket jalanan, klub ini berhasil meraih prestasi sebagai juara divisi 1 KU 24–35 DKI Jakarta. Pada September 2020, West Bandits Solo resmi dipastikan mengikuti kompetisi tertinggi di tanah air, yaitu Indonesian Basketball League (IBL), sekaligus mewakili kota Solo, Jawa Tengah.
Berawal di tahun 2018 sebagai hobi dan komunitas, dua bersaudara James Winson dan William Ongkowijaya mendirikan West Bandits karena kecintaannya terhadap bola basket. Komunitas ini menjadi wadah untuk mengembangkan bakat dan talenta para pemain muda. Dari basket jalanan, klub ini berhasil meraih prestasi sebagai juara divisi 1 KU 24–35 DKI Jakarta. Pada September 2020, West Bandits Solo resmi dipastikan mengikuti kompetisi tertinggi di tanah air, yaitu Indonesian Basketball League (IBL), sekaligus mewakili kota Solo, Jawa Tengah.
Berawal di tahun 2018 sebagai hobi dan komunitas, dua bersaudara James Winson dan William Ongkowijaya mendirikan West Bandits karena kecintaannya terhadap bola basket. Komunitas ini menjadi wadah untuk mengembangkan bakat dan talenta para pemain muda. Dari basket jalanan, klub ini berhasil meraih prestasi sebagai juara divisi 1 KU 24–35 DKI Jakarta. Pada September 2020, West Bandits Solo resmi dipastikan mengikuti kompetisi tertinggi di tanah air, yaitu Indonesian Basketball League (IBL), sekaligus mewakili kota Solo, Jawa Tengah.
Berawal di tahun 2018 sebagai hobi dan komunitas, dua bersaudara James Winson dan William Ongkowijaya mendirikan West Bandits karena kecintaannya terhadap bola basket. Komunitas ini menjadi wadah untuk mengembangkan bakat dan talenta para pemain muda. Dari basket jalanan, klub ini berhasil meraih prestasi sebagai juara divisi 1 KU 24–35 DKI Jakarta. Pada September 2020, West Bandits Solo resmi dipastikan mengikuti kompetisi tertinggi di tanah air, yaitu Indonesian Basketball League (IBL), sekaligus mewakili kota Solo, Jawa Tengah.
Seiring berkembangnya kiprah klub, West Bandits Solo membutuhkan sebuah website modern yang dapat merepresentasikan identitas street dan sporty. Website ini diharapkan menjadi wadah utama untuk menampilkan profil klub, berita seputar basket & streetball, serta e-commerce merchandise yang dapat mendekatkan klub dengan para penggemar.
Seiring berkembangnya kiprah klub, West Bandits Solo membutuhkan sebuah website modern yang dapat merepresentasikan identitas street dan sporty. Website ini diharapkan menjadi wadah utama untuk menampilkan profil klub, berita seputar basket & streetball, serta e-commerce merchandise yang dapat mendekatkan klub dengan para penggemar.
Seiring berkembangnya kiprah klub, West Bandits Solo membutuhkan sebuah website modern yang dapat merepresentasikan identitas street dan sporty. Website ini diharapkan menjadi wadah utama untuk menampilkan profil klub, berita seputar basket & streetball, serta e-commerce merchandise yang dapat mendekatkan klub dengan para penggemar.
Seiring berkembangnya kiprah klub, West Bandits Solo membutuhkan sebuah website modern yang dapat merepresentasikan identitas street dan sporty. Website ini diharapkan menjadi wadah utama untuk menampilkan profil klub, berita seputar basket & streetball, serta e-commerce merchandise yang dapat mendekatkan klub dengan para penggemar.
Tujuan Projek
Tujuan Projek
Tujuan Projek
Tujuan Projek
Mendesain halaman landing page untuk website West Bandits Solo yang menampilkan identitas klub dengan nuansa modern, street, sporty, serta sentuhan khas Kota Solo. Landing page ini berfungsi sebagai pintu utama untuk menampilkan company profile, berita basket & streetball, serta e-commerce merchandise, sekaligus memperkuat kedekatan klub dengan para penggemar.
Mendesain halaman landing page untuk website West Bandits Solo yang menampilkan identitas klub dengan nuansa modern, street, sporty, serta sentuhan khas Kota Solo. Landing page ini berfungsi sebagai pintu utama untuk menampilkan company profile, berita basket & streetball, serta e-commerce merchandise, sekaligus memperkuat kedekatan klub dengan para penggemar.
Mendesain halaman landing page untuk website West Bandits Solo yang menampilkan identitas klub dengan nuansa modern, street, sporty, serta sentuhan khas Kota Solo. Landing page ini berfungsi sebagai pintu utama untuk menampilkan company profile, berita basket & streetball, serta e-commerce merchandise, sekaligus memperkuat kedekatan klub dengan para penggemar.
Mendesain halaman landing page untuk website West Bandits Solo yang menampilkan identitas klub dengan nuansa modern, street, sporty, serta sentuhan khas Kota Solo. Landing page ini berfungsi sebagai pintu utama untuk menampilkan company profile, berita basket & streetball, serta e-commerce merchandise, sekaligus memperkuat kedekatan klub dengan para penggemar.
Ideate
Ideate
Ideate
Ideate
Ideate
Tujuan Tahap Ideate
Tujuan Tahap Ideate
Tujuan Tahap Ideate
Tujuan Tahap Ideate
Tahap ideate digunakan untuk mengeksplorasi ide visual, mulai dari pemilihan warna, tipografi, hingga gaya desain, dengan tujuan menghadirkan pengalaman yang lebih sederhana, cepat, dan sesuai kebutuhan pengguna
Tahap ideate digunakan untuk mengeksplorasi ide visual, mulai dari pemilihan warna, tipografi, hingga gaya desain, dengan tujuan menghadirkan pengalaman yang lebih sederhana, cepat, dan sesuai kebutuhan pengguna
Tahap ideate digunakan untuk mengeksplorasi ide visual, mulai dari pemilihan warna, tipografi, hingga gaya desain, dengan tujuan menghadirkan pengalaman yang lebih sederhana, cepat, dan sesuai kebutuhan pengguna
Tahap ideate digunakan untuk mengeksplorasi ide visual, mulai dari pemilihan warna, tipografi, hingga gaya desain, dengan tujuan menghadirkan pengalaman yang lebih sederhana, cepat, dan sesuai kebutuhan pengguna
UI Moodboard
UI Moodboard
UI Moodboard
UI Moodboard
Moodboard ini berisi kumpulan referensi visual yang menjadi inspirasi dalam pembuatan desain landing page West Bandits Solo. Tujuannya untuk menangkap nuansa modern, street, sekaligus menghadirkan sentuhan lokal dari Kota Solo.
Moodboard ini berisi kumpulan referensi visual yang menjadi inspirasi dalam pembuatan desain landing page West Bandits Solo. Tujuannya untuk menangkap nuansa modern, street, sekaligus menghadirkan sentuhan lokal dari Kota Solo.
Moodboard ini berisi kumpulan referensi visual yang menjadi inspirasi dalam pembuatan desain landing page West Bandits Solo. Tujuannya untuk menangkap nuansa modern, street, sekaligus menghadirkan sentuhan lokal dari Kota Solo.
Moodboard ini berisi kumpulan referensi visual yang menjadi inspirasi dalam pembuatan desain landing page West Bandits Solo. Tujuannya untuk menangkap nuansa modern, street, sekaligus menghadirkan sentuhan lokal dari Kota Solo.
UI & Style
UI & Style
UI & Style
UI & Style
UI & Style
UI & Style
Minimalism & Simplification → referensi dari Meta & Revolut untuk gaya bersih, modern, dan fokus pada konten.
Brutalism → inspirasi dari Gumroad, Arrangements Studio, dan Fiorucci untuk kesan berani, street, dan ekspresif.
Minimalism & Simplification → referensi dari Meta & Revolut untuk gaya bersih, modern, dan fokus pada konten.
Brutalism → inspirasi dari Gumroad, Arrangements Studio, dan Fiorucci untuk kesan berani, street, dan ekspresif.
Minimalism & Simplification → referensi dari Meta & Revolut untuk gaya bersih, modern, dan fokus pada konten.
Brutalism → inspirasi dari Gumroad, Arrangements Studio, dan Fiorucci untuk kesan berani, street, dan ekspresif.
Minimalism & Simplification






revolut.com






maze.co
Brutalism






gumroad.com






fiorucci.com
Interaksi & Fans Engagement
Interaksi & Fans Engagement
Interaksi & Fans Engagement
Interaksi & Fans Engagement
Interaksi & Fans Engagement
Interaksi & Fans Engagement
Bloody Roar 2 (PS1) → referensi untuk fitur roster pemain, agar fans bisa lebih dekat mengenal pemain basket.
Bloody Roar 2 (PS1) → referensi untuk fitur roster pemain, agar fans bisa lebih dekat mengenal pemain basket.
Bloody Roar 2 (PS1) → referensi untuk fitur roster pemain, agar fans bisa lebih dekat mengenal pemain basket.
Bloody Roar 2 (PS1) → referensi untuk fitur roster pemain, agar fans bisa lebih dekat mengenal pemain basket.
Bloody Roar 2 (PS1)


















Unsur Lokal Solo
Unsur Lokal Solo
Unsur Lokal Solo
Unsur Lokal Solo
Unsur Lokal Solo
Unsur Lokal Solo
Batik Kawung → untuk motif visual khas Solo.
Tari Gambyong → inspirasi gerak & warna tradisional.
Batik Kawung → untuk motif visual khas Solo.
Tari Gambyong → inspirasi gerak & warna tradisional.
Batik Kawung → untuk motif visual khas Solo.
Tari Gambyong → inspirasi gerak & warna tradisional.
Batik Kawung
Terinspirasi dari motif teratai yang dalam budaya Jawa melambangkan kesucian dan umur panjang. Pola geometris repetitifnya dapat diterapkan sebagai elemen visual untuk memberi sentuhan tradisi khas Solo.
Terinspirasi dari motif teratai yang dalam budaya Jawa melambangkan kesucian dan umur panjang. Pola geometris repetitifnya dapat diterapkan sebagai elemen visual untuk memberi sentuhan tradisi khas Solo.

Tari Gambyong
Terinspirasi dari motif teratai yang dalam budaya Jawa melambangkan kesucian dan umur panjang. Pola geometris repetitifnya dapat diterapkan sebagai elemen visual untuk memberi sentuhan tradisi khas Solo.
Terinspirasi dari motif teratai yang dalam budaya Jawa melambangkan kesucian dan umur panjang. Pola geometris repetitifnya dapat diterapkan sebagai elemen visual untuk memberi sentuhan tradisi khas Solo.

Warna & Tipografi
Warna & Tipografi
Warna & Tipografi
Warna & Tipografi
Warna
Warna
Warna
Warna
Warna
Warna
Primary (Dark) diambil dari warna utama logo West Bandits untuk menegaskan kesan kuat dan bold.
Secondary (Khaki) juga diambil dari logo West Bandits sebagai warna aksen yang memberikan nuansa khas dan membedakan identitas klub.
Primary (Dark) diambil dari warna utama logo West Bandits untuk menegaskan kesan kuat dan bold.
Secondary (Khaki) juga diambil dari logo West Bandits sebagai warna aksen yang memberikan nuansa khas dan membedakan identitas klub.
Primary (Dark) diambil dari warna utama logo West Bandits untuk menegaskan kesan kuat dan bold.
Secondary (Khaki) juga diambil dari logo West Bandits sebagai warna aksen yang memberikan nuansa khas dan membedakan identitas klub.
Primary (Dark) diambil dari warna utama logo West Bandits untuk menegaskan kesan kuat dan bold.
Secondary (Khaki) juga diambil dari logo West Bandits sebagai warna aksen yang memberikan nuansa khas dan membedakan identitas klub.
Tipografi
Tipografi
Tipografi
Tipografi
Tipografi
Tipografi
Font yang digunakan adalah Archivo, dipilih karena tampilannya yang modern, tegas, dan tetap mudah dibaca di berbagai
Variasi Bold, SemiBold, dan Regular digunakan secara konsisten untuk membedakan hierarki informasi pada landing page.
Font yang digunakan adalah Archivo, dipilih karena tampilannya yang modern, tegas, dan tetap mudah dibaca di berbagai
Variasi Bold, SemiBold, dan Regular digunakan secara konsisten untuk membedakan hierarki informasi pada landing page.
Font yang digunakan adalah Archivo, dipilih karena tampilannya yang modern, tegas, dan tetap mudah dibaca di berbagai
Variasi Bold, SemiBold, dan Regular digunakan secara konsisten untuk membedakan hierarki informasi pada landing page.
Font yang digunakan adalah Archivo, dipilih karena tampilannya yang modern, tegas, dan tetap mudah dibaca di berbagai
Variasi Bold, SemiBold, dan Regular digunakan secara konsisten untuk membedakan hierarki informasi pada landing page.
Warna & Tipografi












Prototype
Prototype
Prototype
Prototype
Prototype
Tujuan Tahap Prototype
Tujuan Tahap Prototype
Tujuan Tahap Prototype
Tujuan Tahap Prototype
Tahap prototipe bertujuan untuk memvisualisasikan solusi desain yang telah dirumuskan pada tahap ideate. Melalui prototype, alur interaksi dan tampilan dapat dieksplorasi serta diuji sebelum masuk ke tahap implementasi.
Tahap prototipe bertujuan untuk memvisualisasikan solusi desain yang telah dirumuskan pada tahap ideate. Melalui prototype, alur interaksi dan tampilan dapat dieksplorasi serta diuji sebelum masuk ke tahap implementasi.
Tahap prototipe bertujuan untuk memvisualisasikan solusi desain yang telah dirumuskan pada tahap ideate. Melalui prototype, alur interaksi dan tampilan dapat dieksplorasi serta diuji sebelum masuk ke tahap implementasi.
Tahap prototipe bertujuan untuk memvisualisasikan solusi desain yang telah dirumuskan pada tahap ideate. Melalui prototype, alur interaksi dan tampilan dapat dieksplorasi serta diuji sebelum masuk ke tahap implementasi.
High-Fidelity Prototype
High-Fidelity Prototype
High-Fidelity Prototype
High-Fidelity Prototype
Pada tahap ini, desain ditampilkan dalam bentuk yang menyerupai produk akhir, lengkap dengan warna, tipografi, ilustrasi, ikon, serta tata letak final untuk memberikan gambaran nyata kepada pengguna.
Pada tahap ini, desain ditampilkan dalam bentuk yang menyerupai produk akhir, lengkap dengan warna, tipografi, ilustrasi, ikon, serta tata letak final untuk memberikan gambaran nyata kepada pengguna.
Pada tahap ini, desain ditampilkan dalam bentuk yang menyerupai produk akhir, lengkap dengan warna, tipografi, ilustrasi, ikon, serta tata letak final untuk memberikan gambaran nyata kepada pengguna.
Pada tahap ini, desain ditampilkan dalam bentuk yang menyerupai produk akhir, lengkap dengan warna, tipografi, ilustrasi, ikon, serta tata letak final untuk memberikan gambaran nyata kepada pengguna.
Hero Section






Shop Section






News Section






Roaster Section






Latest Video Seciton






Featured Community Section






Interactive Prototype
Interactive Prototype
Interactive Prototype
Interactive Prototype
Prototipe interaktif ini menampilkan tampilan halaman website dan bagaimana pengguna berinteraksi website. Dapat dilihat melalui video berikut.
Prototipe interaktif ini menampilkan tampilan halaman website dan bagaimana pengguna berinteraksi website. Dapat dilihat melalui video berikut.
Prototipe interaktif ini menampilkan tampilan halaman website dan bagaimana pengguna berinteraksi website. Dapat dilihat melalui video berikut.
Prototipe interaktif ini menampilkan tampilan halaman website dan bagaimana pengguna berinteraksi website. Dapat dilihat melalui video berikut.
Prototype
Tampilan landing page West Bandits Solo
Tampilan landing page West Bandits Solo
Tampilan landing page West Bandits Solo
