Web App For Handpicked Homes & Small Hotels
In 2021 I embarked on a bold voyage with my co-founder Marc Blazer to reimagine the way short-term rentals are sold. We focused on building meaningful relationships with our hosts, serving an aspirational collection of properties and providing best-in-class customer service to our guests.
Finding The Opportunity
Around 2020 The short-term rental market had become saturated by companies stuck in a 'race to the bottom' (Airbnb, VRBO, etc). As a result the cost of acquisition and retention ballooned making it difficult for smaller brands to compete. However this opened up a window of opportunity as the focus for these larger companies had shifted from quality to conversion — unbalancing the user experience along the way.
Over the course of the following year we carried out extensive research, chatting with industry leaders, meeting home owners and sitting down with guests to understand their purchasing habits and motivations. Through that due-diligence we were able to determine that a small but lucrative market existed within the creative industry and that those potential customers shared our values for architecture, travel and knowledge.
The challenge would be to avoid the tropes of standard e-commerce that had become prevalent (aggressive FOMO, unrelenting notifications, price gouging, etc) and instead thoughtfully reimagine the shopping experience for an audience that would be invested in a product that demonstrated a strong point-of-view, good taste and a clear understanding of the properties and locations listed.
![Collection Carousel](https://ik.imagekit.io/mkzvechhl/ik-seo/235e179321fb29a2d2c47aaac5b4bb7f763e2cc7-5120x2766/boutique_collection-carousel.jpg?tr=w-3840)
![Collection Carousel](https://ik.imagekit.io/mkzvechhl/ik-seo/d05c049f5e11d18f1bb9e0fa66500586d84f5ffb-2160x2636/boutique_collection-carousel.jpg?tr=w-3840)
The Power Of Collections
The mandate for the product was simple, let the homes do the talking and give our experts the tools to curate those homes. Thus the collection framework was born, a powerful and extendable design system that allows for multiple layout permutations to be built across any page (it's like Lego for adults).
![Collection Double Feature](https://ik.imagekit.io/mkzvechhl/ik-seo/281e8ddb75ac6ff0b79bc9b363607bc13164547b-5120x4342/boutique_collection-double-feature.jpg?tr=w-3840)
![Collection Double Feature](https://ik.imagekit.io/mkzvechhl/ik-seo/827bd3030591eae88eae57ab5c39faaa9379c1be-2160x4022/boutique_collection-double-feature.jpg?tr=w-3840)
Design thinking leads to productive cross functional outcomes
Harnessing the power of Sanity CMS, React (a little API magic) and some nifty CSS grids we were able to produce dynamic and engaging product pages that are updated by constant collaboration between, product, design, marketing and the travel teams. As the saying goes 'team work makes the dream work' and this is a great example of how design thinking leads to productive cross functional outcomes that benefit everyone.
![Collection Private Sale](https://ik.imagekit.io/mkzvechhl/ik-seo/2a91129b7942283fd61503c847f8d1bbea7b5430-5120x4342/boutique_collection-private-sale.jpg?tr=w-3840)
![Collection Private Sale](https://ik.imagekit.io/mkzvechhl/ik-seo/cf52e18a7b3511aaee3f5b90026710515830871d-1220x2160/boutique_collection-private-sale.jpg?tr=w-3840)
Designing For Discovery
Whilst working through the information architecture blueprint the concept of 'choose your own adventure' became a go-to tenet. As we started to put prototypes in front of our alpha testers it reinforced the need for this concept and so discovery became the center piece of the navigation allowing for seamless traversal between pages and search.
![Search Drawer](https://ik.imagekit.io/mkzvechhl/ik-seo/a43e052985c63b952258a344e4dd8fb760984808-5120x2766/boutique_search-drawer.jpg?tr=w-3840)
![Search Drawer](https://ik.imagekit.io/mkzvechhl/ik-seo/a1254bcbb33136cb6a45fd09a47d4f8bea1f623e-2160x2000/boutique_search-drawer.jpg?tr=w-3840)
Making sure you can move quickly without losing context
We designed search with speed in mind making it fast to use without sacrificing performance. This was made possible thanks to a balance between cached results, live API calls and some secret sauce from our AI powered sorting algorithm. All of this is delivered through our proprietary typeahead UI with advanced geo mapping that always places homes with precision.
![Search Results](https://ik.imagekit.io/mkzvechhl/ik-seo/2e5cb990ca92b2610c4b2b65a4b3c12a6df539ad-5120x3356/boutique_search-results.jpg?tr=w-3840)
![Search Results](https://ik.imagekit.io/mkzvechhl/ik-seo/c08f73bd4bfb4a998dbcb248295c7afca7ae8007-2160x2636/boutique_search-results.jpg?tr=w-3840)
Testing our approach with alpha users was imperative
Deciding which parameters are set in the initial drawer vs. the search results screen was another important step in making sure you can move quickly without losing context. It was crucial that we did not weigh a guest down with unnecessary cognitive load but still provide enough options to allow them to make an informed query. Again testing our approach with alpha users was imperative to striking the correct balance.
![Filter Controls](https://ik.imagekit.io/mkzvechhl/ik-seo/c2440b068b75a20a78a75621c1b9d18ea81d46b4-1238x832/boutique_filter-controls.jpg?tr=w-3840)
![Filter Controls](https://ik.imagekit.io/mkzvechhl/ik-seo/15e29ee6f0ee7fa2e3e4f754ed743ecd49825500-1052x896/boutique_filter-controls.jpg?tr=w-3840)
![Filter Pills](https://ik.imagekit.io/mkzvechhl/ik-seo/2ecdd39e68dc8854365eb02c0fabcabca98ecd06-1238x832/boutique_filter-pills.jpg?tr=w-3840)
![Filter Pills](https://ik.imagekit.io/mkzvechhl/ik-seo/1ede956f84d2adbb6e8734c1daa6835406912d42-1052x896/boutique_filter-pills.jpg?tr=w-3840)
Serving The Right Information At The Right Time
Sometimes it can be tempting to throw everything you know about a subject together and serve it up in one go. The rationale being akin to 'what if I accidentally miss something vital?' In practice however this leads to noisy layouts and places an unnecessary cognitive load on your audience.
![Property Page](https://ik.imagekit.io/mkzvechhl/ik-seo/0db84b077583631c19936c03c0d5c0973c17bb30-5120x2926/boutique_property-page.jpg?tr=w-3840)
![Property Page](https://ik.imagekit.io/mkzvechhl/ik-seo/c2a17634c1c142f4acba51752a04a319c840bac7-2160x3330/boutique_property-page.jpg?tr=w-3840)
Access to additional content is always within reach
The property page takes this lesson to heart, only serving the most relevant information required to make a purchasing decision — at the same time making sure that access to additional content is always within reach.
![Property Details](https://ik.imagekit.io/mkzvechhl/ik-seo/183498610d5ff82439438cb9bc0bb4320da09f1c-3780x3252/boutique_property-details.jpg?tr=w-3840)
![Property Details](https://ik.imagekit.io/mkzvechhl/ik-seo/135e71f4de691bce04529c27d648821126d22291-1220x2728/boutique_property-details.jpg?tr=w-3840)
Clear and concise hierarchy makes it easy to understand
Guests put great value in the ability to understand not only a property but its host as well. We wanted to promote this behavior through social proofing by including the option to see host stats and reviews left by other guests. Clear and concise hierarchy makes it easy to understand this information at a glance.
![Host Details](https://ik.imagekit.io/mkzvechhl/ik-seo/0746e3145d44a9da0cbfb9344a6eb5fb8bee32fd-1392x832/boutique_host-details.jpg?tr=w-3840)
![Host Details](https://ik.imagekit.io/mkzvechhl/ik-seo/307c1d0508ce85bc248062f665cccd315a991dd0-1232x736/boutique_host-details.jpg?tr=w-3840)
![Guest Feedback](https://ik.imagekit.io/mkzvechhl/ik-seo/651742b2cb080f9424a03024eb355e735e9669ed-1392x832/boutique_guest-feedback.jpg?tr=w-3840)
![Guest Feedback](https://ik.imagekit.io/mkzvechhl/ik-seo/a532e8ede39fb733e0c65e998ba6b1d61f73af7a-1232x736/boutique_guest-feedback.jpg?tr=w-3840)
Avoiding The Churn
The authentication process during product onboarding tends to account for the highest bounce rates within that application. We tackled this issue head on by reducing the information required during account creation and moved any tertiary data collection to a post authentication step. This helped significantly lower the rate of churn and led to an increase in the number of completed profiles.
![Sign Up](https://ik.imagekit.io/mkzvechhl/ik-seo/a5f7d9f35f3260615533d74f724c18169ee8a558-5120x2766/boutique_sign-up.jpg?tr=w-3840)
![Sign Up](https://ik.imagekit.io/mkzvechhl/ik-seo/fb8e613d939c5718125e5000d49ccd3532c2e925-2160x2280/boutique_sign-up.jpg?tr=w-3840)
Through iterative optimization we were able to increase satisfaction and drive conversion
We spent a great deal of time ensuring that the product experience on smaller screens was optimized to avoid any of the usual pitfalls associated with form fields. Mimicking the UX/UI patterns of dialog modals (found in native mobile operating systems) allowed us to offer the same streamlined authentication process from larger screens without sacrificing usability. Through iterative optimization we were able to increase satisfaction and drive conversion.
![Sign In](https://ik.imagekit.io/mkzvechhl/ik-seo/97eb7d58fa8443cafb4c5532212b558cf09f0e4a-2312x4120/boutique_sign-in.jpg?tr=w-3840)
![Sign In](https://ik.imagekit.io/mkzvechhl/ik-seo/c6d97ec03c758773a0b709f5de09fbe6fd29bad2-1760x3600/boutique_sign-in.jpg?tr=w-3840)
![Multi-factor](https://ik.imagekit.io/mkzvechhl/ik-seo/a9b9987ec4debcc20fdd5536d95451d6b207da49-2312x4120/boutique_multi-factor-authentication.jpg?tr=w-3840)
![Multi-factor](https://ik.imagekit.io/mkzvechhl/ik-seo/4e9ab00f52c5330810aabc6c24f09d8c20269d45-1760x3600/boutique_multi-factor-authentication.jpg?tr=w-3840)
![Profile](https://ik.imagekit.io/mkzvechhl/ik-seo/a7e393d9d4189c4b909aa9203dce3b1ccbe96599-2312x4120/boutique_complete-profile.jpg?tr=w-3840)
![Profile](https://ik.imagekit.io/mkzvechhl/ik-seo/31bc58eea25082667f833f32ce3b8bd81216c158-1760x3600/boutique_complete-profile.jpg?tr=w-3840)
Dark mode isn't just a gimmick — it can lead to real conversion gains
After implementing dark mode accessibility we were able to map a direct uptick in session length during off peak hours. We balanced the inverse color scheme to allow the UI to be viewed with comfort in low light conditions. The account menu also makes it easy to select a preference between on, off and automatic mode. After launching this feature we were able to show that dark mode isn't just a gimmick it can lead to real conversion gains.
![Sign In - Dark](https://ik.imagekit.io/mkzvechhl/ik-seo/0c7c04941223f450d8ec137e9a92fc9d7d745c10-2312x4120/boutique_sign-in-dark-mode.jpg?tr=w-3840)
![Sign In - Dark](https://ik.imagekit.io/mkzvechhl/ik-seo/dec621398c752829b2c88cc2415f798b44259243-1760x3600/boutique_sign-in-dark-mode.jpg?tr=w-3840)
![Multi-factor - Dark](https://ik.imagekit.io/mkzvechhl/ik-seo/4aef3806898a3d179340a525daa4870006104638-2312x4120/boutique_multi-factor-dark-mode.jpg?tr=w-3840)
![Multi-factor - Dark](https://ik.imagekit.io/mkzvechhl/ik-seo/41c021717f55b0987cba9a3d047396b2057a2956-1760x3600/boutique_multi-factor-dark-mode.jpg?tr=w-3840)
![Profile - Dark](https://ik.imagekit.io/mkzvechhl/ik-seo/4454245e036bde30d9db9862d3943fe901fb4060-2312x4120/boutique_complete-profile-dark-mode.jpg?tr=w-3840)
![Profile - Dark](https://ik.imagekit.io/mkzvechhl/ik-seo/71c8a6c74c9c57832ac288d046820c73e9ded376-1760x3600/boutique_complete-profile-dark-mode.jpg?tr=w-3840)
Optimizing The Flywheel
Understanding and optimizing the core flow has been essential for keeping a healthy active flywheel. We mapped out all purchase paths and scrutinized for both the expected and unexpected behaviors associated with navigating through those sections. Finally we were able to streamline the navigation to allow for the optimal route through the product balancing a need for conversion with a desire for moments of delight.
![Product Flow](https://ik.imagekit.io/mkzvechhl/ik-seo/f4184e730be6b7351190e67c5ea3184879202729-5120x2766/boutique_product-flow.jpg?tr=w-3840)
![Product Flow](https://ik.imagekit.io/mkzvechhl/ik-seo/22fac51d5670f4694db1518010fe200f70a68357-5120x2766/boutique_product-flow.jpg?tr=w-3840)
Placing Value In Content
For any company large or small it's essential to always invest in innovation whether that's through technology or people — and sometimes it's a bit of both. While content strategy is often considered the domain of social media we decided to take a chance on building ours internally, running it in synergy with the property catalogue. By telling compelling stories we helped strengthen the brand’s authority and increased trust in the product.
![Location Page](https://ik.imagekit.io/mkzvechhl/ik-seo/10c492ccd2b8ad02f6d11e1443879f786364041c-5120x3170/boutique_location-page.jpg?tr=w-3840)
![Location Page](https://ik.imagekit.io/mkzvechhl/ik-seo/600a85563e1917162c67e68cc50ffdabdc97d2d7-2160x2354/boutique_location-page.jpg?tr=w-3840)
Guides enabled us to connect our knowledge with the product
Our content strategy became the bedrock of the brand as we continued to build trust through our newsletters, articles and in-person events. A simple idea emerged through this campaign to create location specific guides which went on to net big SEO returns. Guides enabled us to connect our knowledge with the product allowing guests to move quickly between inspiration and checkout.
![Location Guide](https://ik.imagekit.io/mkzvechhl/ik-seo/ccd9b67f77fab7ba84e607922922e648174cfe3f-5120x4772/boutique_location-guide.jpg?tr=w-3840)
![Location Guide](https://ik.imagekit.io/mkzvechhl/ik-seo/defead7099983baaa6e9a233e3c517ee7f6dab6c-2160x3246/boutique_location-guide.jpg?tr=w-3840)
Boutique continues to thrive thanks to its love of travel & design. That passion is shared equally between guests and hosts alike. To the guests Boutique is aspirational, to the hosts it represents pride and to the team it’s about providing the very best product experience with a chance of turning aspirations into reality.
You can visit the live product today and start your next travel adventure or stick around and take a peek at some of my other work.