Halito! Redesign of the Halito! backend

Role

UI/UX design: redesign the Halito! backend
Frontend development: develop the backend with Vue.js
Making a component library

Toolkit

Figma, VueJS

Year

2021

Design challenge

Halito! - The old backend

Old backend

Halito! is a SaaS application that enables users to easily create an event website and manage registrations for the event.

The old backend lacked a consistent style and required a complete overhaul to enhance its user-friendliness.

New design

Halito! - The new dashboard

Dashboard

I added a dashboard page to give users an instant overview of key metrics immediately after logging in.

Navigation

I implemented a menu that remains fixed on the left side of the screen, allowing users to easily navigate between different pages. The submenu is collapsible, providing quick access while also enabling users to maximize their available screen space when needed.

Halito! - Look & feel page

Wizard

Halito! - Wizard

Wizard

The wizard is a key feature for setting up the event website. It guides users through the necessary steps to prepare the website for their event.

Component library

An essential task after the redesign and its implementation was creating a comprehensive component library. This provides all developers at Halito! with a clear overview of the various components and guidelines for proper implementation, ensuring a consistent style throughout.

Halito! - Component library: overview Halito! - Component library: colors Halito! - Component library: icons Halito! - Component library: buttons

Contact

Are you looking for a senior UI/UX designer & frontend developer to strengthen your team?

I'd love to connect in a personal meeting—feel free to reach out!

Email me