Disini dimulai untuk diskusi kebutuhan yang diperlukan klien, saya memberikan beberapa inspirasi untuk pembuatan landingpage yang diambil dari beberapa referensi di dribble dan penggunaan asset yang dibutuhkan untuk diberikan ke klien. Pada tahap ini juga menentukan kebutuhan halaman yang perlu ditampilkan, warna website dan juga konten yang akan ditampilkan.

Setelah selesai diskusi untuk kebutuhan website, kemudian bernegosiasi dalam penentuan timeline proyek dan biaya yang dibutuhkan dalam pembuatannya. Di tahap ini juga saya menentukan teknologi apa yang dipakai. Teknologi yang dipakai yaitu Laravel dengan PHP, React dengan TypeScript dan Inertia Js, karena teknologi ini sudah cukup untuk membuat landingpage yang professional dan saat di lingkungan production itu dapat terjangkau biayanya.

Melakukan design website menggunakan Figma, terdapat 5 halaman yang di design yaitu halaman Landingpage, Tentang Kami, Layanan + Detail, Artikel + Detail dan juga Kontak Kami. Pengerjaan design dilakukan selama waktu 1 minggu, diakhir proses design lanjut ke presentasi ke klien untuk menunjukkan hasil design yang akan di development serta menerima feedback jika ada revisi. Untuk isi konten masih memakai konten dummy dan berjalan parallel klien mengirim isi konten tersebut.

Setelah selesai pada tahap design website, lanjut ke inisiasi proyek awal. Mulai dari menyiapkan komponen, Design system untuk warna, button, card, dll menggunakan Shadcn UI. Pengerjaan dimulai dari membuat Content Management System (CMS) personalisasi untuk kebutuhan buat konten di landingpage, Portofolio dan juga artikel. Pengerjaan CMS dilakukan selama waktu 2 minggu pengerjaan dan tema warna nya disesuaikan dengan landingpage Deinony.

Lalu lanjut untuk pengerjaan Landingpage beserta halaman lain yang datanya dinamis diambil dari CMS yang sudah diinputkan. Pengerjaan Landingpage dilakukan selama 1 minggu dengan penambahan isi konten dari klien. Disini juga mengoptimasi SEO serta membuat tampilan Responsif buat landingpage dan juga CMS nya dapat di buka tampilan desktop, tablet dan mobile.

Testing dilakukan secara parallel saat berlangsungnya tahap development. Untuk perbaikan bug juga dilakukan pada saat development ketika ada temuan bug atau typo di isi konten tersebut.

Mengajak klien untuk melakukan meeting untuk melakukan presentasi akhir dan menampilkan hasil website yang telah dikerjakan. Disini klien dapat memberikan feedback akhir untuk melakukan revisi kecil yang dirasa kurang memuaskan. Jika ada revisi kecil maka akan ditambah waktu satu sampai dua hari untuk merampungkan revisi tersebut lalu diulangi lagi untuk presentasi. Jika klien merasa puas dan tidak ada tambahan, maka dilanjutkan ke tahap deployment dan hand-over project.

Setelah rampung semua revisi, maka proyek akan dilanjutkan ke tahap deployment. Disini saya memakai jasa penyedia layanan hosting untuk proses deployment. Tidak lupa juga mendaftarkan sitemap ke Google Search Console. Setelah tahap deployment selesai, baru dilanjutkan dengan serah terima proyek. Adapun file yang diberikan yaitu file design, source code, dan akun beserta password yang dibutuhkan. Selain itu, saya juga memberikan beberapa insight terkait penggunaan CMS kepada klien.

• Bahasa Pemrograman: TypeScript, PHP

• Framework: Laravel, React Js, Tailwind CSS

• Teknologi Lainnya: Inertia Js, Zustand, Zod, Optimasi SEO

• Database & ORM: MySQL, Eloquent

• Komponen: Shadcn UI

• Alat Desain: Figma

• Deployment: Web Hosting