Skip to content
Talha↖ All work

Hana / Product design & development

Work & Community · 2026

Hana

Worktrade & volunteering · Tasks, time & project management

View the interfaces
HanaMobile interface design
Hana entry screen with separate worktrader and admin paths.
Hana worker dashboard with tasks, area filters, and personal hours.
Hana live work timer with pause and stop controls.

01 / Form & interaction design

Time-entry flows.

Log Work dialog with start and end times, a one-hour duration, optional notes, and Submit Log.
Time-entry form design and validation states. React & Tailwind CSS.

02 / Form & information design

Task management.

Admin Task List with area, frequency, and worker filters and task cards showing assignments.
Task information architecture and filter UI. React & Tailwind CSS.
Add New Task dialog with area, logging permission, assignee, description, frequency, priority, and a summary.
Form design and task data flows. React & Supabase.
Analytics and Statistics for all workers, with monthly hour totals and a work-log table.
Dashboard design and data hierarchy. React & Supabase.

03 / Dashboard design

Reporting views.

Back to selected work