Tahap slicing UI melibatkan terjemahan desain UI dari Figma ke dalam kode untuk menciptakan tampilan website. Proses ini membutuhkan waktu yang cukup lama karena setiap halaman memiliki tingkat kesulitan yang berbeda-beda dalam implementasinya. Beberapa tampilan atau fitur mungkin mudah untuk diimplementasikan, namun ada juga yang cukup sulit. Saya bertujuan untuk memastikan bahwa tampilan dan fitur yang saya buat sesuai dengan desain aslinya di Figma.

Slicing UI telah saya lakukan sejak tanggal 4 April 2024 hingga saat ini (saat penulisan blog ini) dan akan terus berlanjut ke depannya. Proses ini berjalan seiring dengan tahap desain yang masih dalam pengerjaan, sehingga pengembangan web dan desain berjalan secara simultan.

Beberapa tampilan halaman yang telah berhasil saya kerjakan antara lain:

- Halaman Login

- Halaman Registrasi

- Beranda (Home Dashboard)

- Proyek (Project)

- Pembuatan dan pengeditan proyek (Create dan Edit Project)

- Gambaran Umum Proyek (Overview Project)

- Daftar Proyek (List Project)

- Papan (Kanban Drag and Drop)

- Kalender (Kalender Jadwal)

- Dasbor Proyek (Project Dashboard)

- Berkas Proyek (Project Files)

Berikut sekilas gambar dan video hasil  dalam figma dan web yang bisa saya tampilkan disini:


Design di figma

Video hasil Slicing dalam Web

Ini hanya beberapa contoh dari banyaknya halaman dan fitur yang sedang dalam proses pengembangan. Dengan fokus dan kerja keras, saya yakin bahwa implementasi desain UI ini akan menjadi sukses dan sesuai dengan harapan.