Eve-25
Event Services Marketplace
A production marketplace connecting event clients with vetted service providers: photographers, caterers, decor specialists, entertainers, and more. I led the product design start to finish, from information architecture and user flows to the design system and full frontend build.
Project Overview
Eve-25 solves a real coordination problem in the events industry: clients spending hours hunting for reliable vendors across scattered WhatsApp groups and word-of-mouth referrals, with no visibility into pricing, availability, or track record.
The platform brings service providers onto a structured, searchable marketplace. Clients can discover, compare, and book vendors with confidence. Providers get a professional storefront to showcase their work and manage their bookings.
As Lead Product Designer and Frontend Developer, I owned the product from its first wireframe to live deployment: the information architecture, role-based UX, design tokens, component library, and the complete booking lifecycle.
Marketplace
Discover & book services
Design System
Built from scratch
Dual Dashboards
Client & vendor UX
Production Live
Real users, real bookings
My Role: Lead Product Designer
Full ownership from the first blank canvas to the live, shipped interface
- •Dual-sided marketplace architecture (client & vendor)
- •Platform structure and access design
- •Content strategy for public discovery pages
- •Vendor onboarding experience design
- •Service discovery and search information hierarchy
- •Discovery-to-booking funnel design
- •Vendor 4-step onboarding wizard
- •Booking lifecycle (Pending → Confirmed → Completed)
- •Role-switching for dual-role users
- •Event management flow for clients
- •Custom OKLCH colour palette (Thistle, Pastel Petal, Icy Blue, Sky Blue)
- •Dual-font system: Nunito (display) + Inter (UI)
- •Border-radius token scale across 6 steps
- •Full light and dark mode token system
- •Motion language for entrances, hovers, and loading states
- •Service, Vendor, Event, and Booking card variants
- •Contextual sign-in prompt for unauthenticated users
- •Multi-step form patterns with validation
- •Status badge system for bookings and events
- •Skeleton loaders and illustrated empty states
The Marketplace
The public-facing marketplace is the core of Eve-25 — designed to make discovery fast, trustworthy, and visually compelling.
Homepage Discovery
The homepage surfaces services in category-based rows, ranked by quality signals that surface the most reliable providers first. Featured services appear at the top — prioritising quality over quantity.
- •Category-based service rows for easy browsing
- •Quality-first smart sorting by relevance
- •Featured vendor carousels
- •Sticky search pill — city + service type, always accessible
Search & Filtering
The results page gives clients full control over their search — filter by city, event type, category, price range, and minimum rating, then sort by price or relevance.
- •Multi-dimension filters: city, category, event type
- •Price range slider and minimum rating filter
- •Sort by price (low/high) or rating
- •Paginated results with live count
Services & Service Providers
Each service and provider has a dedicated page designed to build trust and drive bookings — with photos, reviews, pricing, and a clear path to booking all in one view.
Service Detail Page
A focused, conversion-oriented page that puts the most trust-building signals first — photos, ratings, and the vendor's track record — before the booking CTA.
- •Hero photo with vendor branding
- •Price range, duration, and event type tags
- •Star rating and verified review count
- •Vendor profile summary with link to full profile
- •Sign-in required to book — seamless for new users
Provider Profile Page
The vendor's public storefront — showing their full portfolio, all active services, aggregate rating, and verified stats in one place.
- •Cover image, logo, business name and city
- •All active services in a scannable grid
- •Photo portfolio collections
- •Aggregate rating and total verified reviews
- •Completed bookings count as social proof
Key User Flows
Every flow was designed to reduce decision fatigue, build trust at each step, and guide users toward confident action
Browse Home
Category service rows sorted by rating and reviews
Search & Filter
City, category, event type, price, and rating filters
Service Detail
Photos, pricing, reviews, and vendor info in one view
Sign In
Global auth modal — frictionless login or register
Book
Event date and notes submitted; booking request sent to vendor
Track
Booking status in dashboard; calendar view; review on completion
Register
Select vendor role during sign-up
Onboarding Wizard
4 steps: business info → categories → location → branding
Quality Review
Profile reviewed before going live on the marketplace
Build Profile
Add services, upload photo collections, set feature photos
Manage Bookings
Confirm or decline with agreed pricing and notes
Get Reviewed
Completed bookings unlock client reviews; feeds ranking
Request Received
Vendor sees the booking request with event and service details
Vendor Responds
Accepts or declines — client is notified either way
Confirmed
Both parties notified; booking appears on the calendar
Day Of
Vendor delivers the service
Completed
Booking marked complete; client is invited to leave a review
Review Posted
Verified review published and contributes to vendor visibility
Dashboards
Two distinct authenticated experiences — built around the specific needs of clients planning events and vendors managing their business
Client Dashboard
The client dashboard keeps event planning organised — all upcoming events, bookings, and vendor interactions in one place. Designed around the anxiety of event planning, every status is visible and every next step is clear.
My Events
- •Create events with type, date, location, guest count, and budget
- •Urgency badges — Today, Tomorrow, This Week — in red/orange/yellow
- •Search and filter across all events
- •Tabs for Upcoming and Past events
My Bookings
- •List view with status badges (Pending, Confirmed, Completed, Cancelled)
- •FullCalendar view — monthly with colour-coded booking statuses
- •Click any event for a full detail modal
- •Cancel booking with reason; leave review on completion
Vendor Dashboard
The vendor dashboard is a business management hub — profile, services, bookings, and portfolio all in one authenticated space. Designed to give vendors clarity on their pipeline and control over their public presence.
Profile & Services
- •Business profile: name, description, logo, cover image, city, website
- •Profile strength indicator — encourages completeness
- •Manage multiple services with active/inactive status toggle
- •Assign categories, set price range, duration, and supported event types
Booking Management
- •Incoming bookings with event date, client notes, and service context
- •Confirm with agreed price and optional vendor notes
- •Decline with reason — keeps both parties informed
- •Full booking history with status tracking
Photo Portfolio
- •Organise work into named collections
- •Pin a feature photo per service (shown in marketplace cards)
- •Reorder photos within collections
- •Photo collection management with usage tracking
UX Design Highlights
Intentional decisions that shape every interaction on the platform
Verified provider badges, quality-based sorting, and reviews tied to real completed bookings mean every discovery signal points clients toward confident decisions.
Vendors build their reputation through photos. Collections, pinnable feature images, and a profile strength bar that rewards completeness, because visuals are what close deals in the events industry.
Booking confirmations, updates, and cancellations surface through toast notifications, inline banners, and notification centres. Neither party is left wondering what's happening.
Client bookings in both list view, with urgency badges (Today, Tomorrow, This Week), and a full FullCalendar monthly view with colour-coded statuses. Built for planners who need the big picture.
Role-specific tours auto-start on first login. Conditional step visibility, persisted progress, and a replay button mean users always have a way to re-orient without needing support.
Settings are tabbed to reduce overwhelm. Booking actions appear based on status. Features surface as vendors complete their setup, so new users are never shown options they are not ready for.
Design System
A custom design language built from scratch: consistent, extensible, and shipped to production
Colour Palette
Thistle Primary brand: soft purple for vendor UI accents and CTAs
Pastel Petal Warmth: pink tones for client moments and celebratory states
Icy Blue Calm and professional: dashboards, data tables, neutral UI
Sky Blue Trust signal: confirmations, success states, and links
Typography
Display / Headings — Nunito
Book Your Perfect Event
UI Body — Inter
Find trusted vendors, compare services, and book with confidence.
Tokens at a Glance
Border Radius
6-step scale (4px → 22px)
Color Space
OKLCH — perceptual uniformity
Theme
Full light + dark mode
Spacing
Tailwind v4 scale
Motion
Motion.js entrances + hovers
Components
31 Radix-based primitives
What Was Shipped
A complete, production-live platform — not a prototype
200+
Services Listed
Real providers, real offerings on the marketplace
100+
Service Providers
Vetted vendors live on the platform
30+
Screens Designed
From blank Figma canvas to shipped code
31
UI Components
Reusable, accessible, fully typed
How I Approached This Project
Process and competencies behind every decision on Eve-25
User & Business Insight
Grounded the whole platform in a real problem — hours of WhatsApp vendor hunting — so every discovery feature was designed around actual user behaviour, not assumptions.
Stakeholder Engagement
Regular feedback sessions with the client team shaped flow decisions; pushed back when requests conflicted with user goals, and earned buy-in before building.
Design System & Docs
Built the Eve-25 system from scratch — OKLCH palette, dual-font, 6-step radius scale, and 31 Radix-based components — so the entire platform shares one visual language.
Interface Design
Designed 30+ screens across two roles: photo-first vendor discovery, urgency-aware client dashboards, and progressive disclosure in settings and onboarding.
Technology Enablement
Full Next.js build: Zustand for state, React Hook Form + Zod for validation, FullCalendar for booking views, and Framer Motion for interaction language.
Usability & Accessibility
Designed guided onboarding tours with role-specific steps, a contextual sign-in prompt for unauthenticated booking attempts, and skeleton loaders to reduce perceived wait.
Quality Assurance
Booking lifecycle tested end-to-end across vendor and client roles; status badge system and toast notifications validated to ensure neither party was left uninformed.
Continuous Improvement
Eve-25 grew from its first version to 200+ services through disciplined feedback cycles — tracking what confused users, owning regressions, and iterating until the flow felt natural.
See It Live
Eve-25 is live and serving clients and service providers across Botswana. Browse the marketplace, explore vendor profiles, and see the full experience firsthand.