Someone lands on a nonprofit's site because they are deciding whether to trust it. A potential donor, a partner organisation, a community member checking whether the programmes are real.
That visitor has one question and very little patience: what does this organisation actually do. Every second of load time and every scroll spent on animation is a second not spent answering it. Nonprofit sites fail this in a predictable way, by treating the homepage as a place to impress rather than a place to inform, and burying the programme details three clicks deep behind a hero carousel.
The temptation on a build like this is to reach for the heavy stack because it is familiar. But the site's job is communication, not interactivity, and a bundle sized for an application is a cost the visitor pays for capability the site never uses.
A static site on React and Tailwind CSS, built around content hierarchy and load speed.
Speed as a design decision. Fast load and clear hierarchy were prioritised over animation and heavy libraries. For an informational nonprofit site, that is not a compromise, it is the requirement read correctly.
Static because the content is static. Programme information and organisational background do not need runtime data fetching. Keeping the stack simple means fewer moving parts to break and nothing to maintain.
Hierarchy over decoration. Programmes and organisational background are structured so a visitor finds what they came for without hunting. Semantic structure carries the content rather than layout tricks.
Responsive across devices. Donors and partners arrive from phones as often as desktops, and the layout treats that as the default case rather than an adaptation.
Live at idn-hdc.id.
A clean, fast landing page that communicates the organisation's work clearly, without complexity it has no use for.
On a site whose entire purpose is being read quickly, the simpler build is the correct one. Technical effort was matched to what the project needed rather than to what the stack could do.
Landing page untuk Indonesia Human Development Center, menyajikan program dan profil organisasi kepada publik. Dibangun dengan React dan Tailwind CSS. Live di idn-hdc.id.
Orang membuka situs sebuah organisasi nirlaba karena sedang memutuskan apakah bisa mempercayainya: calon donatur, organisasi mitra, atau anggota masyarakat yang ingin memastikan programnya nyata.
Pengunjung itu datang dengan satu pertanyaan dan kesabaran yang tipis, yaitu apa sebenarnya yang dikerjakan organisasi ini. Setiap detik waktu muat dan setiap gulir yang terpakai untuk animasi adalah detik yang tidak terpakai menjawab pertanyaan itu. Situs nirlaba sering gagal dengan pola yang bisa diduga: memperlakukan halaman depan sebagai tempat memukau alih-alih tempat memberi informasi, lalu menyembunyikan detail program tiga klik di belakang carousel.
Godaan pada proyek seperti ini adalah memakai stack berat karena sudah terbiasa. Tapi tugas situsnya adalah menyampaikan informasi, bukan interaktivitas, dan bundle sebesar aplikasi adalah biaya yang dibayar pengunjung untuk kemampuan yang tidak pernah dipakai.
Karena itu kecepatan muat dan kejelasan hierarki konten diutamakan di atas animasi dan pustaka berat. Untuk situs informasi nirlaba, itu bukan kompromi, melainkan membaca kebutuhannya dengan benar.
Relevan untuk kebutuhan jasa pembuatan website profil organisasi, landing page responsif, dan situs informasi yang ringan dan cepat.