Luxury Villa Sales App
For confidentiality, images and brand names have been modified or AI generated.
TLDR / OVERVIEW
Role: Lead UX/UI Designer
User: Luxury Villa Sales Reps
What: All-In-One Marketing And Sales iPad Tool
Objective: To Engage High-Net-Worth Individuals And Generate Villa Sales Leads
Key Stakeholders:
- Sales Reps
- High-Net-Worth Potential Buyers
- Hotel Resort Chains
- Client’s Sales, Marketing, and CRM Team
- Internal Project / Engineering Team
THE PROBLEM
ISLAND UNDER CONSTRUCTION.
The island and villas were still being built, necessitating the use of 3D visualisations to showcase the properties and lifestyle centred on luxury, sustainability, and well-being.
ADAPTABLILITY.
Sales reps required a portable all-in-one solution to easily access, filter, and present information about the island, villas, and availability, eliminating the need for multiple physical brochures.
The objective was to quickly engage a prospect, adapt the pitch to their needs, and convert them into a potential lead.
They needed to be prepared for both planned and spontaneous pitches, whether in an elevator, a prospect's office, or at events.
DIVERSE STAKEHOLDER NEEDS.
Besides the Sales Reps, the tool had to accommodate multiple demands of resort brands (unique USPs and character), the island management's sales/CRM team, and the high-net-worth prospects.
DESIGN PROCESS
Because I value your time, I have not included all the above aspects below. If you want more detail, please email or ask me in an interview.
Challenge
Address diverse needs of users and stakeholders
Solution
In-depth UX Research - interviews, workshops & market analysis
Result
Creation of different user personas for key stakeholders and market analysis to understand context. Developed user stories and a user journey map for Sales Reps to guide the solution's development.
USER PERSONAS
USER JOURNEY MAPPING
IDEATION & EARLY DESIGNS
I shared initial lo-fidelity wireframes with the internal team. We quickly transitioned to hi-fidelity mockups at the contractor's request for polished designs to present to the client for early feedback.
Initial Lo/Mid-Fidelity Wires & First Mockup
DEVELOPING THE SOLUTION
TAILORED PITCHES.
Challenge
Sales Reps needed to find villas meeting the prospect's needs.
Solution
Effective filtering of villas to meet prospect requirements.
Filter options and filter applied to main map
DIFFERENTIATING BETWEEN RESORT BRANDS.
Challenge
Enable Sales Reps to present the unique identity of the hotel resorts along with their their marketing material.
Solution
An additional bottom navigation bar on the hotel resort page enabled the Sales Reps to easily access brand specific content supplied by the hotel chain.
Bottom Navigation (Map, Video and Brochure)
SIDE BY SIDE VILLA COMPARISON.
Challenge
Enable prospects to easily compare and contrast different villa options and get information about the villas of interest sent to their email.
Solution
Sales Reps could view 3 villas side by side across multiple brands. Villa details could then be emailed to prospects and the client's CRM updated to capture their interest and generate leads.
Add paragraph text here.
USER TESTING & REFINING THE SOLUTION
It was an iterative process, I carried out regular demonstrations of the prototypes to the client and multiple usability tests to get feedback and make modifications to the user flows and iron out usability issues.
Below are some examples:
TAP COUNT.
Usability Issue
The client wanted to reach villa info in as few taps as possible and some steps were deemed superfluous.
5 Tap Flow
Solution
The landing page and resort preview card were scrapped.
I also developed a Map and List view toggle. The List view reduced taps to villa to 2 (from 5), and Sales Reps had a choice of flows to get to the villa page.
3 Tap Flow (pink) / 2 Tap (blue)
NAVIGATION.
Usability Issue
The original 'back' button made navigation long-winded between Villas, Gallery and Experiences. Users had to go all the way back to the landing page.
Solution
A top navigation bar for seamless navigation between Villas, Experiences, and Gallery to easily support the Sales Reps, whatever direction the pitch took.
PROTOTYPE
EXPLORE YOURSELF.
For confidentiality, this is not the full prototype. I have sanitized selected wireframes, replacing brand names and proprietary images with AI-generated content to give you an overview of the app's functionality.
To ensure the iPad app fits the screen (laptop/desktop), I suggest going to the settings and selecting 'Fit width and height' or putting the prototype into full screen mode.
https://www.figma.com/proto/P3jecf2wiyl7wzlNHtVGMz/Red-Sea-Sales-App?node-id=4573-13671&viewport=376%2C-189%2C0.18&t=qYYyy4dMffnxNfrx-0&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=4573%3A13671
RESULTS
IMPACT.
I developed solutions that met requirements and exceeded expectations. For my contractor, who had not previously worked with a UX designer, I demonstrated the value of user research and user-centered design to ensure the right product was built for their client.
PROJECT OUTCOME.
I completed an 8-month contract, successfully handing over the UX/UI designs. The project was active, with positive client feedback during progress meetings and user testing.
However, after my departure, the project was disbanded due to a restructuring in the client's sales team and a breakdown in the relationship between my contractor and client regarding late invoice payments.
KEY LEARNINGS
STAKEHOLDER ENGAGEMENT.
Early collaboration with stakeholders ensured the sales app addressed the right problems.
CULTURAL ADAPTABILITY.
Flexibility was essential when working across cultures, time zones, and hierarchical power structures.
CLEAR COMMUNICATION.
Simple storytelling helped the internal and external clients understand the reasoning behind design decisions and the UX process in general.
RAPID ITERATIVE TESTING.
An agile approach with early prototypes and frequent user testing helped visualize the experience, generate ideas, identify usability issues and ensure we would capture prospect information effectively.
COLLABORATION.
Regularly leading client meetings, demoing prototypes and coordinating with internal engineering and external client teams, I ensured smooth development of my designs that supported future functionality and integration with the client CRM.
ALL SCREENS
This is all the sanitised screens, the real project had many more.