top of page

Apartment Handover -
UX/UI For Mobile

All-screens-2.jpg
All-screens-2.jpg

About

Monitoring and management of the handover process for construction representatives.

​

The overarching goal was to refine the handover process into an efficient, accessible, and smooth experience. By doing so, the aim was to economize on time and cost while simultaneously boosting customer satisfaction levels.

My Role: Define, wireframe, and design

illustration man mobile_edited.jpg

Using a light background and a three-color palette, I created a visually pleasing image.

Mobile App

#FED049

Brand Yellow

#65D2A7

#E70137

Typography

Kept it classic and in style.

ASAP

ASAP

Assistant

Assistant

Regular

Medium

Light

SemiBold

flow2.jpg

Flow

Features

  • Predefined Checklist

  • List of Issues

  • Final Review and Signature

  • PDF Generation

  • Navigation for Multiple Checklists

Wireframe

sketches.jpg

UI Design

4-Punch-List---checked.jpg
Zoom1.jpg

First Time - Closed Categories

1-Punch-List---empty-state-closed-categories.jpg

Add Issue

6-Punch-List---tap-item.jpg

Closing Issues

10-Punch-List---item-with-issues-checked.jpg

Empty State - Open Categories

2-Punch-List---empty-state.jpg

Adding Issue

7-issues---add.jpg

Edit/Delete Issue

13-Issues-Edit.jpg

Issues Tab - Empty State

5-Issues-Empty-State.jpg

Viewing an Issue

9-Punch-List---item-with-issues.jpg

Signing Available Pop Up

17-Punch-List---end-of-the-list.jpg

Some Notes

About signing the punch list

After 90% of the punch list is checked, the signature box will appear, but only if major items are also marked.

​

The apartment owner receives a link where he can sign. The constructor representative receives a notification when signed.

Search within the list

4 states for search:

  1. When tapping the search icon, predefined keywords are shown + recent searches.

  2. Tapping the search field - show only recent searches

  3. Start typing the search field - show results

  4. If nothing matches - show a "no results" message

Components and Styles

Components.jpg
Type System.jpg
Colors.jpg
Images.jpg
bottom of page