Design Brief

MVP Wireframe & Mockups Booking Web App

Project Brief: Wireframe with Interactive Mapping Features


Create a user-friendly wireframe and mockups for, a B2B platform connecting vulnerable individuals with safe and secure housing by connecting local councils, housing authorities, and temporary accommodation providers. The platform should include an interactive mapping feature similar to Airbnb but tailored to the needs of councils for booking and invoicing payments. The deliverables can be created using design tools like Figma or Adobe XD, showcasing creative and visually appealing designs.

Target Audience:

  1. Local councils and housing authorities looking for temporary accommodation solutions.
  2. Property providers who want to offer their properties for temporary accommodation.
  3. Vulnerable individuals in need of temporary housing.

Key Features:

  1. Clear navigation: Home, About, How it Works, Providers, Councils, Contact.
  2. Login and Sign Up options for council members and property providers.
  3. Hero section with a tagline and call-to-action buttons.
  4. How it Works section with a step-by-step process.
  5. Benefits section targeting Local Authorities, Vulnerable Individuals, and Property Providers.
  6. Final call-to-action to encourage user registration.
  • Interactive map: A map displaying available properties based on search criteria (location, dates, etc.).
  • Property markers on the map with pop-up details (photo, price, basic info).
  • Filters for refining search results (price range, property type, amenities, etc.).
  • Integration with the booking and invoicing process for councils.
  • Booking and invoicing system: Council members can easily book properties and receive invoices directly through the platform.
  • Secure and transparent payment processing.
  • Automated notifications and reminders for bookings and payments.
  1. Footer with links to other pages, contact information, and social media icons.

The wireframe and mockups should be simple and easy to navigate, with clear calls-to-action and a focus on the benefits of using Incorporate responsive design principles to ensure a seamless experience across devices. The interactive mapping feature should be user-friendly, functional, and visually appealing, enhancing the overall booking experience for council members. Use design tools like Figma or Adobe XD to create high-quality, professional designs that effectively communicate the platform's features and benefits.