Digital Development

Luthfi Yasin Official Website

Custompedia merancang website Luthfi Yasin Official sebagai pusat informasi digital untuk dua profil dalam satu pengalaman website, dengan menyatukan profil Ahmad Luthfi dan Taj Yasin, rekam jejak, penghargaan, serta informasi utama lainnya dalam struktur yang lebih mudah dipahami dan dinavigasi.

Year : 2024
Industry : Public Figure / Political Communication
Luthfi Yasin Official Website Hero

Dalam konteks Pilgub Jawa Tengah 2024, Luthfi Yasin membutuhkan website yang dapat menyajikan informasi mengenai Ahmad Luthfi dan Taj Yasin dalam satu identitas digital yang konsisten. Tantangannya bukan hanya menampilkan dua profil, tetapi juga mengatur cukup banyak informasi seperti biografi, rekam jejak, penghargaan, visi dan misi, hingga pembaruan informasi tanpa membuat halaman terasa padat atau sulit dipahami.

Custompedia merancang struktur website dengan pendekatan dual-profile information architecture. Ahmad Luthfi dan Taj Yasin tetap memiliki ruang informasi masing-masing, tetapi seluruh konten dihubungkan melalui satu sistem navigasi dan satu bahasa visual yang konsisten.

Identitas “Ngopeni. Ngelakoni. Jateng 2024” digunakan sebagai elemen utama pada visual website, didukung perpaduan warna biru dan oranye yang membedakan kedua profil sekaligus menjaga keduanya tetap berada dalam satu kesatuan desain.

Informasi yang cukup panjang kemudian dipecah menjadi hierarki konten yang lebih mudah dipindai, mulai dari pengenalan profil, biografi, rekam jejak, penghargaan, hingga akses menuju informasi dan kanal digital lainnya. Dengan struktur ini, website tidak hanya berfungsi sebagai halaman profil, tetapi sebagai information hub yang mengorganisasi berbagai informasi dalam satu pengalaman digital yang lebih terstruktur.

Objectives

Tujuan Utama

Merancang website yang mampu menyatukan informasi Ahmad Luthfi dan Taj Yasin dalam satu pengalaman digital yang jelas, terstruktur, dan konsisten, sehingga pengunjung dapat menemukan profil, rekam jejak, serta informasi utama lainnya dengan lebih mudah.

  • Menyatukan dua profil dalam satu website

Masing-masing figur memiliki biografi dan rekam jejak yang berbeda sehingga dibutuhkan struktur yang tetap memberikan ruang yang jelas untuk keduanya.

  • Mengelola konten dengan informasi yang cukup padat

Biografi, timeline, penghargaan, dan informasi pendukung perlu ditampilkan tanpa menghasilkan halaman yang terasa terlalu berat.

  • Membangun hierarki informasi yang mudah dipindai

Pengunjung harus dapat menemukan informasi utama tanpa harus membaca seluruh halaman secara linear.

  • Menjaga konsistensi identitas visual

Elemen biru, oranye, portrait, peta Jawa Tengah, serta identitas Ngopeni. Ngelakoni. Jateng 2024 perlu diterapkan secara konsisten di seluruh pengalaman website.

Approach

Custompedia menggunakan pendekatan dual-profile information architecture untuk membagi informasi Ahmad Luthfi dan Taj Yasin secara seimbang tanpa memisahkan keduanya menjadi dua pengalaman digital yang berbeda.

Setiap profil disusun menggunakan pola informasi yang konsisten: profile introduction → biography → track record → awards. Struktur ini membuat pengguna dapat memahami informasi utama terlebih dahulu sebelum masuk ke detail yang lebih panjang.

Dari sisi interface, penggunaan blue–orange visual system membantu membangun pembeda visual antara kedua profil. Portrait, map graphic, card layout, typography, dan spacing kemudian disusun dalam sistem desain yang konsisten agar halaman tetap mudah dibaca meskipun membawa cukup banyak informasi.

Navigasi utama juga dibuat ringkas melalui Home, Profile, Visi & Misi, dan News, sehingga pengunjung dapat berpindah dari informasi profil menuju konten lain tanpa navigasi yang berlebihan.

  • Dual-Profile Architecture

Dua profil utama diorganisasi dalam satu struktur website yang konsisten.

  • Content Hierarchy

Biografi, rekam jejak, dan penghargaan disusun agar informasi panjang tetap mudah dipindai.

  • Unified Visual System

Identitas biru–oranye dan Ngopeni. Ngelakoni. Jateng 2024 digunakan secara konsisten di seluruh interface.

Result

2 Profiles Integrated Informasi Ahmad Luthfi dan Taj Yasin diorganisasi dalam satu pengalaman website dengan struktur yang konsisten.
4 Core Navigation Sections Website menggunakan empat navigasi utama — Home, Profile, Visi & Misi, dan News — untuk menjaga perjalanan pengguna tetap sederhana.
Structured Profile Information Structured Profile Information
Integrated Digital Touchpoints Website menghubungkan informasi utama dengan kanal media sosial Luthfi Yasin Official dalam satu interface.

Explore More Projects

LET’S CREATE SOMETHING AMAZING

GET IN TOUCH