- UI/UX
- Product
Cuddlynest
property owner interface
Scope
Cuddlynest, an online travel agency, needed a new interface for property owners to list and manage their properties. The existing interface was developer-built and overly complex. The project involved:
- Redesigning the property listing flow
- Creating a manageable dashboard for property owners
- Developing responsive designs for desktop (1440px), tablet (768px), and mobile (375px)
Process
- Interviewed Product Owner to understand different types of property owners
- Developed a concept of progressive disclosure and step-by-step saving
- Discussed and got approval from Product Owner
- Designed the interface, constantly communicating with backend developers for feasibility
I conducted in-depth discussions with the Product Owner to understand the diverse range of property owners using our platform. This helped me create user personas, from individual apartment owners to large hotel chains.
![Property owner types](/static/22ed960f415a01d78d4d49d96e58b275/cd4f5/property-owner-types-light.png)
I created a concept that gradually revealed information and options to users as they progressed through the listing process. This approach aimed to reduce overwhelming users with too much information at once.
![List new property flow progressive disclosure wireframe](/static/a9ef60107c7058b2d62495ce2ebd1ffb/2f6e5/wireframe-list-new-property.png)
![Dashboard wireframe](/static/e03ab76738794f36dce5b34b663cdd6a/2f6e5/wireframe-dashboard.png)
I created wireframes and high-fidelity mockups for each step of the listing process and the dashboard. Throughout the design phase, I maintained constant communication with backend developers to ensure technical feasibility.
![First step of listing new property](/static/bf6948583a45a5c0aeb7f41959534213/cd4f5/design-list-new-property.png)
![Message view](/static/8e80c8ae77d6c26d6916cfed5c5715eb/2f6e5/design-message.png)
![Settings page](/static/04458f2a65286ebac91caa2a3162af19/2f6e5/design-settings.png)
![Rules page in the new property listing flow](/static/540829ad0e376960f4db52beda347f93/cd4f5/design-rules.png)
Challenges
The biggest challenge was creating an interface that would work for a diverse range of property owners. We needed to cater to small-scale owners renting out a single apartment during their vacation, as well as large hotel chains listing hundreds of accommodations across multiple online travel agencies.
Our backend system allowed integration with APIs of major hotel management software used by our larger clients. This enabled automatic import and synchronization of their listings with all the necessary details. My task was to design an interface that could display this imported data effectively while still allowing for manual edits when needed.
Another significant challenge was striking a balance between a clean, focused interface and providing power users with easy access to advanced features. We wanted to avoid cluttering the interface while still allowing for detailed customization of listings.
In the new property listing flow, I addressed these challenges by implementing a step-by-step process. This approach only asked for necessary information at each stage, preventing user overwhelm. Additionally, we allowed users to save their progress at any point and return later, providing flexibility for both casual and power users.
![First step of listing new property](/static/de04a93c4c988bf30e72a43d8ce42b6c/cd4f5/new-listing-first.png)
![Setting up facilities in the property in the listing flow](/static/eef300155ce45a79989542e8e2c00397/cd4f5/new-listing-second.png)
![Setting up pricing in the property in the listing flow](/static/714e719dc4e4ca190fd0b5898d02c17d/2f6e5/new-listing-third.png)
![Setting up availability in the property in the listing flow](/static/c0fb3ed8569de37076324a8e724f4761/2f6e5/new-listing-fourth.png)
In the property management dashboard, I implemented a two-tiered navigation system to manage complexity. The main navigation at the top allowed switching between major sections, while a context-sensitive local navigation on the left provided quick access to specific details. This structure organized large amounts of data effectively, benefiting users managing multiple properties by allowing easy access to information without losing context.
![Property listing dashboard](/static/783328d62bda3c4b8a85c8d0a4febaa9/cd4f5/navigation.png)
![Profile settings](/static/e91c95bada0e05af1ccb3589eca86da0/cd4f5/navigation-profile.png)
Clear information architecture with single-point focus for users
![Listings dashboard](/static/d9cd4e242082cecb37acefe298d3f135/2f6e5/focus-listings-dashboard.png)
![Get paid page](/static/28b53dd5b18b98a09fb9540c77a4e17b/2f6e5/focus-get-paid.png)
Dashboard with only actionable elements
![New listing options](/static/db044671d7fde2b408d46442f63defc1/2f6e5/actionable-new-options.png)
![Listing details management page](/static/a3a272ac1dd7ca5d08ca10df66bc86b6/2f6e5/actionable-listing-details.png)
Responsive design prioritizing crucial actions
![Listing location desktop page](/static/1736990ea04f98e48e0841ab383baa00/cd4f5/responsive-desktop.png)
![Listing location tablet page](/static/4baa923b0d4ebd228da33d7390c3a41e/2f6e5/responsive-tablet.png)
![Listing location mobile page](/static/3d31376ad4632a3d139b032e5ce622a3/2f6e5/responsive-mobile.png)
Results
This redesign significantly improved the user experience for property owners, making the listing process more intuitive and manageable across different user types and device sizes.
- Bounce rate for property owners creating listings decreased by more than 50%
- Received positive feedback from property owners