SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged...
Transcript of SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged...
![Page 1: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/1.jpg)
SnagR HomeSnagR Home is part of the construction management solution to be sold to real estate developers, while the primary users of the app are home owners.
Company SnagR
My Role Product / UX / UI Design
Duration June - November 2018
Learn More
![Page 2: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/2.jpg)
Defining Requirements
![Page 3: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/3.jpg)
Home Owners - to make the handover process easier Property Managers - to reduce their workload by reducing manual admin work Real Estate Developers - to save on-site staffing and improve customer satisfaction
External Stakeholders
Sales Team - to increase their stake to successfully sell the app to real estate developers Client Excellence Team - to minimise training and support to be provided to users
Internal Stakeholders
![Page 4: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/4.jpg)
As the app will be released globally, users a.k.a. home owners are expected to come from different age groups, languages and technology adaptation level.
Several personas were created to better understand their functional and non-functional requirements.
Think Global
![Page 5: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/5.jpg)
Goals
Frustrations
Cathy Chiu“I’m in love with anything fast and easy”
#HomeSweetHome#iOSrules
#SocialMedia
Age Gender Work Family Location
25Female Marketing Executive Engaged Hong Kong
Inspect the newly bought unit with her fiancé Take defects easily by themselves Check against if defects are all fixed before signing off the handover Share documents with renovation companies easily Less in-person visits during the handover process
Would like to inspect the apartment with fiancé only, but the property manager had to be there taking defects for them No systematic record of defects - fear of missing critical fixes Disorganised documents of forms, contracts, manuals and warranties
Tech-savvinessValue for convenience
Value for CS services
22.5 45 67.5 90
Person example
![Page 6: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/6.jpg)
User Goals
!
Record defects with photos to property managers easily
"
Be instantly notified on the defect-fixing progress
#
Keep track of and submit signed forms as required
$
Get access to floor plans, warranty cards, manuals and other documents
![Page 7: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/7.jpg)
User Testing
![Page 8: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/8.jpg)
User interviews were conducted with home owners, as well as internal users from Sales and Client Excellence Teams from global offices.
The user flow was iterated and refined after each interview to come up with a logical and intuitive design.
User Flow
![Page 9: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/9.jpg)
I used InVision to create the transitions between screens and motions of elements to provide a more precise interactive experience preview for test users.
Prototypes
Try it Out
![Page 10: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/10.jpg)
User Interface Design
![Page 11: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/11.jpg)
The color scheme was developed for the mobile app, and further its coverage to all marketing materials including website, presentation deck and brochure to create a cohesive brand presence.
Color Palette
![Page 12: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/12.jpg)
Typography
![Page 13: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/13.jpg)
Iconography
![Page 14: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/14.jpg)
Bars
![Page 15: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/15.jpg)
Tags
![Page 16: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/16.jpg)
Lists
![Page 17: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/17.jpg)
Controls
![Page 18: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/18.jpg)
States
![Page 19: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/19.jpg)
States
![Page 20: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/20.jpg)
![Page 21: SnagR Home · #SocialMedia Age Gender Work Family Location 25 Female Marketing Executive Engaged Hong Kong Inspect the newly bought unit with her fiancé Take defects easily by themselves](https://reader034.fdocuments.in/reader034/viewer/2022050309/5f7111a7982036294a3e5eb6/html5/thumbnails/21.jpg)
SnagR Home on iOS and Android