Lingkup 06

Pengembangan Frontend

Desain perlu diterjemahkan menjadi antarmuka yang dapat digunakan, bukan sekadar tampilan yang mirip. Navigasi keyboard, keadaan kesalahan, dan ukuran layar menjadi bagian dari implementasi.

Untuk Agensi desain, tim produk, atau bisnis yang sudah memiliki desain dan membutuhkan implementasi antarmuka.

Kode frontend untuk halaman dan komponen yang disepakati, disertai catatan integrasi, hasil pemeriksaan, dan bagian yang belum diuji.

Masalah yang ditangani

Desain sering belum menjelaskan keadaan kosong, kesalahan, konten panjang, atau interaksi keyboard. Jika dibiarkan, kekurangan itu baru terlihat saat integrasi.

Pendekatan & solusi 909

909 memeriksa kelengkapan desain sebelum implementasi, memakai teknologi yang sesuai proyek, dan membangun keadaan interaksi yang dibutuhkan. WCAG 2.2 AA menjadi acuan pemeriksaan, bukan klaim aksesibilitas penuh tanpa bukti.

Yang termasuk

Implementasi desain yang disetujui ke React atau frontend statis sesuai proyek.
Komponen bersama jika memang digunakan berulang.
Token warna, jarak, serta tipografi sesuai desain.
HTML semantik, label, dan navigasi keyboard; ARIA digunakan jika diperlukan.
Keadaan hover, fokus, aktif, nonaktif, kosong, serta kesalahan yang relevan.
Dokumentasi komponen dan catatan integrasi dalam cakupan.

Yang tidak termasuk

Logika backend, database, dan penyimpanan data sensitif.
Konfigurasi infrastruktur cloud perusahaan atau Kubernetes.
Pembuatan ilustrasi dan aset 3D dari awal.
Pengelolaan akun pihak ketiga atau integrasi API yang belum disepakati.

Yang perlu Anda siapkan

Desain final dan izin mengakses berkasnya
Spesifikasi interaksi serta keadaan komponen
Font, ikon, dan aset dengan lisensi yang sesuai
Kode yang ada, target browser, serta kebutuhan integrasi dan hosting

Sepakati lingkup sebelum mulai

Hasil kerja: Proposal merinci halaman, komponen, berkas, dan pemeriksaan yang termasuk. Daftar di atas menjadi bahan pembahasan; hasil akhir mengikuti kesepakatan tertulis.
Revisi: Jumlah putaran tinjauan dan batas perubahan lingkup disepakati secara tertulis. Pekerjaan tambahan mendapat penawaran tersendiri sebelum dimulai.
Waktu pengerjaan: Estimasi diberikan setelah kebutuhan dan kesiapan konten ditinjau. Jadwal persetujuan, materi yang belum tersedia, serta ketergantungan pihak ketiga dapat memengaruhi waktu pengerjaan.
Biaya: Penawaran disusun untuk lingkup proyek yang disepakati. Hosting, domain, lisensi, serta dukungan berkelanjutan dijelaskan secara terpisah.

Hak penggunaan, akses, dan serah terima

Panduan memilih jenis website, biaya, dan menyiapkan brief ↗

Konteks pekerjaan

Lihat contoh antarmuka yang telah tayang. Contoh ini bukan janji hasil SEO, penjualan, atau lingkup yang sama untuk setiap proyek.

Website yang dapat ditinjau

FamVint (dibuka di tab baru) — profil merek dan penyajian koleksi aksesori Vespa.
ElevApps (dibuka di tab baru) — katalog langganan aplikasi dan informasi pemesanan.

Baca lingkup dan catatan kedua proyek

Lingkup yang dapat melengkapi kebutuhan Anda

Desain Ulang Website — Perbaikan struktur, tampilan, dan alur website dengan mempertahankan bagian yang masih berguna.
Pemeliharaan Website Statis — Pembaruan konten, pemeriksaan tautan, dan perawatan dependensi sesuai daftar pekerjaan yang disepakati.