![](https://danaz-designs.com/wp-content/uploads/2023/08/logo-escapro.png)
My role
Tools
![](https://danaz-designs.com/wp-content/uploads/2023/08/tools-Figma.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/tools-Illustrator.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/tools-midjourny.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/home-page-short-escapro.png)
Project Overview
Having played in over 200 escape rooms, worked as an operator, and built connections in the enthusiast community, I felt well-equipped to identify challenges in the field and develop tailored app solutions.
![](https://danaz-designs.com/wp-content/uploads/2023/08/Problem.png)
The Problem
![](https://danaz-designs.com/wp-content/uploads/2023/08/Solution.png)
The Solution
An application that handles the entire process of finding, booking, and personal tracking of escape rooms, including special features such as room comparison, badges, and a “surprise me” button.
User Research
My target audience consisted of escape room enthusiasts (“escapers”) aged 18-50. I conducted 5 interviews tailored to this audience to better understand their pain points.
Main Insights
![](https://danaz-designs.com/wp-content/uploads/2023/08/numbers-design-escapro-1.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/numbers-design-escapro-2.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/numbers-design-escapro-3.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/numbers-design-escapro-4.png)
Competitive Analysis
![](https://danaz-designs.com/wp-content/uploads/2023/08/morty.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/escaper.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/escaped.png)
Strengths
![](https://danaz-designs.com/wp-content/uploads/2023/08/morty.png)
- Consistency
- Clear and intuitive navigation
- Delightful elements like GIFs and icons
- Effective communication and feedback loops
![](https://danaz-designs.com/wp-content/uploads/2023/08/escaper.png)
- Clear orientation
- Intuitive website experience
- Partial communication and feedback loops
![](https://danaz-designs.com/wp-content/uploads/2023/08/escaped.png)
- Consistency
- Clear and intuitive navigation
Weaknesses
![](https://danaz-designs.com/wp-content/uploads/2023/08/morty.png)
- Unconventional icons
- No room documentation
![](https://danaz-designs.com/wp-content/uploads/2023/08/escaper.png)
- Unconventional large tab system
- Icons disappear within the tab system
- Sloppy and outdated design
- No room documentation
![](https://danaz-designs.com/wp-content/uploads/2023/08/escaped.png)
- Challenging website registration – no existing account integration
- Small menu causing false taps
- Dull design
Conclusion
The Persona
![](https://danaz-designs.com/wp-content/uploads/2023/08/persona-escapro.png)
Almog Bachar
Currently, I search on one website, book on another, and keep track of all the rooms I've done in a completely different place. It's not intuitive and just feels chaotic, especially when the websites are not synchronized with each other.
Bio
About half a year ago, Almog tried her first escape room with her boyfriend. Now, it’s become a major hobby for her, with 49 rooms under her belt. She often books rooms spontaneously after hanging out with her boyfriend or friends and meticulously documents each visit. While she loves her new hobby, she struggles with the scattered and frustrating processes involved.
Pain Points
- The process of finding, booking, and tracking rooms is distributed across multiple platforms
- synchronization issues, such as new rooms not being displayed, occupied slots appearing vacant, and more
- Prolonged and laborious procedures
- The absence of mobile optimization
- Getting reviews and relevant information about the rooms is scattered across diverse sources
The Wireframes
![](https://danaz-designs.com/wp-content/uploads/2023/08/ux-screens-escapro.png)
The UI Screens
1. Onboarding
![](https://danaz-designs.com/wp-content/uploads/2023/08/samsung-galaxy-s22-ultra-2022-figma.png)
2. Home page
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/home-page-escapro.png)
I created all the app images using Midjourney
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
The prominent “Surprise Me” button holds paramount significance in terms of enhancing the user experience and fostering product thinking. It facilitates easy access for spontaneous escapers (as identified in my interviews) and promotes bookings to prevent unutilized slots, thus providing support to the industry
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
3. Find a room process
![](https://danaz-designs.com/wp-content/uploads/2023/08/samsung-galaxy-s22-ultra-2022-figma.png)
4. Add to comparison
![](https://danaz-designs.com/wp-content/uploads/2023/08/add-to-comparison.png)
5. Comparison
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
Dynamic information: Adjusts based on number of participants
Displaying three rooms, with the rightmost one being sticky. Any room can be pinned at any moment by clicking the pin icon. Rooms on the left can be swiped horizontally
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/samsung-galaxy-s22-ultra-2022-figma.png)
6. Surprise me!
![](https://danaz-designs.com/wp-content/uploads/2023/08/samsung-galaxy-s22-ultra-2022-figma.png)
7. My profile page
![](https://danaz-designs.com/wp-content/uploads/2023/09/My-profile-escapro.png)
![](https://danaz-designs.com/wp-content/uploads/2023/09/white-arrow-Straight.png)
8. Pop up - set parameters
If there are no tracking parameters yet, clicking on “Personal Tracking” will open a pop-up where the user is prompted to set them
![](https://danaz-designs.com/wp-content/uploads/2023/09/Pop-up-set-parameters-escapro.png)
9. Guided tutorial
![](https://danaz-designs.com/wp-content/uploads/2023/09/Guided-tutorial-escapro.png)
Setting up the parameters is an uncommon process, thus users go through a guided tutorial consisting of three steps regarding the tracking card.
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
10. Setting tracking parameters
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
![](https://danaz-designs.com/wp-content/uploads/2023/08/samsung-galaxy-s22-ultra-2022-figma.png)
11. Room rating
![](https://danaz-designs.com/wp-content/uploads/2023/08/rating-page-escapro.png)
From interviews and research, I learned that escapers typically rate rooms up to 10. Due to mobile screen constraints, I chose a slider-based rating method.
![](https://danaz-designs.com/wp-content/uploads/2023/08/white-arrow.png)
12. Room tracking
![](https://danaz-designs.com/wp-content/uploads/2023/08/samsung-galaxy-s22-ultra-2022-figma.png)
The UI Kit
Components & Icons
![](https://danaz-designs.com/wp-content/uploads/2023/09/ui-kit-random.png)
![](https://danaz-designs.com/wp-content/uploads/2023/09/ui-kit-buttons.png)
![](https://danaz-designs.com/wp-content/uploads/2023/09/ui-kit-icons.png)
Color palette
#5D4577
#6B1CD6
#8F00FF
#A242FC
#C998F9
#0C0114
#1A1523
#A4A4A4
#B9BEC2
#FFFFFF
Typography
IBM Plex Sans Hebrew
Header 1 | כותרת - Semi bold. 24 pt
Header 2 | כותרת - Semi bold. 20 pt
Body text | טקסט רגיל - Regular. 14 pt
Small text | טקסט קטן - Regular. 12 pt
אבגדהוזחטיכל
מנסעפצקרשת
![](https://danaz-designs.com/wp-content/uploads/2023/08/heart-glow.png)
Thanks for watching!
Redesign the company’s portfolio, showcasing the websites designed by the studio.