TinyPixel - Tiny details, Infinite possibilities

Browse · Book · Play

Project Summary

Brand Identity & UX-UI design for a Web app that helps people to book venues at ease.

Role : UX Designer / Researcher

Project Type : Personal project

Tools : Figma

Duration : 125 hrs

Typography & Colour

Montserrat

SemiBold · Medium · Regular

#D9D9D9

#F5F5F5

#191919

#92CAFF

#349CFF

#DE7921

#00C306

#E6E6E6

#8D8D8D

#A6CEE5

#FFE5B4→#FFF9C4

#4FC3F7→#80DEEA

#3F51B5→#1A237E

#FFE500

#787AFF

Icons

UI Screens

Landing Screen

The landing screen displays categories of sports venues, filters, recently booked venues, recommended venues, and nearby venues based on the user's location. Users can allow location access or enter it manually to get personalized results.

Details Page

The details page provides key information at a glance, including venue images, ratings, reviews, availability status, and price per hour.

The map shows the venue's location, with options to get directions or call the venue directly.

This section highlights the sports available at the venue, helping users quickly see if it matches their interests.

This section shows the facilities available at the venue, helping users understand what amenities they can expect.

Booking Page

The booking page lets users select their preferred sport at the chosen venue, pick a date, choose from available time slots, and confirm their booking. I redesigned the date and time slot selector to make booking simpler and more intuitive.

Explore the full case study

Billing, Payment & Confirmation

Users can review their booking details, select a payment method, and confirm the booking. Once payment is completed, a big confirmation tick with a unique code is displayed, ensuring the slot is successfully booked and ready for check-in.