🔙Website

Hotel Haven

Hotel Haven

Website ini aku bangun menggunakan kombinasi HTML dan Tailwind CSS untuk menciptakan tampilan yang clean, modern, dan responsif di berbagai device. Project ini merupakan latihan implementasi desain yang aku kembangkan dengan menambahkan beberapa penyesuaian agar memiliki ciri khas visual yang sesuai dengan gayaku.

My Role

  • Mengonversi desain Figma menjadi struktur HTML5
  • Mengimplementasikan styling menggunakan Tailwind CSS
  • Menyesuaikan spacing, typography, dan layout agar sesuai dengan design
  • Mengatur responsivitas tampilan di berbagai ukuran layar

Problem

Sebagai pembelajar frontend, aku perlu melatih kemampuan membaca design Figma dan menerjemahkannya secara akurat ke dalam kode.

Solution

Menggunakan desain yang sudah tersedia sebagai referensi untuk melatih ketelitian dalam slicing dan implementasi menggunakan HTML dan Tailwind CSS.

Result

Berhasil menghasilkan tampilan website yang sesuai dengan desain Figma dan responsif di berbagai device, sekaligus meningkatkan pemahaman dalam proses implementasi frontend.

Design Process

Tech Used

HTMLTailwind CSSGit & GitHub