VIVA Co-living
VIVA Co-living
VIVA Co-living
Redesigning the online experience for a premium hospitality sustainability client.
Redesigning the online experience for a premium hospitality sustainability client.
Redesigning the online experience for a premium hospitality sustainability client.
Client
VIVA COLIVING
Timeline
5 Months
Services
Product design
ux/ui design
FIGMA
interaction design
MY ROLE
UX/UI DESIGNER
Project Overview
Project Overview
Viva Co-Living is a co-working and co-living space based in Malaga (Spain), designed for professionals seeking a refreshing change from their usual work environment. Offering a combination of breathtaking scenery, high-end accommodations, multiple activities and a community of like-minded people, Viva Co-Living provides the perfect atmosphere to balance work with relaxation.
The project objective was to design and build a new website to increase bookings, showcase the luxurious experience, and create a seamless experience for potential customers.
Viva Co-Living is a co-working and co-living space based in Malaga (Spain), designed for professionals seeking a refreshing change from their usual work environment. Offering a combination of breathtaking scenery, high-end accommodations, multiple activities and a community of like-minded people, Viva Co-Living provides the perfect atmosphere to balance work with relaxation.
The project objective was to design and build a new website to increase bookings, showcase the luxurious experience, and create a seamless experience for potential customers.
Project Overview
Challenge
Create a website to attract professionals seeking a productive yet community-focused work-life balance in a premium, co-living environment.
Create a first release of the interface (MVP) that allows users to interact with the AI-driven palletization robot in a safe and intuitive way.
Solution
Developed a responsive, user-friendly website high-fidelity prototype that highlights the unique amenities, and streamlined booking process.
Designed an intuitive interface for an AI-driven palletization robot, enabling seamless interaction, monitoring, and business rule management.
Result
The high-fidelity prototypes are ready for development, validated through user testing, and optimized for mobile, tablet and desktop.
Secured high-profile client meetings and a pilot project contract, significantly enhancing warehouse efficiency and operational margins.
The Problem Statement
Viva Co-Living’s current website lacks the ability to effectively communicate the unique blend of productivity, community, and relaxation it offers. This results in low engagement and missed opportunities to convert interested visitors into bookings. The business needs a responsive, visually engaging, and user-centered website that highlights its amenities, fosters community connections, and provides a seamless booking experience.
The Problem Statement
The Problem Statement
Viva Co-Living’s current website lacks the ability to effectively communicate the unique blend of productivity, community, and relaxation it offers. This results in low engagement and missed opportunities to convert interested visitors into bookings. The business needs a responsive, visually engaging, and user-centered website that highlights its amenities, fosters community connections, and provides a seamless booking experience.
Viva Co-Living’s current website lacks the ability to effectively communicate the unique blend of productivity, community, and relaxation it offers. This results in low engagement and missed opportunities to convert interested visitors into bookings. The business needs a responsive, visually engaging, and user-centered website that highlights its amenities, fosters community connections, and provides a seamless booking experience.
Goals
Goals
User goals
Share an inspiring workspace environment: Provide users with a change of scenery that fosters creativity and productivity.
Foster community and social connection: Establish an environment where users can easily interact with other professionals and create deep, meaningful relationships.
Support work-life balance: Offer activities like yoga, meditation, and outdoor excursions to help users de-stress and stay balanced.
Seamless booking process: Design an intuitive system that allows users to quickly reserve their stay, choose from different stay tiers, and customize their experience based on their needs.
Share an inspiring workspace environment: Provide users with a change of scenery that fosters creativity and productivity.
Foster community and social connection: Establish an environment where users can easily interact with other professionals and create deep, meaningful relationships.
Support work-life balance: Offer activities like yoga, meditation, and outdoor excursions to help users de-stress and stay balanced.
Seamless booking process: Design an intuitive system that allows users to quickly reserve their stay, choose from different stay tiers, and customize their experience based on their needs.
Business goals
Increase Conversion Rates: The primary business goal is to transform website visitors into paying customers with a more intuitive, visually appealing website that reduces friction.
Enhance mobile experience: The new website must be fully responsive and optimized for mobile and tablet devices, ensuring users can browse and book easily on any platform.
Streamline the booking process: Reduce the number of steps in the current booking process by simplifying navigation, allowing users to select membership tiers, choose dates, and book stays in a few clicks.
Increase Conversion Rates: The primary business goal is to transform website visitors into paying customers with a more intuitive, visually appealing website that reduces friction.
Enhance mobile experience: The new website must be fully responsive and optimized for mobile and tablet devices, ensuring users can browse and book easily on any platform.
Streamline the booking process: Reduce the number of steps in the current booking process by simplifying navigation, allowing users to select membership tiers, choose dates, and book stays in a few clicks.
Design Process
Design Process
01
01
01
EMPATHIZING AND GATHERING UX Research
In the research phase, we conducted surveys and interviews with potential customers to understand their needs, preferences, and pain points.
We also benchmarked several competitive co-working and co-living spaces to analyze best practices, identify gaps, and gather inspiration for creating a unique and compelling experience for Viva Co-Living.
Pain Points Identified
Cumbersome Booking Process
Users find it difficult to navigate complex booking systems, which discourages them from completing their reservations.
Create a first release of the interface (MVP) that allows users to interact with the AI-driven palletization robot in a safe and intuitive way.
Social Isolation
Pain Points Identified
Users feel disconnected when working remotely, craving meaningful, in-person interactions and a sense of community which they don't have at home.
Create a first release of the interface (MVP) that allows users to interact with the AI-driven palletization robot in a safe and intuitive way.
Monotonous Work Environment
Cumbersome Booking Process
Many users feel uninspired by their usual workspaces and seek a change of scenery that can stimulate creativity and focus.
Create a first release of the interface (MVP) that allows users to interact with the AI-driven palletization robot in a safe and intuitive way.
Users find it difficult to navigate complex booking systems, which discourages them from completing their reservations.
Social Isolation
Users feel disconnected when working remotely, craving meaningful, in-person interactions and a sense of community which they don't have at home.
Monotonous Work Environment
Many users feel uninspired by their usual workspaces and seek a change of scenery that can stimulate creativity and focus.
Poor Work-Life Balance
Feeling overworked and stressed, they crave a space that integrates productivity with opportunities for relaxation and self-care activities.
Create a first release of the interface (MVP) that allows users to interact with the AI-driven palletization robot in a safe and intuitive way.
Feeling overworked and stressed, they crave a space that integrates productivity with opportunities for relaxation and self-care activities.
02
02
02
DEFINING THE USER AND THE PROBLEM
In this phase, we prioritized and decided on the key issues to focus on based on our research findings and analysis.
What problem are we trying to solve? We want to design a website that clearly communicates the value of Viva Co-Living, provides an intuitive and seamless user experience across devices, and effectively converts visitors into bookings
WHO IS THE TARGET?
Busy professionals, freelancers and digital nomads seeking a change of environment to boost productivity while integrating work-life balance. These users value social connections, personal well-being, and flexible, high-end accommodations. They are looking for a seamless experience that allows them to explore and book co-living and co-working spaces tailored to their needs.
Busy professionals, freelancers and digital nomads seeking a change of environment to boost productivity while integrating work-life balance. These users value social connections, personal well-being, and flexible, high-end accommodations. They are looking for a seamless experience that allows them to explore and book co-living and co-working spaces tailored to their needs.
03
03
03
IDEATION
We used creative techniques like Crazy 8s, mind mapping, and user journey mapping to generate diverse solutions for enhancing the user experience. We developed multiple concepts, focusing on seamless navigation, community engagement, and an intuitive booking flow.
A key outcome was the creation of a site map that structured the content and ensured a logical user journey. Collaborative workshops with cross-functional teams helped refine these ideas, aligning them with both user needs and business objectives
04
04
04
proto-typing
In the prototyping phase, we developed high-fidelity, interactive prototypes that were fully responsive and compliant with the Bootstrap 5 grid system.
These prototypes were designed for mobile, desktop, and tablet, ensuring a consistent and optimized user experience across all devices.
By incorporating interactive elements, we allowed users to engage with key features, such as the booking process, service tiers, and community activities.
This helped us test and validate usability while also ensuring the prototypes were scalable and adaptable to various screen sizes, aligning perfectly with our goal of creating a seamless, multi-device experience.
In the prototyping phase, we developed high-fidelity, interactive prototypes that were fully responsive and compliant with the Bootstrap 5 grid system.
These prototypes were designed for mobile, desktop, and tablet, ensuring a consistent and optimized user experience across all devices.
By incorporating interactive elements, we allowed users to engage with key features, such as the booking process, service tiers, and community activities.
This helped us test and validate usability while also ensuring the prototypes were scalable and adaptable to various screen sizes, aligning perfectly with our goal of creating a seamless, multi-device experience.
05
05
05
TEST AND ITERATION
We conducted several rounds of usability testing with real users who fit our target personas, including both first-time visitors and repeat guests. We observed their interactions with the interactive prototypes on mobile, tablet, and desktop devices to identify pain points and areas for improvement.
Feedback from these sessions was used to refine the user flow, enhance visual hierarchy, and optimize the booking process.
We also ran A/B tests to evaluate different design elements, such as CTA placements and membership tier displays, ensuring the final version resonated with users and improved conversion rates. This iterative process allowed us to fine-tune the website based on real user insights, ensuring that the final product was both intuitive and engaging.
We conducted several rounds of usability testing with real users who fit our target personas, including both first-time visitors and repeat guests. We observed their interactions with the interactive prototypes on mobile, tablet, and desktop devices to identify pain points and areas for improvement.
Feedback from these sessions was used to refine the user flow, enhance visual hierarchy, and optimize the booking process.
We also ran A/B tests to evaluate different design elements, such as CTA placements and membership tier displays, ensuring the final version resonated with users and improved conversion rates. This iterative process allowed us to fine-tune the website based on real user insights, ensuring that the final product was both intuitive and engaging.
Results
Created high-fidelity, fully responsive prototypes for mobile, tablet, and desktop, designed using Bootstrap 5 for scalability and consistency.
Validated design concepts and key user flows through user testing, gathering actionable feedback from target personas.
Developed an interactive, user-friendly booking system, ensuring a seamless experience from exploration to checkout.
Established a cohesive visual identity and content strategy that reflects Viva Co-Living’s high-end, community-driven brand, ready for development.
Created high-fidelity, fully responsive prototypes for mobile, tablet, and desktop, designed using Bootstrap 5 for scalability and consistency.
Validated design concepts and key user flows through user testing, gathering actionable feedback from target personas.
Developed an interactive, user-friendly booking system, ensuring a seamless experience from exploration to checkout.
Established a cohesive visual identity and content strategy that reflects Viva Co-Living’s high-end, community-driven brand, ready for development.
Created high-fidelity, fully responsive prototypes for mobile, tablet, and desktop, designed using Bootstrap 5 for scalability and consistency.
Validated design concepts and key user flows through user testing, gathering actionable feedback from target personas.
Developed an interactive, user-friendly booking system, ensuring a seamless experience from exploration to checkout.
Established a cohesive visual identity and content strategy that reflects Viva Co-Living’s high-end, community-driven brand, ready for development.
Challenges and Learnings
Balancing user and business needs: Striking the right balance between providing users with a seamless, enjoyable experience while also meeting the business’s need to increase conversions and highlight premium membership tiers.
Responsive design complexity: Ensuring consistency across mobile, tablet, and desktop posed some challenges, particularly when adapting design elements to different screen sizes.
User flow iterations: Early usability tests showed the need for multiple iterations in the booking process to reduce friction and improve the ease of use for first-time visitors.
Balancing user and business needs: Striking the right balance between providing users with a seamless, enjoyable experience while also meeting the business’s need to increase conversions and highlight premium membership tiers.
Responsive design complexity: Ensuring consistency across mobile, tablet, and desktop posed some challenges, particularly when adapting design elements to different screen sizes.
User flow iterations: Early usability tests showed the need for multiple iterations in the booking process to reduce friction and improve the ease of use for first-time visitors.
Conclusion
Through a structured, user-centered design process, we successfully created a high-fidelity prototype that aligns with the vision of Viva Co-Living. From research to prototyping, each stage was carefully executed to ensure the design reflects the needs of our target audience—busy professionals seeking a blend of productivity and community.
The challenges encountered helped us refine our approach, particularly around balancing user flows, responsiveness, and community features, setting the stage for successful development and launch in the future.
Through a structured, user-centered design process, we successfully created a high-fidelity prototype that aligns with the vision of Viva Co-Living. From research to prototyping, each stage was carefully executed to ensure the design reflects the needs of our target audience—busy professionals seeking a blend of productivity and community.
The challenges encountered helped us refine our approach, particularly around balancing user flows, responsiveness, and community features, setting the stage for successful development and launch in the future.
Challenges and Learnings
Balancing User and Business Needs: Striking the right balance between providing users with a seamless, enjoyable experience while also meeting the business’s need to increase conversions and highlight premium membership tiers.
Responsive Design Complexity: Ensuring consistency across mobile, tablet, and desktop posed some challenges, particularly when adapting design elements to different screen sizes.
User Flow Iterations: Early usability tests showed the need for multiple iterations in the booking process to reduce friction and improve the ease of use for first-time visitors.
Balancing User and Business Needs: Striking the right balance between providing users with a seamless, enjoyable experience while also meeting the business’s need to increase conversions and highlight premium membership tiers.
Responsive Design Complexity: Ensuring consistency across mobile, tablet, and desktop posed some challenges, particularly when adapting design elements to different screen sizes.
User Flow Iterations: Early usability tests showed the need for multiple iterations in the booking process to reduce friction and improve the ease of use for first-time visitors.
