Accommodation Search for Expats Website MVP

Accommodation Search Website MVP

Learn how Codica helped a client to quickly build an MVP of accommodation search website for expats.

Domain:Accommodation
Location:Australia
Timeline:Feb 2019 - May 2019
Services:UX/UI design, Front-end, Back-end,MVP development
Team:1 Project Manager, 1 UX/UI Designer, 2 React Developers, 1 QA Engineer
Core Technologies:React, Redux, ANTdesign / Semantic, CSS animations
Accommodation Search Website MVP

Background

This project is a world-first service for finding long-term accommodation. The company helps people who move to Australia to take up employment find a residence quickly.
The goal of the project is to simplify the relocation process by assisting in accommodation search for expats.

Business challenges

  • Build a minimum viable product of an accommodation-picking platform in a short time frame.
  • Create a fast-loading house rent website for expats to find the most suitable accommodation that meets specific requirements.
  • Find the most convenient way to collect search criteria from users to offer them suitable accommodation.

Value delivered

  • Our team delivered a working minimum viable product that our client could present to early investors, without spending too much time and money on web development.
  • The expat housing platform allows quickly finding the most relevant accommodation options with the help of the search wizard, and further downloading the results as a PDF file.
  • To ensure high website performance, we used Firebase for authentication and storing users’ data, thus avoiding numerous API requests.

Have a great idea for a web product?

We know how to bring it life.
Talk to an expert

Solution delivered

Accommodation search system for expats

Complex accommodation search for expats

When users put in their criteria, the application displays a local map with relevant and available settlement options. Users can dynamically change available filters to narrow the accommodation search for expats or see the most efficient way from home to work.
UX/UI design of complex accommodation search system for expats

UX and UI

We used Semantic UI to build a visually-appealing UI design of the MVP solution according to the company's identity. Thanks to the intuitive user flow, the interface is convenient and easy-to-use, which boosts user experience of the expat housing platform.
data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUzIiBoZWlnaHQ9IjUyNCIgdmlld0JveD0iMCAwIDM1MyA1MjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxjaXJjbGUgY3g9IjkxIiBjeT0iMjYyIiByPSIyNjEuNSIgc3Ryb2tlPSIjNkFBRkM1IiBzdHJva2UtZGFzaGFycmF5PSI4IDgiLz4KPGNpcmNsZSBjeD0iOTEiIGN5PSIyNjIiIHI9IjE0NC41OTUiIHN0cm9rZT0iIzZBQUZDNSIgc3Ryb2tlLWRhc2hhcnJheT0iOCA4Ii8+CjxwYXRoIGQ9Ik0xMTAuODk5IDI1Ny40NEMxMTAuODk5IDI3Mi41OTQgOTEuNDE0NiAyODUuNTg0IDkxLjQxNDYgMjg1LjU4NEM5MS40MTQ2IDI4NS41ODQgNzEuOTMwNCAyNzIuNTk0IDcxLjkzMDQgMjU3LjQ0QzcxLjkzMDQgMjUyLjI3MiA3My45ODMyIDI0Ny4zMTYgNzcuNjM3MiAyNDMuNjYyQzgxLjI5MTIgMjQwLjAwOCA4Ni4yNDcxIDIzNy45NTYgOTEuNDE0NiAyMzcuOTU2Qzk2LjU4MjEgMjM3Ljk1NiAxMDEuNTM4IDI0MC4wMDggMTA1LjE5MiAyNDMuNjYyQzEwOC44NDYgMjQ3LjMxNiAxMTAuODk5IDI1Mi4yNzIgMTEwLjg5OSAyNTcuNDRaIiBzdHJva2U9IiM2QUFGQzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNOTEuNDE0NCAyNjMuOTM1Qzk1LjAwMTMgMjYzLjkzNSA5Ny45MDkxIDI2MS4wMjcgOTcuOTA5MSAyNTcuNDRDOTcuOTA5MSAyNTMuODUzIDk1LjAwMTMgMjUwLjk0NSA5MS40MTQ0IDI1MC45NDVDODcuODI3NSAyNTAuOTQ1IDg0LjkxOTcgMjUzLjg1MyA4NC45MTk3IDI1Ny40NEM4NC45MTk3IDI2MS4wMjcgODcuODI3NSAyNjMuOTM1IDkxLjQxNDQgMjYzLjkzNVoiIHN0cm9rZT0iIzZBQUZDNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=
Google Maps Integration

Google Maps Integration

Customers see custom styled pop-ups for accommodation options on the local map in real-time mode. The windows display the main lodging description with several images, address, the price per week, and included house facilities.
Search wizard for specifying users' preferences

Search wizard

Search wizard allows users to specify all their preferences in a quiz with animation effects. When the wizard is submitted, expats will see the most relevant accommodation offers. Users can further download PDF reports which contain specified attributes, relevant neighbourhoods, and available residences.
Google Distance Matrix API for building a route for expats

Google Distance Matrix API

One of the great features of the search expat housing platform is that expats can see the most accurate routes from a selected house to a specific destination point, with distance and duration indicators. To build this functionality, we used Google Distance Matrix API. To ensure its fast work, we used Firebase to store and cache the preferences. It helps avoid making tons of API requests each time users change attributes.
Attribute ranking algorithm to generate the required accommodation options

Attribute ranking algorithm to simplify accommodation search for expats

Our team built an attribute ranking algorithm that allows us to dynamically generate the most suitable lodging for users based on the specified attributes. This mechanism helps narrow the search and offer the most accurate and needed option.
Technologies

React

Redux

ANTdesign

POSE

Firebase

React Google maps

React Geosuggest

CSS animations

Integrations

Maps JS API

Places API

Geocoding API

Directions API

Distance Matrix API

“It was a real pleasure to work on such an interesting project. On the technical side, it was great to work with Firebase, Google Maps Directions and Distance Matrix APIs and deepen our expertise.
Our team was truly inspired by the idea of building an MVP for a search expat housing platform. And for me, that’s the beauty of software development - creating powerful solutions to the real problems that people encounter. It was a really valuable experience for our team.”
Yurii
Yurii
React Developer at Codica

Let’s build a great custom product together

Tell us about your project:
angle-arrow
angle-arrow

paperclipAttach files

Stay up to date with software development and design materials from Codica.
What’s next?
  • 1. We will contact you within 1 business day to discuss the next steps.
  • 2. In the meantime, you can check our Case Studies and our Blog.
  • 3. We will sign the NDA if required, and start the project discussion.
  • 4. Our custom software development experts will analyze your requirements and suggest the best ways to bring your idea to life.
Let’s build a great custom product together | Codica
Other projects
Multi-vendor vehicle marketplace
See case study
/static/case-africar-70d59192a148c50317fbc4ff445e0dd1.png
Online collaboration marketplace
See case study
/static/case-digital-village-73b0b0261c0646ff0ad36f227e748369.png