iPad Villa Sales App - Miles' Portfolio

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

Early Mockups
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.
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.

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.
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.

Solution
The landing page and resort preview card were scrapped. We also developed a Map and List view toggle. The List view reduced taps to villa to 2 (from 6), and Sales Reps had a choice of flows to get to the villa page.
NAVIGATION.

Usability Issue
The original 'back' button made navigation long-winded between Villas, Gallery and Experiences.

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
RESULT

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.
More Projects

The Virtual High Street
View Project

Usawa Fitness App
View Project
Let's Connect

milesmatthewman@gmail.com

https://www.linkedin.com/in/miles-matthewman/

Luxury Villa Sales App

For confidentiality, images and brand names have been modified or AI generated.

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

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.

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.

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

Early Mockups

TAILORED PITCHES.

Challenge

Sales Reps needed to find villas meeting the prospect's needs.

Solution

Effective filtering of villas to meet prospect requirements.

DIFFERENTIATING BETWEEN RESORT BRANDS.

SIDE BY SIDE VILLA COMPARISON.

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.

TAP COUNT.

Usability Issue

The client wanted to reach villa info in as few taps as possible and some steps were deemed superfluous.

Solution

The landing page and resort preview card were scrapped. We also developed a Map and List view toggle. The List view reduced taps to villa to 2 (from 6), and Sales Reps had a choice of flows to get to the villa page.

NAVIGATION.

Usability Issue

The original 'back' button made navigation long-winded between Villas, Gallery and Experiences.

Solution

A top navigation bar for seamless navigation between Villas, Experiences, and Gallery to easily support the Sales Reps, whatever direction the pitch took.

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

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.

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.

More Projects

The Virtual High Street

Usawa Fitness App

Let's Connect

milesmatthewman@gmail.com

https://www.linkedin.com/in/miles-matthewman/