PORTOFOLIO INDEPENDEN · Perusahaan fiktif · Bukan pekerjaan klien
INDEPENDENT CONCEPT / LIVE DEMO · 2026

Merancang company profile B2B sebagai proyek portofolio independen.

Saya membangun website ini atas inisiatif sendiri untuk mendemonstrasikan proses desain dan pengembangan company profile B2B. TIRAYA TECHNICAL sepenuhnya fiktif; proyek ini bukan hasil pesanan, penugasan, atau kerja sama dengan klien nyata. Seluruh proyek engineering di dalamnya merupakan ilustrasi.

Tahap saat ini: website statis v1.1 sudah dibangun dengan routing kanonis dan interaksi browser-only. Website statis telah dipublikasikan di Cloudflare Pages. Build Astro CLI serta audit Lighthouse, screen reader dan zoom 200% belum diverifikasi secara menyeluruh.

KONTEKS RISET SEKUNDER · BUKAN BRIEF KLIEN

Hipotesis: struktur informasi yang jelas mempermudah evaluasi layanan.

Audit publik terbatas menemukan contoh ketidakkonsistenan penjelasan layanan, placeholder, dan alur inquiry pada beberapa website B2B di Indonesia. Temuan tersebut menginformasikan rancangan ini, tetapi tidak membuktikan tingkat konversi, kemauan membeli, atau kualitas semua website di sektor yang sama.

Hipotesis desain: jika layanan dikelompokkan berdasarkan kebutuhan, disertai cakupan dan contoh dokumen, calon pelanggan lebih mudah menyiapkan pembahasan awal. Hipotesis ini perlu diuji kepada pengguna nyata, bukan diasumsikan sudah terbukti.

TIGA KEPUTUSAN PRODUK

Setiap keputusan punya alasan.

01 / INFORMATION ARCHITECTURE

Mulai dari situasi pengguna

Empat layanan ditulis dalam bahasa masalah: udara, utilitas baru, pemeliharaan, dan perubahan sistem yang ada.

02 / EVIDENCE DESIGN

Tunjukkan cara berpikir

Tiga studi kasus ilustratif memakai checklist, matriks, dan visual yang tidak mengaku sebagai proyek nyata.

03 / INTERACTION DESIGN

Form tanpa data pribadi

Simulasi EDITING → REVIEW → COMPLETED menunjukkan alur B2B tanpa pengiriman atau penyimpanan data ke server.

SCOPE & DELIVERABLE

Arsitektur yang bisa diadaptasi untuk perusahaan lain.

12 halaman konten dan 7 template utama: beranda, tentang, indeks layanan, detail layanan, indeks proyek, detail proyek, dan kontak simulasi. Ada halaman 404 terpisah.

Static-firstResponsiveKeyboard-awareSEO intentPrivacy-by-design
  1. 01 — UX Architecture & Content Planning
  2. 02 — High-Fidelity Design System dan State
  3. 03 — Interactive HTML Design Preview
  4. 04 — QA Iteration & Revision v1.1
  5. 05 — Website statis dengan URL kanonis, navigasi, filter proyek, dan formulir lokal: sudah diimplementasikan
  6. 06 — Website statis telah di-hosting di Cloudflare Pages; build Astro CLI dan QA produksi lengkap: belum diverifikasi
DEMO

Coba langsung pengalaman website.

Lihat bagaimana pengunjung berpindah dari kategori layanan ke studi kasus lalu menyusun ringkasan permintaan survei. Website statis sudah menggunakan URL kanonis dan tanpa server pengiriman form. Website telah tersedia secara publik. Kompilasi Astro CLI dan seluruh pengujian produksi masih harus dituntaskan.

Buka interaksi TIRAYA ↗
KERJA SAMA WEBSITE BISNIS

Ingin menerapkan pendekatan ini pada website perusahaan Anda?

Studi kasus ini memperlihatkan proses dan hasil pekerjaan portofolio saya sendiri, bukan pengalaman membangun website untuk perusahaan yang menjadi klien. Saya membangun proyek konsep ini secara independen, bukan untuk TIRAYA sebagai klien. Kanal diskusi di bawah ini adalah kontak developer independen untuk kebutuhan pembuatan website bisnis.

Pilih kanal komunikasi yang paling nyaman. WhatsApp membuka percakapan dengan pesan awal yang dapat Anda edit; email membuka aplikasi email Anda. Tidak ada pengiriman dari formulir TIRAYA.

Anda akan menghubungi developer independen, bukan perusahaan TIRAYA. Tautan pihak ketiga dapat memproses data sesuai kebijakan layanannya. Klik tombol tidak berarti pesan sudah terkirim.