We completely reengineered OnTheMarket’s native apps (iOS & Android) to deliver a personalised, world-class service to buyers, sellers, tenants, and landlords.

App leads the way

Since OnTheMarket's mobile usage led the way in metrics, it was evident that reengineering the existing app (deemed unfit for purpose, just 5% of total visits/ per month were app users) was a priority that would move the business forward. To deliver innovative experiences using native technology, an app-first approach was the long-term goal, which would enable a world-class, seamless user experience. Starting with a discovery phase, all the existing web features and tools were compared with conversions and business KPIs to evaluate which would be redesigned for apps and which would become web-views. A hierarchical analysis of pain-points and friction points for the user based on qualitative data obtained through surveys and focus groups was also vital in addressing all of the users' concerns about the existing app.

Inside/outside industry

During the next phase of discovery, examples of apps from both inside and outside the industry were analyzed. In the property industry (UK), Rightmove and Zoopla are leading the way, as well as many overseas portals with great examples of UX (Domain.com.au, Zillow, Redfin, Realtor, Trulia). In the outside industry, there was a free-for-all and an attempt to identify innovative applications and features we use on a daily basis and how they could be applied to the property industry. The theme of gamification came up frequently, and AI features were slowly but surely becoming prevalent in their respective fields.

Blue sky thinking/ feature mapping

During the ideation phase, workshops were conducted to plot OnTheMarket's current web features and products, as well as innovative new features chosen from the company's road map and those discovered during the analysis of best-in-class apps. Split between must-haves and nice-to-haves, we began to identify which features would be included in our new 2.0 app release, including selected innovative never-been-done before features on an property portal app. A big-bang release to wow the consumers was a key goal for the business.

Modules, work flows

Module and component creation was one of the main goals for the UX, in order to allow rapid development and reuse among various UX flows. Each stage of the app was mapped by top level modules prior to creating low fidelity wires. Although at a high-level, the complexities within each of these modules and components will be explored at a later stage. Since we were reusing a lot of web APIs, many of these details would be second nature when designing based on our experience building web flows. The ideation process of sketching screens leads to the construction of low-fidelity wire-frames of key flows to capture all requirements of the users for the business. Each of these core flows would pass stakeholders, and high fidelity designs would follow.

Hi-Fidelity Design

Core Search

Users searching for a property will now have a seamless user experience from various touch points within the app. Intuitive UI will help users see filters applied, multi-locations added, differentiation between property types and more. Enriched with micro-interactions, the app will become a delight for users to use with gratifying moments of animation.

Property Details

OnTheMarket's new details page was carefully built based on feedback from its web, mobile, and legacy apps. Featuring modals to launch media galleries, street views, and points of interest, among others, this allows for key content to be visible at first glance.

Collaboration

OnTheMarket's new details page was carefully built based on feedback from its web, mobile, and legacy apps. Featuring modals to launch media galleries, street views, and points of interest, among others, this allows for key content to be visible at first glance.

Gamification

OnTheMarket's new details page was carefully built based on feedback from its web, mobile, and legacy apps. Featuring modals to launch media galleries, street views, and points of interest, among others, this allows for key content to be visible at first glance.

Dark Mode

OnTheMarket's new details page was carefully built based on feedback from its web, mobile, and legacy apps. Featuring modals to launch media galleries, street views, and points of interest, among others, this allows for key content to be visible at first glance.