# Staze: design for a sustainable future > Staze is a hotel booking platform for sustainable businesses that helps track and reduce their carbon footprint. See the design Visux created. Source: https://www.visux.net/case-studies/staze --- Staze: design\ for a _sustainable_ future ========================== Hotel booking for sustainable businesses - Travel - Booking - Sustainability ![Laptop floating over a ledge showing the Staze dashboard with CO2 impact and travelers in total](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/f937388e-200ovbmjxescr1cfk0ruayax7u.webp) - Funding $250M - Designed screens 90+ - Carbon footprint reduction -70% ## Overview Staze is a platform for booking eco-friendly hotels, offering sustainable travel options by offsetting the carbon footprint of every booking. It targets both individuals and businesses, promoting greener travel choices with tools to track and minimize carbon emissions. - Industry Sustainability / Travel / Booking - Market Europe - Deliverables Website & App Design ## Problem We were tasked with designing the Staze website & app, with the goal of creating\ a clean, modern look that resonates with users in a similar way to Airbnb. The challenge was to balance simplicity with functionality, ensuring the platform is easy to navigate while showcasing Staze’s mission of promoting sustainable travel. Additionally, the design needed to communicate trust and professionalism while highlighting Staze’s unique carbon-offsetting features for eco-conscious travelers. - Clean, modern design with an Airbnb-inspired vibe - Simple navigation to showcase sustainable travel options - Clear communication of Staze’s carbon-offsetting mission - Professional, trust-building interface for eco-conscious users ![Staze hotel search screen with budget, rating and amenity filters, a price map and recommended hotels](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/732f68a6-hkvhvxam1puiboeugot9golg.webp) ![Bright hotel lounge with armchairs, a large window and a potted palm](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/fc750b57-zz8j9ulp3czr8wju4ipxg8szfeu.webp) ![Staze budget filter card and Climate conscious travelers card on a yellow background](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/befcfc68-yeo5zw1to2owad0oqwe5rvcexqa.webp) 1. [Overview](#overview) 2. [Problem](#problem) 3. [Solution](#solution) 4. [Process](#process) 5. [Timeline](#timeline) 6. [Result](#result) ## Solution Create a fresh and vibrant digital identity for Staze. The project unfolded in two key phases: Pre-design research and Design. We kicked off with workshops to define user personas, clarify Staze’s mission, and shape their goals. From there, we crafted a sitemap and mapped user journeys, ensuring seamless navigation. In the design phase, we built moodboards to nail down a modern, eco-friendly aesthetic. We designed wireframes focused on simplicity and ease, followed by final layouts and a polished design system that reflects Staze’s clean, sustainable brand. 1. Workshops to define user personas and project goals 2. Crafting a minimalist, Airbnb-inspired user experience 3. Developing an eco-conscious platform that\ is intuitive and functional 4. Building a clean, trustworthy design that reflects Staze’s sustainability values ## Process 1. ### Discovery - Workshops - Customer Journey Mapping - Competitor Analysis 2. ### Wireframes - Wireframing - Prototyping 3. ### Design - Moodboards - UI Exploration - Final layouts - Design system ![Staze user flow diagram linking landing pages to the logged-in app and checkout](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/dc84d1e4-rfbtqkswawbqlwospoudkqwj8.webp) ![Tablet showing the Staze hotel details page with amenities, photos and the add guests step](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/7ce073d9-30ayu8zfvvninipegfe0v9ar3ia.webp) ## Timeline Project duration 5 Months 1. Discovery![Visux team member](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/63407b23-rhsiyyi7vtn1fu4gkgmjxb7mnwq.webp)![Łukasz Jackiewicz](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/1e55234e-sspqudkfygyducq1ofj36u93e9o.webp) 2. Wireframes![Visux team member](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/63407b23-rhsiyyi7vtn1fu4gkgmjxb7mnwq.webp) 3. Design![Visux team member](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/63407b23-rhsiyyi7vtn1fu4gkgmjxb7mnwq.webp)![Łukasz Jackiewicz](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/1e55234e-sspqudkfygyducq1ofj36u93e9o.webp) 4. Design System![Visux team member](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/63407b23-rhsiyyi7vtn1fu4gkgmjxb7mnwq.webp) ![Staze dashboard screen with total CO2 impact, users in total gauge and emissions stats](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/aad631c1-n51lwtmxcfdpuwgsy8evvlcnzm.webp) ![Grid of Staze app screens: dashboard, hotel search, bookings, landing page and hotel details](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/960a3079-v2wl6jaz2wl4k5wzpdul8zltq.webp) 1. [Overview](#overview) 2. [Problem](#problem) 3. [Solution](#solution) 4. [Process](#process) 5. [Timeline](#timeline) 6. [Result](#result) ## Result Establishing online presence, addressing the sustainability trend. The platform’s fresh, minimalist look now reflects their eco-friendly mission, helping them stand out in the travel industry. With an improved user experience, they’ve seen a rise in user engagement and a growing community of eco-conscious travelers. The website’s professional design has also boosted their credibility and led to a surge in followers across social media platforms, positioning Staze as a leader in sustainable travel. - Successful debut on the market - Alignment with a growing trend - Foundation for the future growth ![Staze design system pages for colors and typography](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/f9dee4f0-myzcrlzjug3xmlqx8jb3kpafi.webp) ![Staze hotel filter panel with spacing annotations next to dropdown states](https://storage.googleapis.com/ployai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/a34c1a88-gsynhpzgey5b1zatfkhgzgwknyw.webp) ## Testimonial > “It was smooth and easy. They streamlined seamless communication and management style” Henry PopiolekCEO, Staze [Contact Us](https://www.visux.net/contact-us) ## See other projects - [![OEX website on a laptop, headline "The Growth System for Enterprise Brands"](https://cdn.ploy.ai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/0a43b4b6-fe1ywo6s0zjnpvamzcqzjea8wdk.webp)](https://www.visux.net/case-studies/oex) ### [OEX / transforming a corporate website](https://www.visux.net/case-studies/oex) [See Case Study](https://www.visux.net/case-studies/oex) - [![Two glowing purple rings on a black background, Fusion brand visual](https://cdn.ploy.ai/c26b4c75-5e21-4720-b5f4-a2ed98d2a24f/user/ab713514-7qn8hvkuyvs9pf3cmblny4szj4.webp)](https://www.visux.net/case-studies/fusion) ### [Fusion / a connected ecosystem for financial transactions](https://www.visux.net/case-studies/fusion) [See Case Study](https://www.visux.net/case-studies/fusion)