Kembali ke karya

SaaS Data Workflow · 2026

Hgrid 247 DE

Redesign data-workflow builder milik Hgrid 247 — mengubah antarmuka yang kaku dan sulit diikuti menjadi kanvas step-by-step yang bersih dan modern, di mana membangun data pipeline jadi mudah dipahami dan benar-benar nyaman digunakan.

Peran
UI/UX Designer
Durasi
2 bulan
Tools
  • Figma
  • Claude
  • Stitch
  • Google Docs
  • Claude Design
  • build design.md
Hgrid 247 DE — screen 1 of 61 / 6

Masalahnya

Workflow builder Hgrid 247 sebelumnya terasa kaku dan sulit dipakai. Redesign ini membayangkannya ulang sebagai pengalaman step-by-step yang bersih dan modern — membuat proses membangun data workflow mudah diikuti, sehingga pengguna merasa percaya diri dan puas dengan UI baru.

Metode & pendekatan

Dimulai dari brief stakeholder dan berupaya memahaminya sepenuhnya. Saya memakai Claude untuk membuat guide.md yang menerjemahkan brief menjadi konteks yang bisa dipahami AI agent, lalu menulis design.md agar setiap prompt desain tetap konsisten dengan sistem — dan mengiterasi hasilnya hingga terasa pas. Sekitar 70% proyek ini berjalan lewat workflow yang dibantu AI.

Proses bisnis

Di balik pekerjaan ini ada tujuan bisnis yang jelas: kesan kaku dan ketinggalan zaman dari antarmuka lama tidak cocok dengan produknya. Mendesainnya ulang ke arah tampilan yang bersih, elegan, dan profesional memposisikan ulang Hgrid 247 sebagai alat data-engineering modern yang benar-benar ingin dibuka tim.

Tujuan & hasil

Meningkatkan minat pengguna untuk memakai alat ini dan membuatnya benar-benar mudah digunakan. Proyek masih berjalan, jadi belum ada metrik hasil akhir — tetapi arah baru ini membingkai ulang pembangunan workflow sebagai sesuatu yang jelas dan mudah didekati, bukan menakutkan.