skill.md

Premium Wedding Photography Marketplace — Design System + Product Skills

Product Vision

Build a premium wedding photography marketplace that feels like:

• Apple-level premium UI
• Airbnb-level trust-driven booking
• Wedding-focused emotional luxury platform

This is NOT a normal marketplace. This is a memory-selling platform.

Users should feel: "This platform handles life’s most important memories."

---

Core Product Type

Two-Sided Marketplace

Side A — Customers

People looking for wedding photographers and videographers.

Side B — Vendors

Photographers, cinematographers, studios, freelancers.

Side C — Admin

Platform operations, approvals, fraud prevention.

---

Premium Color Palette (Scientific + Luxury)

Avoid startup colors. Avoid bright random UI colors. Avoid too much blue.

Use luxury emotional trust palette.

---

Primary Colors

Midnight Black

Hex: #0F0F0F

Use for:

• navbar
• hero background
• premium sections
• footer

Meaning: Luxury + cinematic + premium

---

Ivory White

Hex: #F8F5F0

Use for:

• page background
• content areas
• premium whitespace

Meaning: Softness + elegance + luxury

---

Champagne Gold

Hex: #C8A96A

Use for:

• CTA buttons
• premium highlights
• verified badge
• premium vendor tags

Meaning: Luxury + premium trust

---

Dusty Rose

Hex: #D8B4A0

Use for:

• subtle accents
• emotional warmth
• wedding softness

Meaning: Romantic + elegant

---

Slate Gray

Hex: #5F6368

Use for:

• secondary text
• labels
• helper content

Meaning: Balance + readability

---

Forest Green

Hex: #2F5D50

Use for:

• trust signals
• success states
• confirmation UI

Meaning: Trust + stability

---

Typography System

Primary Font

Preferred:

• SF Pro Display

Fallback:

• Inter

Never use:

• Poppins
• random decorative fonts
• hard bold fonts

Reason: Premium iOS-like clean feel

---

Spacing Rules

Luxury UI = whitespace

Use:

• large padding
• clean spacing
• breathing room

Avoid:

• crowded UI
• tight cards
• too much information above the fold

Rule: Less clutter = more premium

---

Radius Rules

Use: 18px to 24px border radius

For:

• cards
• buttons
• modals
• inputs
• portfolio previews

This creates iOS premium feel.

---

Shadow Rules

Use: Soft subtle shadows only

Avoid:

• hard borders
• heavy black shadows
• old-style box shadows

Goal: Luxury softness

---

Button Design

Primary CTA

Background: Champagne Gold

Examples:

• Book Now
• Find Photographer
• Become a Vendor

---

Secondary CTA

Use: Glass effect / transparent / outlined

Examples:

• Learn More
• View Portfolio

---

Home Screen (Landing Page)

This page sells trust.

---

Section 1 — Hero Section

Keep

Full-screen cinematic wedding image/video

Headline

Capture Forever. Book India’s Finest Wedding Photographers.

Subheading

Verified professionals. Luxury storytelling. Stress-free booking.

CTA Buttons

• Find Photographer
• Join as Vendor

Search Box

• city
• wedding type
• budget
• date

This must feel emotional + premium.

---

Section 2 — Featured Vendors

Show

Top photographers only

Each card includes:

• cover image
• vendor profile
• verified badge
• location
• ratings
• style tags
• price range

Card style: Netflix + Apple premium cards

---

Section 3 — Real Work Showcase

Must Include

Real delivered work

NOT stock photos

Use:

• masonry grid
• reels
• cinematic videos
• albums

Trust increases massively here.

---

Section 4 — Why Choose Us

Show:

• verified vendors
• transparent pricing
• secure payments
• real reviews

4 premium icon cards

---

Section 5 — Testimonials

Use:

• bride/groom reviews
• video testimonials
• premium carousel

Luxury trust section

---

Vendor vs Customer Separation

Never mix both journeys.

Very important.

---

Customer Side

Goal

Book best photographer

Features

• search vendors
• compare portfolios
• booking
• payment
• reviews
• saved vendors
• support

Dashboard:

• My Bookings
• Payments
• Reviews
• Saved Vendors

---

Vendor Side

Goal

Get leads + manage business

Features

• portfolio management
• services management
• availability calendar
• leads handling
• earnings dashboard
• reviews management
• analytics

Dashboard:

• Leads
• Confirmed Bookings
• Revenue
• Calendar
• Analytics

---

Premium Features Competitors Miss

These help win market share.

---

Availability Calendar

Do not force: “Call vendor”

Show: Available dates directly

Huge conversion booster.

---

Transparent Pricing

Show:

• Silver package
• Gold package
• Platinum package

Each with:

• deliverables
• edited photos
• teaser video
• cinematic film
• number of photographers

Users trust pricing transparency.

---

AI Vendor Matching

Recommend best vendors based on:

• city
• budget
• wedding type
• preferences

Very strong premium feature.

---

Instant Quote System

Input:

• date
• city
• budget

Output: Recommended vendors instantly

---

Mobile UX Rules

Most traffic will come from mobile.

Must be:

• thumb-friendly
• image-first
• fast
• sticky CTA buttons
• WhatsApp quick connect

Sticky actions:

• Book Now
• Call Vendor
• WhatsApp

---

Trust Signals

Must include:

• Verified Vendor Badge
• Premium Vendor Tag
• Secure Payment Badge
• Booking Count
• Cancellation Policy
• Real Reviews Only
• Featured Vendor Label

These improve conversions heavily.

---

Backend Stack Recommendation

• NestJS
• TypeScript
• PostgreSQL
• Redis
• AWS S3
• Razorpay
• Docker
• Swagger
• Prisma or TypeORM

Build stable. Not fast.

---

Final Rule

Do NOT build: A normal service marketplace

Build: A luxury wedding memory platform

This difference decides whether users trust you or ignore you.

Premium UX is not decoration. It is conversion strategy.