Flagship case study ·2026
Digital product · Sports booking platform
CricBook
Building Sri Lanka's digital sports booking experience.
- Branding
- Product Design
- Web
- Technology
- Growth
- CricBook
- Sports Technology
- Colombo, Sri Lanka
- Branding
- Product Design
- UI/UX
- Web Design
- Development
- SEO
- Social Media
- Digital product · Marketplace · Booking platform
- 2026
A complete sports booking ecosystem connecting players, venues and bookings — from brand identity and product UX to platform development, SEO and growth.
Visit cricbook.lk (opens in a new tab)01 The challenge
Booking a court shouldn’t start with a phone call.
In Sri Lanka, a game of indoor cricket or futsal usually starts with calling around. Availability lives in a paper diary, a WhatsApp thread and somebody’s memory — and none of them agree.
CricBook needed more than a website. It needed a digital system connecting players, venues and bookings in one experience.
- Phone calls“Is 7 free tonight?”
- WhatsAppThree chats, one slot
- Walk-insAlready at the gate
- Social mediaDMs nobody tracks
- Paper diaryWritten in the book
- Manual calendarsUpdated when someone remembers
CricBook
One live calendar
02 The big idea
From brand to platform.
Uniix Studio worked across the entire digital experience — from identity and product UX to the customer-facing platform, the venue-owner experience, content and growth foundations. Brand, product and technology were built together.
01
Brand
An identity with the energy of the game.
- — Wordmark + spark mark
- — Colour & type system
- — Brand voice
02
Product
Two journeys designed as one system.
- — Player booking flow
- — Venue console
- — Design system
03
Platform
The product, engineered and shipped.
- — Responsive web app / PWA
- — Booking + payments
- — Venue management
04
Marketing
The brand, carried beyond the interface.
- — Social creative
- — Story reel
- — Venue flyers
05
Growth
Foundations that compound over time.
- — Technical SEO
- — Local landing pages
- — Content architecture
03 Scope
What we built.
Twelve disciplines, one team, one product. None of them were handed off to someone else.
- 01
Brand Identity
Named the energy: the spark mark, the wordmark and a palette built for courts under floodlights.
- 02
Product Strategy
Framed CricBook as a two-sided product — a player app and a venue tool — from day one.
- 03
UI/UX Design
Designed the player journey from venue discovery to confirmed booking.
- 04
Web Design
Designed the public site to sell the product, earn trust and bring venues on board.
- 05
Web Development
Built the responsive customer-facing platform and its supporting digital experience.
- 06
Booking Platform
Per-court availability, held slots at checkout, online or cash-at-venue payment.
- 07
Venue Management
A console for calendars, walk-ins, pricing, staff, customers and settlement.
- 08
SEO
Created the technical and content foundation for sport, venue and location search.
- 09
Content Strategy
Sports guides, price indexes and a blog structured around what players actually ask.
- 10
Social Media Design
A launch system of posts and stories that reads as CricBook at a glance.
- 11
Marketing Creatives
Venue-acquisition flyers and campaign assets for owners and players.
- 12
Digital Product Experience
One voice, one visual language and one logic from Instagram to invoice.
04 Brand identity
Built to feel as energetic as the game.
Two strokes of lightning, magenta over mint, and a ball in flight. The spark mark carries the speed of the sport; the condensed wordmark carries its noise. Then we made the whole system work inside a booking interface.
Colour — weighted by use
- #221C63Deep IndigoSurfaces, navigation, the night-session mood
- #ED1C8EMagentaPrimary action — Find a court, Pay, Book
- #22E0A0MintAvailability, success, confirmed
- #4B3FF5Electric BlueHighlights and secondary toggles
- #F5C518GoldTrust score and verified badges
- #F4F3F8Light SurfaceApp canvas for long browsing
Book the court.
Not the phone call.
BOOK · PLAY · COMPETE
Live availability across indoor cricket and futsal courts.
Condensed for the headline noise. A neutral grotesque for prices, times and court numbers — the parts players read under floodlights on a phone.
From identity to interface
- 7:00 PMAvailable
- 8:00 PMHeld
- 9:00 PMBooked
- 10:00 PMClosed
Indoor arena
Colombo · 2.4 km
Price on the card, per hour
05 Product design
Designing the game before the game starts.
From venue discovery to payment, every step was designed as one experience. Five stages, each with one job — and one decision the player shouldn’t have to think about.
Start from the sport and the side of town.
Players don't search for a venue name. They search for a game near them tonight.
- Sport toggle sits above everything — cricket and football never mix in one list
- Area selection defaults to where you are, with a map and a list view
- Price pills on the map, so cost is visible before a tap
The same flow, designed for desktop — one component system across both.
06 Booking experience
From “Where should we play?” to “See you at 8.”
Eight screens, about a minute. The slot is held while you check out, so it can’t be taken from under you mid-booking.
01
Find a venue
Nearby venues on a map, priced before you tap.
02
Choose your sport
Cricket or football — one toggle, two different lists.
03
Compare courts
Distance, rating and price on every card.
04
Check availability
Amenities, reviews and a direct path to live slots.
05
Choose a time
Seven days, three dayparts, every slot labelled.
06
Confirm
Court, time, price and cancellation terms — on one screen.
07
Pay
Held while you pay. Confirmed the moment it clears.
08
Play
A booking reference you show at the counter.
07 Venue experience
Behind every booking is a venue.
A booking platform that only serves players is half a product. Venue operators needed to run their business — cash, walk-ins, regulars and staff included — not simply receive bookings.
Find, book and pay in about a minute.
Run every court from one live calendar.
One connected platform — a slot sold anywhere is off sale everywhere.
One live calendar
Online, cash, walk-in and regular bookings land court-by-court in one calendar. Fill a slot here and it goes off sale everywhere.
- Overview
- Calendar
- Bookings
- Walk-ins
- Courts
- Rates
- Closures
- Customers
- Staff
- Promotions
- Events
- Revenue
- Settlement
- Notifications
Console views are from CricBook’s public venue demo — the venue, names and figures in them are illustrative, as labelled in the product.
08 The system
One platform in the middle of the game.
Players and venues never had a shared source of truth. CricBook became it — every capability below reads and writes the same courts, slots and bookings.
Books
Player
- Discovery
- Availability
- Booking
- Payments
One platform
CricBook
One source of truth for every court and slot.
- Notifications
- Customer data
- Venue management
- Reporting
Operates
Venue owner
09 Responsive
Designed for the screen in your hand.
Courts get booked on the way to somewhere — in a tuk-tuk, on a commute, mid-argument in the group chat about who’s free. So the phone came first, and it installs to the home screen like an app.
01 Mobile homepage
02 Venue listing
03 Venue details
04 Availability
05 Booking confirmation
10 Website design & development
Where product meets brand.
The public site has to sell a product, earn a stranger’s trust and bring venues on board — while every page stays one tap from a live booking. It balances:
- Product discovery
- Conversion
- Trust
- Sports imagery
- Live booking
- Venue acquisition
- SEO
- Educational content
01Homepage
02How it works
03Venue discovery
04Venue page
05List your venue
06Sports content
11 Search & growth
Built to be discovered.
SEO wasn’t bolted on after launch. The information architecture follows the way players search — sport, then area, then venue — so every search path ends at a bookable slot.
- 01
Search
“indoor cricket near me”
- 02
Sport
/indoor-cricket · /futsal
- 03
Location
/play/malabe · /play/athurugiriya
- 04
Venue
/venues/[venue]
- 05
Booking
Live slot → confirmed
- Technical SEOSitemap, robots, canonical metadata and generated Open Graph images across every route.
- Structured dataOrganisation, website and page-level schema so search engines read venues and guides correctly.
- Search-first architectureSport → area → venue URLs that mirror how players phrase the search.
- Local intentArea pages for where people play, and area landing pages for venue owners across Sri Lanka.
- Sports contentCourt-dimension guides and a court price index that answer questions before they're asked.
- Blog architectureArea- and sport-led articles that link back into the pages that book.
- Internal linkingGuides link to sports, sports to areas, areas to venues — every path ends at a bookable slot.
- AI-search readinessAn llms.txt and answer-shaped copy so assistants can describe CricBook accurately.
- Colombo
- Nugegoda
- Dehiwala
- Mount Lavinia
- Negombo
- Malabe
- Athurugiriya
- Polgasowita
Plus sport pages for indoor cricket and futsal, court-dimension guides, a court price index and area landing pages for venue owners across the island.
Area page
Price index
Venue acquisition
Blog
We don’t publish traffic or ranking numbers for CricBook here — this is the foundation, not a scoreboard.
12 Content & social
The product doesn’t stop at the interface.
We extended the CricBook identity into social content, promotional communication and growth assets, so the brand stayed recognisable long before anyone opened the app.
13 Motion
Designed to move.
A logo reveal that strikes like the mark, and a vertical story reel that walks through the problem — for players and for venues — before CricBook arrives.
Logo reveal
01 · The question
02 · The player problem
03 · The venue problem
04 · The reveal
Book. Play. Compete.
14 Outcome
Built as a foundation for scale.
CricBook is early, and we’d rather show the foundation than invent a scoreboard. What exists today:
- 01Unified player booking experience
- 02Digital venue discovery
- 03Live, per-court availability
- 04Structured venue onboarding
- 05Connected player and venue workflows
- 06Mobile-first booking journey
- 07Search-ready content architecture
- 08Scalable product foundation
- 09One brand across every touchpoint
15 Technology
Engineered like a product, not a brochure.
One codebase serves players and venue owners, on the web and on the home screen. The stack below is what CricBook actually runs on.
- Next.js
- React
- TypeScript
- Tailwind CSS
- Framer Motion
- Responsive web app
- Installable PWA
- Capacitor iOS & Android shells
- Node.js
- Express
- Prisma
- PostgreSQL on Supabase
- PAYable — card, FriMi, eZ Cash
- Phone OTP
- Google Sign-In
- Transactional email
- Web push
- Cloudinary
- Google Maps
- Vercel
- Containerised API
16 One project, many disciplines
One product. Every layer.
Design × Technology × Growth
- 01
Brand
- 02
UX
- 03
UI
- 04
Web
- 05
Platform
- 06
Content
- 07
SEO
- 08
Growth
Idea, brand, experience, platform, launch, growth — carried by one studio, so nothing was lost between the people who designed it and the people who built it.
Questions
About this project
What is CricBook?
CricBook is a sports booking platform for indoor cricket and futsal courts in Sri Lanka. Players see live per-court availability and prices, book in about a minute, and pay online or in cash at the venue where that's offered. Venue owners run their bookings, walk-ins, pricing and settlement from one console.
What did Uniix Studio do for CricBook?
Uniix Studio designed and built CricBook end to end: brand identity, product strategy, UI/UX for the player app and the venue console, web design and development, the booking and payment flows, SEO and content architecture, and social media and marketing creative.
Is CricBook a website or an app?
Both. CricBook is a responsive web application that installs to the home screen as a PWA, with Capacitor shells prepared for iOS and Android — one codebase serving players and venue owners.
How do payments work on CricBook?
Players can pay online through PAYable by card, FriMi or eZ Cash, pay a deposit, or reserve and pay cash at the venue where the venue allows it. The slot is held while the player checks out.
Closing
Good digital products don’t stop at the interface.
CricBook brought brand, product design, technology and growth into one connected experience — built by Uniix Studio.
Have a product worth building?
