Home-buying StruggleHomeKey needed to address this pain point by providing a platform that simplifies and accelerates the process.
The home-buying process in the Philippines is notoriously time-consuming, requiring multiple steps and interactions that can overwhelm buyers. HomeKey needed to maintain trust and professionalism while making the experience smoother.
The GoalBuilding an Ecosystem
To develop a Budget Finder tool that helps homebuyers evaluate properties that fit their needs, create a comprehensive marketplace for homes and properties, and partner with banks and land developers to build an ecosystem that streamlines and accelerates the home-buying process in the Philippines.
RoleWarren Labuan co-designed the interface, user experience, and design system of HomeKey, ensuring that the platform was intuitive and visually engaging. He also created bespoke illustrations that aligned with HomeKey's branding, enhancing its overall design and effectively communicating its values.
Design System Co-creationColors
TypographyDesign System Co-creation
Inter
Base Value: 16 | Scale: 1.125
Inter is a variable font family carefully crafted & designed for computer screens. Inter features a tall x-height to aid in readability of mixed-case and lower-case text.
ComponentsDesign System Co-creation
01
Title Bar
Navigation and header components
02
Property Card
Listing display components
03
Upload Field
File upload interactions
04
Date Picker
Date selection components
IllustrationsBespoke Visual Assets
Warren Labuan created bespoke illustrations that aligned with HomeKey's branding, enhancing its overall design and effectively communicating its values.