thumbnail image
  • Portfolio
  • My Story
  • CV
  • Recommendations
  • …  
    • Portfolio
    • My Story
    • CV
    • Recommendations
  • Portfolio
  • My Story
  • CV
  • Recommendations
  • …  
    • Portfolio
    • My Story
    • CV
    • Recommendations
  • Luxury Villa Sales App

  • broken image

    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
     
    broken image
  •  

    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.
  • broken image

     

    DESIGN PROCESS

     

    broken image

    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

     

    broken image
  •  

    USER JOURNEY MAPPING

     

    broken image
  •  

    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

    broken image

     

    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

    broken image
  • 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)

    broken image
  • 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.

    broken image
  •  

    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

    broken image

     

    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)

    broken image
  • 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.

     

    broken image

     

    Solution

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

     

    broken image
  •  

    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.  

    broken image
  • More Projects

    The Virtual

    High Street

    broken image
  • View Project

    Usawa Fitness

    Web-App

    broken image
    View Project
  • Let's Connect

    milesmatthewman@gmail.com

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

    broken image
    Cookie Use
    We use cookies to ensure a smooth browsing experience. By continuing we assume you accept the use of cookies.
    Learn More