Waqar Official — Cinematic Photography

Exarth designed and built Waqar Official — a cinematic wedding-photography website on WordPress. A dark, dramatic brand showcases a striking portfolio and services, with clear pricing, testimonials and a booking flow across the Gulf and Pakistan.

  • Cinematic portfolio showcase
  • Services & clear pricing
  • Testimonials & social proof
  • Booking & enquiry flow
  • Photography
  • Design + Build
  • WordPress
HomePortfolioServicesPricing
waqarofficial.com
Waqar Official screens — hero, portfolio, services and pricing

A cinematic photography brand online — portfolio, services, pricing and bookings.

PortfolioCinematic
PricingPackages
BookingEnquiries
Gulf+PKCoverage

Overview/ 01

A cinematic home for timeless photography

Waqar Official is a wedding-photography brand merging cinematic photography with high-end creative marketing. The website showcases a dramatic portfolio and services, with clear pricing, testimonials and a booking flow across the Gulf and Pakistan.

Exarth designed and built the site on WordPress with Elementor — a dark, cinematic brand system, portfolio galleries, services and pricing, and a booking funnel — into a fast, lead-focused photography site.

  • Cinematic portfolio galleries
  • Services & clear pricing
  • Testimonials & social proof
  • Booking & enquiry funnel
Role
Design + Development
Type
Photography · Marketing
Timeline
2 months
Platform
WordPress
Builder
Elementor
Year
2024
Waqar Official hero

Scope & deliverables

Discovery & Strategy

Brand positioning, portfolio structure and the booking funnel.

UX / UI Design

A dark, cinematic design system that lets the imagery lead.

WordPress Build

Elementor build, portfolio galleries, pricing and booking.

Performance & Launch

Speed, SEO and a lead-focused, bookings-ready site.

Challenge & solution

A flat gallery, or a cinematic, booking-driven brand

A flat gallery site that didn't convey cinematic quality, with unclear services, hidden pricing and no clear path to book.

  • Generic brand
  • Flat gallery
  • No booking funnel

Brand · Identity

Generic lookThe brand looked generic and failed to convey the cinematic quality of the work.

Portfolio · Showcase

Flat galleryPhotos sat in a flat gallery that didn't do the imagery justice.

Services · Offerings

UnclearIt was unclear what was offered, so prospects couldn't tell if Waqar fit their needs.

No core

No shared platform

Fragmented systems

Flat · Few bookings
HiddenPricing0Booking funnel

Pricing · Plans

Hidden pricesHidden pricing forced extra back-and-forth and lost ready-to-book clients.

Trust · Reviews

No proofWithout testimonials, new couples had little reason to trust the brand.

Booking · Enquiries

Buried contactBooking was buried, so interested couples dropped off before enquiring.

Measurable impact on the live platform

PortfolioCinematic
ServicesClear
PricingPackages
BookingFunnel
Key features

Everything to impress & win the booking

From an immersive portfolio to clear services, pricing, testimonials and a booking funnel — every section is built to captivate and convert.

01/05 features

Auto-playing — hover to pause

waqarofficial.com/portfolio Live
Portfolio
Feature 01PortfolioA styled, immersive portfolio lets the photography lead and captivates every visitor.

Engineering

Technology & Build

Built on WordPress with Elementor — a dark, cinematic, lead-focused site with an immersive portfolio, pricing and a booking funnel.

System architecture

Visitors → WordPress + Elementor → portfolio → booking enquiries

Live
UI
Brand LayerDark, cinematic Elementor theme that lets imagery lead
Responsive
SHOW
Portfolio LayerImmersive galleries, services and pricing
Galleries
LEADS
Booking LayerEnquiry and booking forms capturing leads
Forms · SMTP
OPS
Performance & SEOImage optimisation, CDN, SEO and security
Image · SEO

How we built it

6-phase delivery

  1. 01

    Discovery & Strategy

    Phase 1

    Mapped brand positioning, portfolio and the booking funnel.

  2. 02

    UX / UI Design

    Phase 2

    Designed a dark, cinematic system that lets imagery lead.

  3. 03

    WordPress Build

    Phase 3

    Built the Elementor site, galleries, pricing and booking.

  4. 04

    Performance & SEO

    Phase 4

    Optimised heavy imagery, SEO and lead capture.

  5. 05

    QA & Testing

    Phase 5

    Tested galleries, forms and pages across devices.

  6. 06

    Launch & Iterate

    Live

    Launched the site and iterated on booking enquiries.

Technology stack

16 technologies

Platform4

  • WordPressCMS
  • ElementorBuilder
  • Galleries
  • FormsBooking

Frontend4

  • HTML5
  • CSS3
  • JavaScript
  • Responsive

Backend4

  • PHPv8
  • MySQL
  • SMTPLeads
  • Roles

Ops4

  • Image Opt.Speed
  • SEO
  • CDN
  • Security

Product Screens

The whole brand site, one platform

Glide through the live Waqar Official site — hero, portfolio, services, pricing, about, testimonials and contact.

Drag to explore01 / 09
waqarofficial.com/
Home hero

Philosophy

Design Approach

A dark, cinematic, booking-first design philosophy that lets the imagery lead and moves couples to enquire.

CinematicBoldTrustResponsive
Design pillars
04
Accessibility
AA
Funnel
Booking
Audience
Couples & clients
Platform
Elementor
Design system
Dark · cinematic
Accessibility
WCAG AA

Every screen is shaped around the imagery — cinematic first, bold storytelling, and a clear path from captivated to booking enquiry.

  1. Pillar 01

    Cinematic, Imagery-Led UI

    BoldImagery

    A dark system that lets photography fill the screen and lead the story.

    The work makes the first and lasting impression.

  2. Pillar 02

    Clarity That Converts

    TransparentPricing

    Clear services and transparent pricing that move couples to book.

    Fewer questions, more bookings.

  3. Pillar 03

    Trust-Building Proof

    ReviewsProof

    Testimonials and social proof placed where decisions are made.

    Couples book with confidence.

  4. Pillar 04

    Responsive & Fast

    100%Responsive

    Heavy imagery optimised to stay snappy on every device.

    Cinematic and fast, everywhere.

Tokens

Design System

A cohesive dark, cinematic visual language that keeps every brand screen bold and consistent.

5Colors
6Type sizes
5Spacing
8Icons
4Breakpoints

Color palette5

Typography6

Heading

Space Grotesk 800 · 32px

Subheading

Inter 500 · 20px

Body text for product listings, collections, and guides.

Inter 400 · 16px

Caption labels

Inter 400 · 14px

Small helper text

Inter 400 · 12px

Bold heading

Space Grotesk 700 · 18px

Components4

Add to cart Wishlist
Organic In stockHeirloom
DefaultHoverActiveOff

Spacing scale5

XS4px
SM8px
MD16px
LG24px
XL32px