UI/UX Case Study 2022

Shril: Venue Booking App

UI/UX case study for an app that books venues for weddings, birthdays and other celebrations.

Shril: Venue Booking App cover

Shril is an online platform for booking venues for weddings, birthdays, parties and other personal celebrations. This case study covers the UI/UX design of the Shril app.

The goal was a booking experience with no phone calls and no site visits just to find out whether a place is any good. The work ran from research and personas through storyboards, user flows and paper prototypes to the final screens, designed in Figma.

Shril venue booking app cover with the home, venue details and payment screensThe Shril app at a glance

About the app

Shril puts the venues in a city on one platform, so people can browse, compare and book without leaving home. The mission is the simplest, most hassle-free booking experience. The vision is to be the most trustworthy solution for any and every celebration.

Shril About App slide with the mission, vision and the home screenAbout the app: mission and vision

Design process

The process followed five stages: discover the problem and what users need, define what the product does and which features it includes, ideate as many solutions as possible, prototype the simplest booking flow, and test an early model.

Shril design process in five stages, followed by the pain pointsDesign process and pain points

Pain points

Research kept coming back to the same five problems:

The solution

Shril answers each of them:

Shril solutions list beside the home screen, an ideas article and the first user personaHow Shril answers each pain point

Who it is for

The main persona is Vishal Rajput, a 22-year-old engineering student from Raipur and an “Explorer” who likes trying new apps. He loves music, food and dance and wants somewhere to enjoy time with friends. He needs a good place he can book and check without hassle, and he wants to celebrate birthdays for friends, his girlfriend and himself. His pain points: finding good venues, not knowing whether a venue is any good without visiting it, very few apps for booking venues, and a slow search.

A second persona, Deeksha Sharma, is a 26-year-old engineer who wants a clean, decent environment for parties, trusted reviews and booking that does not need a phone call. Her pain points are useless reviews and a complex, manual booking process. An empathy map then captured what users hear, feel, say and do, and see.

Second user persona, Deeksha Sharma, and the empathy map for ShrilA second persona and the empathy map

Scenario and storyboard

To check the idea against real behavior, a scenario was written: Vishal wants to plan a surprise birthday party for his girlfriend. Finding a venue normally means visiting places in person, so he searches online and finds Shril. Reviews and photos win him over. He compares venues in his area and price options, and only at checkout does the app ask him to sign up, with just a mobile number and an OTP. From install to booking, nothing gets in the way.

A nine-panel storyboard turns that scenario into a quick visual walkthrough.

Shril scenario and nine-panel storyboard for finding and booking a venue for a birthday partyScenario and storyboard: find and book a venue

User flow and information architecture

The user flow runs from the logo animation, a short skippable tutorial and picking a location, through home, search, filters and venue details, to booking. Sign-up or login is asked for only once the user decides to book. After that come dates and guest count, payment, and a confirmation from the venue, with a retry path if payment fails.

The information architecture lays out the structure behind it: onboarding, then notifications, location, search, home, ideas, bookings and account, with venue details branching into photos, ratings, contact details, directions, price details and similar venues.

Shril user flow diagram and information architecture sitemapUser flow and information architecture

Paper prototypes

Before moving to Figma, the research became a set of paper prototypes. Sketching on paper made it quick to compare layouts before any pixels were drawn.

Sheets of hand-drawn paper prototypes for the Shril app screensPaper prototypes

Final design

The final screens are built around four ideas:

Final Shril screens: home, venue details, ideas and my bookingsFinal design: home, venue details, ideas and bookings
All Shril app screens laid out together, with more screens coming soonAll screens at a glance

Credits

Design: Rahul Yadav.

Tools: Figma, Adobe Xd, Adobe Photoshop

View the original project on Behance