3xplor (pronounced ‘explore’) is a new product that allows the public to showcase all kinds of places and properties in 360° video and virtual reality. The 3xplor team approached us to help them design and build this product from scratch. They wanted a cutting-edge platform that was also user-friendly and accessible. We worked closely with the team to see their concept realised, from research and wireframes through to the live version.

UX Wireframes

  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
  • 3xplor UX Wireframe
3xplor Paper Wireframes
3xplor Paper Wireframes

User Testing

We established 3xplor’s core functions in wireframe form. Next, we prototyped clickable user journeys. We tested these on real people to perfect the product’s performance before the design phase.

3xplor User Testing 3xplor User Testing


We created a customised set of visual elements to give the product long-term impact. As 3xplor continues to evolve, these will provide a consistent foundation of colours, typography, spacing and icons.

A distinctive style isn’t the only factor needed for the product’s longevity. We developed a clean interface of consistent UI elements. This makes it easy for users to navigate and interact with the site.

    Brand Colours

  • 3xplor Yellow

    R: 254, G: 183, B: 0

  • 3xplor Dark Blue

    R: 50, G: 61, B: 80

    UI Colours

  • Headers

    R: 54, G: 60, B: 70

  • Body copy

    R: 80, G: 84, B: 91

  • Properties

    R: 254, G: 183, B: 0

  • Restaurants

    R: 235, G: 84, B: 99

  • Bars & Clubs

    R: 101, G: 165, B: 245

  • Sights

    R: 80, G: 217, B: 179

  • Sports/Social Club

    R: 253, G: 119, B: 96

  • Home Services

    R: 170, G: 152, B: 238

  • Shops

    R: 236, G: 83, B: 158

  • Education

    R: 111, G: 214, B: 226


  • Main Gradient

    R: 254, G: 183, B: 0


Body Font

Body Font (Smaller)

UI Components

We used our own framework to build the website’s UI components. This handles everything from styles to states. Our custom framework also keeps the overall download size down, improving loading speeds and general performance.

  • Parallax Card

    3xplor homepage component
  • Sticky Search Bar

    3xplor search bar
  • Add a Room Card

    3xplor add room component
  • Sign In Modal

    3xplor sign in component
  • Selectboxes

    3xplor sign in component
  • Inputs with labels

    3xplor featured place component

Custom Illustrations

3xplor lets you search for almost any kind of place, such as a property, school, restaurant, or tourist hotspot. This posed a challenge – how to simplify the search process for users, and serve only relevant results?

We created an eye-catching icon pack in line with the 3xplor style. This gives users a great visual experience and makes searching by category easy and intuitive.

3xplor Plan Illustrations 3xplor Plan Illustrations 3xplor Plan Illustrations
3xplor icons

Responsive Designs

3xplor has the potential to benefit desktop users, and also mobile users visiting a new location. So it was vital the platform was developed to be accessible to all people on all devices.

We planned for adaptability from the outset, developing a fluid layout and meeting the changing UX demands of different screen sizes. The finished website is highly responsive and provides a smooth experience, regardless of the device used.

  • 3xplor mobile image
  • 3xplor mobile image
  • 3xplor mobile image
  • 3xplor mobile image
  • 3xplor mobile image
  • 3xplor mobile image

Simple Process

We wanted 3xplor to be really simple to use, both for proprietors to add a place and for people looking for a place to visit. We carried out intensive planning and user research to make sure the platform we’ve developed is as user-friendly as possible.

Do you want to see how easy it is to use 3xplor? Take a look at this video:

Making everything work…

Built from some of the finest frameworks available, we’ve developed the 3xplor platform carefully from the ground up with performance and scalability in mind. This means no surprises during busy days for the business, ease of use and accessibility for visitors, and a codebase that’s familiar to thousands of potential developers.

3xplor Plan Illustrations

Easy management…

Alongside the challenge of getting a platform of this scale up and running, there’s the challenge of how it will be managed on a day-to-day basis.

We’ve collaborated with 3xplor to develop a content management suite for them. This makes our role, aside from ongoing development, non-existent. The entire site management from listings to payment processing is wrapped up in a streamlined administration area.

3xplor Plan Illustrations

"Supremo’s technical talent, creative skills and understanding of user online behaviour has helped 3xplor research, design and develop an innovative VR hosting platform with appealing UI, sophisticated self-serve admin area and scaleable back-end. We work remotely but collaboratively to develop the platform in monthly sprints and have developed a close working relationship and long term partnership."

Lisa Hutt - 3xplor

Explore 3xplor for yourself

Looking for a new home, friendly sports club or a great night out? Visit 3xplor and explore property and places in video, 360° and virtual reality.

View Live Site
3xplor Responsive Showcase

Next - Kyma

Branding for social experts