UI/UX, UX Research, Branding
Gold Coast Residence
Duration: Over 6 months
Online Location: Visit the Gold Coast Residence website
Our client sought to standardize and unify the design across their Gold Coast website offerings. This initiative aimed to strengthen brand consistency across all digital platforms while also improving the quality of user experience.
As part of the engagement, we conducted a comprehensive digital audit to evaluate both the visual design and usability of the existing digital touchpoints, identifying opportunities for enhancement.
The following section presents a selection of the UX artifacts and UI screens developed throughout the website revamp — from initial research through to final design deployment.
Discover and Define Phase
User Experience Research
During the Discover and Define phases, user experience research typically includes qualitative one-on-one interviews and the development of key UX deliverables such as personas, empathy maps, and journey maps.
The interviews are designed to understand users’ goals and requirements when visiting the website and renting a home. Key topics include the value of promotional offers, the criteria used to evaluate an “ideal” home, the role of community, and how effective high-resolution images or virtual tours are in shaping and managing expectations.
In addition, personas are created to capture common user scenarios, objectives, needs, motivations, frustrations, and demographic patterns. Empathy maps further document the thoughts, feelings, and challenges of home-seekers, while journey mapping captures both the current and desired renting experiences. The following examples highlight deliverables produced during this phase for the project.
Persona Development
Empathy Mapping
Journey Mapping (As-Is)
Opportunity Area - Pain Points and Challenges
Our research identified several usability challenges and user pain points with the current experience, including:
Navigation challenges: The navigation does not align clearly with user goals.
Opportunities in information architecture: Content organization and taxonomy could be optimized for easier discovery.
Reduced readability: Visual design elements impact readability and comprehension.
Slow performance: Page load speed is inconsistent and affects user patience and engagement.
Limited search and filtering: Users cannot easily search for or filter relevant content.
Insufficient conversion pathways: Clear calls-to-action (CTAs) for booking appointments are not consistently available.
Limited visual content: Users have access to fewer images, which makes it harder to evaluate properties.
Underutilized virtual tours: Virtual tour functionality is present but not used effectively within the experience.
Gaps in facility and room imagery: There are not enough images to help users assess key features such as facilities and individual rooms.
Minimal digital community engagement: There are limited opportunities for users to connect with the community through digital channels.
These findings informed the design priorities for the website revamp.
Problem Definition
These activities above enable the synthesis of pain points and the identification of key opportunity areas. From this insight, solutions are proposed and framed through “How Might We” (HMW) problem statements to guide the overall design direction.
Here is one example of how the problem was framed:
“How might we design a website for home finders to examine and evaluate whether Gold Coast Residence will provide their ideal living experience? ”
Develop and Deliver Phase
User Interface Components
The following section presents selected to-be journey maps, wireframes, and design screens developed during the Define and Deliver phases. These visuals demonstrate the user experience across key touchpoints, highlighting core interactions and addressing previously identified pain points.
By reviewing and analyzing these elements, we can determine where improvements are needed and ensure the final design reflects user expectations and supports effective task completion.
Journey Mapping (To-Be)
Design System
Typography
Color
Wireframe
Layout

