Resident Handover App
Role
Research, User Testing, UI Design
Timeline
12 Weeks
Impact
Increased 20% of turnover rate
about.
Exploring the design of a mobile platform that simplifies the handover process for residents moving into new homes. The app provides a seamless, end-to-end solution, allowing users to reserve pre-handover workshops, schedule handover appointments, and manage defect reporting—all in one place.
When homeowners report defects through the app, contractors instantly receive a centralized e-defect list with photos and details—eliminating manual data entry, reducing miscommunication, and enabling faster fixes than paper-based workflows. Real-time notifications and prioritization slash resolution time while improving accountability.
design process.
1. Discovery & Research
Huge component library
Huge component library
Understanding the painpoints, considering potential solutions and learning about the target users
Don't spend time rebulding the same components for every project. Get a huge collection right out of the box.
Don't spend time rebulding the same components for every project. Get a huge collection right out of the box.
2. Define
Customizable styles
Customizable styles
Diving deep into the user journey and exploring user stories, personas
Make changes once and watch them apply everywhere with flexible global text and color styles in Framer.
Make changes once and watch them apply everywhere with flexible global text and color styles in Framer.
3. Design Exploration
Flexible website layouts
Flexible website layouts
Exploring a range of possible solutions
Build responsive sites in minutes with hundreds of unique pre-made layouts. Mix and match sections, apply your visuals and publish.
Build responsive sites in minutes with hundreds of unique pre-made layouts. Mix and match sections, apply your visuals and publish.
4. Research
Flexible website layouts
Flexible website layouts
Collecting clients feedback through concept testing to help validate solution
Build responsive sites in minutes with hundreds of unique pre-made layouts. Mix and match sections, apply your visuals and publish.
Build responsive sites in minutes with hundreds of unique pre-made layouts. Mix and match sections, apply your visuals and publish.
5. Design Refinement
Flexible website layouts
Flexible website layouts
Refining a chosen direction and polishing the design
Build responsive sites in minutes with hundreds of unique pre-made layouts. Mix and match sections, apply your visuals and publish.
Build responsive sites in minutes with hundreds of unique pre-made layouts. Mix and match sections, apply your visuals and publish.
6. Hand-off
Flexible website layouts
Flexible website layouts
Working closely with developers and project manager to ensure a successful handoff
Build responsive sites in minutes with hundreds of unique pre-made layouts. Mix and match sections, apply your visuals and publish.
Build responsive sites in minutes with hundreds of unique pre-made layouts. Mix and match sections, apply your visuals and publish.
problem.
📄 Cumbersome Paper-Based Workflows
Reliance on paper documentation and manual processes creates information bottlenecks, slowing down handovers and increasing the risk of errors
💬 Fragmented & Inconsistent Processes
Lack of standardized digital workflows leads to miscommunication, delays, and quality gaps—hindering project control and resident satisfaction
📊 Decentralized & Unactionable Data
Critical property data is scattered across disconnected systems, preventing meaningful analysis or data-driven improvements for future projects
competitor analysis.
user journey map.
How might we...
Create a channel to increase engagement and help users to build up decision-making confidence in trading?
design qualities.
💭 Intuitive
Easy to understand and use, without requiring a lot of explanation or instruction
⏱️ Efficiency
Optimising the experience between the contractors and owner during the handover and inspection
🗂️ Organised
Inspection checklist and information is organised, making users to find what they need easily
User Flow
I mapped out user and task flows to visualize how a resident owner would move through key interactions throughout the app. These included things like handover service, report defects and following-up. Creating these flows helped me uncover where friction might occur and identify the touchpoints that needed to feel effortless.
Wireframe
It maps out key screens, showing how users navigate, complete tasks, and view inspection details, with placeholders for buttons, menus, and checklists. It prioritizes functionality and user experience, guiding design and development.
design system.
prototype.
testimonial.
Inspection App has uplifted our service quality and increased 20% of our unit turnover rate!
Jacky
Facilities Management Senior Manager- Wheelock
Facilities Management Senior Manager- Wheelock
design qualities.
💭 Intuitive
Easy to understand and use, without requiring a lot of explanation or instruction
⏱️ Efficiency
Optimising the experience between the contractors and owner during the handover and inspection
🗂️ Organised
Inspection checklist and information is organised, making users to find what they need easily
problem.
📄 Cumbersome Paper-Based Workflows
Reliance on paper documentation and manual processes creates information bottlenecks, slowing down handovers and increasing the risk of errors
💬 Fragmented & Inconsistent Processes
Lack of standardized digital workflows leads to miscommunication, delays, and quality gaps—hindering project control and resident satisfaction
📊 Decentralized & Unactionable Data
Critical property data is scattered across disconnected systems, preventing meaningful analysis or data-driven improvements for future projects
I found painpoints from...
User Interviews & Competitor Analysis
I found painpoints from...
📄 Cumbersome Paper-Based Workflows
Reliance on paper documentation and manual processes creates information bottlenecks, slowing down handovers and increasing the risk of errors
💬 Fragmented & Inconsistent Processes
Lack of standardized digital workflows leads to miscommunication, delays, and quality gaps—hindering project control and resident satisfaction
📊 Decentralized & Unactionable Data
Critical property data is scattered across disconnected systems, preventing meaningful analysis or data-driven improvements for future projects
user journey map.
How might we...
Create a channel to increase engagement and help users to build up decision-making confidence in trading?
problem.
📄 Cumbersome Paper-Based Workflows
Reliance on paper documentation and manual processes creates information bottlenecks, slowing down handovers and increasing the risk of errors
💬 Fragmented & Inconsistent Processes
Lack of standardized digital workflows leads to miscommunication, delays, and quality gaps—hindering project control and resident satisfaction
📊 Decentralized & Unactionable Data
Critical property data is scattered across disconnected systems, preventing meaningful analysis or data-driven improvements for future projects
I found painpoints from...
User Interviews & Competitor Analysis
user journey map.
How might we...
Create a channel to increase engagement and help users to build up decision-making confidence in trading?
design qualities.
💭 Intuitive
Easy to understand and use, without requiring a lot of explanation or instruction
⏱️ Efficiency
Optimising the experience between the contractors and owner during the handover and inspection
🗂️ Organised
Inspection checklist and information is organised, making users to find what they need easily
User Flow
I mapped out user and task flows to visualize how a resident owner would move through key interactions throughout the app. These included things like handover service, report defects and following-up. Creating these flows helped me uncover where friction might occur and identify the touchpoints that needed to feel effortless.
Wireframe
It maps out key screens, showing how users navigate, complete tasks, and view inspection details, with placeholders for buttons, menus, and checklists. It prioritizes functionality and user experience, guiding design and development.
competitor analysis.
competitor analysis.
design system.
prototype.
design qualities.
💭 Intuitive
Easy to understand and use, without requiring a lot of explanation or instruction
⏱️ Efficiency
Optimising the experience between the contractors and owner during the handover and inspection
🗂️ Organised
Inspection checklist and information is organised, making users to find what they need easily