Mobile first web for physical Escape room + Virtual Reality

Gewinner
Contest winning design

Wollen Sie auch einen Job wie diesen gewinnen?

Dieser Kunde bekam 51 Web-Designs von 4 Designern. Dabei wurde dieses Web-Design Design von Heshamtr als Gewinner ausgewählt.

Kostenlos anmelden Design Jobs finden

  • Abgeschlossen - Design ausgewählt

Web-Design Kurzbeschreibung

Preamble: Proposals that are not mobile first will be rejected. Proposals must include a mobile design first, based on which the large screen version will be designed.

A leisure company that currently offers an escape room game and is building a second game is rapidly implementing a virtual reality gaming and experience service. 3 services in a physical location decorated as an alley with 3 different houses/neighbors/spaces.

We are looking to completely redesign our website.

The objective of the website is to sell to all audiences and represent what the customer will find in the physical store and the services offered.

The 3 services are:

- Virtual reality services: An experience agency that connects you with specific alternative universes/times in which to enjoy leisure time (in the style of the TIME STORIES board game).
- Escape room The madman has returned to grandma's house: Grandma's house where a madman lives who has escaped from the psychiatric hospital and has asked his relatives (the players) to come see him.
- Escape room Samurai: A traditional Japanese house of an ancient warrior. (under construction)

I plan to have a website design that covers all three services. Although I don't rule out a different design for each service to gamify/thematize/dramatize each of the services independently. One design for the home page, another for the crazy page, another for virtual reality and another design for the soon-to-open samurai.

#### Design approach

# Mobile first

#### User-oriented design

- Elementor
- Bookly booking system. It allows 2 types of customizable forms:
- https://www.booking-wp-plugin.com/use-cases/spa-salon-online/#bk_form
- https://www.booking-wp-plugin. com/demo/search-form/demo-bookly-services-form/

Below I mention the structure and ideas that I value. I accept all kinds of suggestions and proposals different from those indicated.

#### Current graphic and web resources

Please send me a private message for the available graphic resources and a link to the current website.

We don't have to spoil the setting and content of our games with the use of photos of our experiences. We can use the photos provided to show the customer a general idea of what they will find. But many photos require applying filters, glosses or effects to avoid spoiling the details.

Photographs or photorealistic images that deceive or lie to the client by showing things that they will not find in our facilities may NOT be used. Images generated by artificial intelligence that are NOT photorealistic may be used.

## Home Page

#### Sections

- Menu
- An impactful header that represents all three services at a glance, simultaneously, in a balanced manner. One service should not stand out above the others.
- Quick advance purchase button
- Services we offer. (Basic information for each service)
- Name
- Short description
- Basic characteristics specific to each service
- number of players
- ...
- Service reservation button
- Video Testimonials and Reviews of all services
- Gift Voucher
- Frequently asked questions
- What is an escape room / What we offer / What our virtual reality experiences offer
- Location and Contact

Inspirations:

- Effective but not memorable header https://lockedzgz.com/

## Physical escape room The crazy man has returned to grandma's house

The service has been in operation for years.

#### History

A relative has been in a psychiatric hospital for more than 20 years. The group of gamers are his only living relatives. They would visit him from time to time and play board games, but lately they have somewhat neglected him and have not gone to see him for about a year. Suddenly the madman contacts from his grandmother's house inviting them to come and see him there. How come he is at his grandmother's house and not in the psychiatric hospital?

#### Theming / decoration

The game takes place in Grandma's house/flat. Decorated with antique items, furniture, lamps, wall decorations, etc. and degradation caused by Ariel in her episodes of crisis, hallucinations painted on the walls, etc.

#### Basic features of the service (home page)

- Interactive character throughout the experience.
- Very mild fear, adaptable intensity.

### Page of The crazy man has returned to grandma's house

- Shocking header / Game name
- quick advance purchase button
- Short description
- video testimonials of the service (informal vertical format)
- List of advantages
- Number of players
- Interactive character throughout the experience.
- Group social interaction
- Very mild fear for all audiences, intensity adapted to the player
- Google Reviews
- Booking button
- Long description
- List of features
- Time of experience
- Very dim lighting (Don't forget your glasses)
- Air-conditioned
- Lock-based game
- Price per person
- Reservation button
- Gift voucher
- Service FAQ
- Our other services
- Location and Contact

#### Reservation button

Open the Service Booking System (Bookly) in a popup.

#### Ideas

- Gamified sections? Solving micro-puzzles to access certain sections of the page?

## Virtual reality

Imminent decoration of the physical space (this should not be reflected on the website).

#### Name Brainstorming

- Alternative Realities
- Alternative Realities
- EscapeReality

#### Theming / decoration

Concept in development

Experience agency (like a travel agency) with a cyberpunk aesthetic: high technology mixed with bad life and decadence. The idea is to convey that the agency has a decadent cyberpunk aesthetic but the experiences it offers are attractive and mind-blowing.

Idea: We connect you with the drugs produced by megacorporations like Meta, Google, etc.

I plan to decorate the premises in a decadent way, mixing it with neon lights and the infrastructure necessary for virtual reality (virtual reality glasses, electronic devices, cables, etc.).

#### Service

Specific experiences will be sold, not cybercafe-style playtime.

The client will hire and enjoy a main experience (or pack) and once finished it will be complemented with secondary experiences until reaching 60 minutes.

Mainly, experiences will be offered based on environment exploration, shooting games and escape rooms.

Two categories of experiences will be offered: standard and superior with superior graphics and 4D effects.

- gentle breeze
- air current
- heat
- smell
- haptic vest
- haptic gun

There will be a catalog of experiences with a tag system that allows filtering. Number of players, target audience, type of experience, etc.

#### Inspirations

- Travel agency website

- https://www.wonderbox.es/ "Our themes" section
- https://www.smartbox.com/es/ section "A gift box for every occasion"
- https://www.halconviajes.com/ section "Discover the best offers"
- Represent groups of people in motion living impressive experiences together.

- https://nanosys.com/; https://www.behance.net/gallery/122903613/NANOSYS-Website; retrofuturistic?
- https://www.behance. net/gallery/198838287/Web-design-Cyberpunk-shop-for-pets-accessories

Cyberpunk counter-inspirations:

#### I'm not attracted to the idea of representing/showing

- Virtual reality glasses. It's a technology that changes very quickly and that photo will look old in no time.
- Realistically, people wearing virtual reality glasses. Same reason as the previous point.
- Grids of pictures or attempts to represent virtual realities in an abstract way.
- https://www.behance.net/gallery/195934431/Vanyadoing-Website-Developer-Cyberpunk-UXUI-Design this illustrates the decadence but does NOT seem attractive to all audiences

Photos recreation of a decadent alley

- https://lh3.googleusercontent.com/p/AF1QipOWgRTpvnl0pNZS3ouYdyMFaN1tgAoe9tf95OQ=s680-w680-h510
- https://lh3.googleusercontent.com/p/AF1QipNLGHlbB-K-5jDcWYvDvppb4GPS_WZTUYQHhu4=s680-w680-h510
- https://roomescapeartist. com/wp-content/uploads/2024/06/skp-room-madman-alley-loco-callejon.jpg
- https://colorsescaperoom.com/valencia/images/room/experiencia-negra-mode-side.jpg
- https://lh3.googleusercontent.com/p/AF1QipNEba9uS1dIUmSzwVYDu9RQ-UzYRfUmmW1Ke5tZ=s680-w680-h510
- https://room-escapers.com/wp-content/uploads/2022/12/lococalle.jpeg

## Samurai

Just an "Under Construction" page. No sections to develop.

### Gift Voucher Page

\-

### Others

#### All over the web

- Main menu
- Permanent floating buttons
- Quick advance purchase
- Gift voucher
- WhatsApp

#### Quick advance purchase

To avoid cart abandonment in a long booking process in which groups have to confirm the number of players and agree on a day and time, we want to offer the possibility of quickly purchasing a fixed-value deposit by requesting the minimum amount of data possible: an email address and a means of payment. In practice, this deposit is a small-value gift voucher. After purchasing it, customers must complete the entire purchase process.

#### Things I liked about the proposals received

- Background based on a pattern 1,
- Presentation of the 3 services at a glance SERVICES WE OFFER
- Clean style home page, with white background 1
- The golden text on a black background for the crazy 1
- Combine color and black and white images 1
- Using the logo as a frame to embed photos, nice but outdated? 1
- Use photographs making the edges transparent with a black background, both in the foreground and background 1, 2
- Header made up of 3 images representing the 3 services 1 (not impactful)
- Real photos can have a filter/frame applied to them so they don't spoil the experience. 1
- Ariel's Page
- That the photographs are shown with the edges torn as if they were made of paper 1
- Let the background plate include hallucinations

Info-Symbol
Updates

Baja calidad de diseño

Zielmarkt/( -märkte)

All audiences

Industrie/Einheitstyp

Escape room y Realidad Virtual

Anzahl benötigter Seiten

5+ page


Sehen und fühlen

Jeder Schieber zeichnet eine der Charakteristiken der Marke des Kunden aus sowie den Stil, den euer Logo widerspiegeln sollte.

Elegant
Fett
Spielerisch
Ernst
Traditionel
Modern
Sympatisch
Professionell
Feminin
Männlich
Bunt
Konservativ
Wirtschaftlich
Gehobenes

Anforderungen
Muss haben
  • Design approach: Mobile first Design oriented to: Elementor WooCommerce Bookly booking system
Schön zu haben
  • 3 designs, one per service, cohesive with each other, or a single design in which all 3 services have a place.
Sollte nicht haben
  • You should not spoil the content of the experiences offered
Zahlungen
1. Platz
€250
Zahlung fürs mitmachen x 8
€10
Gesamt
€330

Projekt-Deadline
02 Feb 2025 23:04:41 UTC
Language

Web-Design Inspiration
Marketplace web design, Creative inner page website design, Website design tender, Newspaper weebly theme design, Crowdfunding website design, Motivation speaker website design templates, Best hostel website design, Car share web design templates, Abstract wedding planner website design, Energy drink web design templates