← Back to overview

Refreshed Mover Dashboard

Smooved

TL;DR

Designing and building an all-new leaver web-app and refreshed UI for Smooved. Set up using Tailwind and DaisyUI.

Role

Product Designer
Design Engineer

Tools & Technologies

Figma
Cursor
Angular

Tailwind
DaisyUI

Timeline

Early 2025

Context

Smooved creates software to help movers manage their moving tasks, assisting new owners in setting up utility contracts and helping leavers close old ones. After feedback indicated leavers found the process confusing, we decided to redo their interface and align it with our recently refreshed brand identity.

The UI refresh aimed to create a modern, distinctly Smooved experience while maintaining functionality at the forefront. We focused on mobile-friendly design since over 50% of our users access the web app on their phones.

Technical Setup

We implemented a CSS-only design system with Tailwind and DaisyUI to work with Angular. Rather than relying solely on utility classes, we introduced semantic variables for color, typography, and spacing to complement Tailwind's utility-based methodology.

Three mobile screens of the Smooved Mover Dashboard
A halfway view of the Smooved Mover Dashboard
A mobile screen of the Smooved Mover Dashboard
A mobile screen of the Smooved Mover Dashboard
A mobile screen of the Smooved Mover Dashboard
A mobile screen of the Smooved Mover Dashboard