Back to Projects

BookingSpace — Find. Book. Create.

A seamless journey from discovering the right photographer to confidently booking and managing the entire shoot.

Services

Application Design

Category

UI/UX Design

Client

Independent Project

Open laptop showing "DROP YOUR DESIGN" on MOKKAP.COM website.

01. Hero / Introduction

Find. Book. Create.

Tagline:
A faster path from idea to booked shoot.

Supporting message:
Booking a photographer should not feel like project management.

Core idea:
One connected booking journey.


02. Problem / Opportunity

A faster path from idea to booked shoot.

Problem:
Booking a photographer should not feel like managing a project.

Goal:
Create a simpler, faster and more connected journey from discovering a photographer to confirming a booking.

Key focus areas

  • Speed

  • Clarity

  • Simplicity

  • Connected experience


03. Booking Experience

From need to confirmed booking.

The experience takes the user through a structured booking flow:

Discover → Select → Configure → Review → Confirm

The focus is on reducing friction and making each step clear and predictable.

04. Information Architecture / UX Flow

From structure to certainty.


03 / Lo-fi

The low-fidelity exploration focuses on organizing the booking journey before moving into visual design.

UX principles

  • Clear hierarchy

  • Simple navigation

  • Progressive information

  • Easy decision-making

  • Consistent interaction patterns


05. Visual Identity

A bright signal on a warm foundation.

The visual direction combines a warm, approachable foundation with a bright purple/blue accent system.

Brand direction

  • Warm neutral backgrounds

  • Bright purple primary accent

  • Soft blue/purple highlights

  • High-contrast dark surfaces

  • Clean, minimal interface


06. Design System

Clear at every scale.

Typography:
Manrope

Type system

  • Display

  • Heading

  • Body

  • Caption / supporting text

Color system

The palette includes:

  • Primary purple

  • Blue/purple accent

  • Green

  • Yellow

  • Orange

  • Red

  • Neutral greys

  • Dark/black surfaces

  • Warm off-white backgrounds

Design principle

Simple. Consistent. Reusable.


07. Component System

A system built for rhythm.

The design system establishes reusable components and patterns across the product.

Components shown

  • Grid/layout system

  • Cards

  • Buttons

  • Form fields

  • Selection controls

  • Status indicators

  • Navigation elements

  • Booking components

Purpose

Create consistency across screens while allowing the interface to scale efficiently.


08. Contextual Discovery

Discover with context, not guesswork.

The discovery experience provides users with enough information to make confident decisions.

Focus

  • Photographer discovery

  • Relevant profile information

  • Visual previews

  • Booking context

  • Clear actions

  • Reduced uncertainty

Goal: Help users understand their options before committing.


09. Post-Booking Experience

The experience continues after checkout.

The product experience doesn't end once the booking is confirmed.

Post-booking experience includes

  • Booking information

  • Photographer communication

  • Shoot details

  • Status / confirmation

  • Ongoing booking management

  • Supporting actions

Principle:
A confirmed booking should transition naturally into a managed shoot experience.


10. Final Experience

Find. Book. Create.

The final product brings the entire journey together:

Find the right photographer.
Book with confidence.
Create the shoot experience.

Overall design philosophy

Designed a faster, clearer booking experience that connects discovery, selection, payment, and post-booking support—reducing friction and helping users move confidently from idea to confirmed shoot.


Create a free website with Framer, the website builder loved by startups, designers and agencies.