Luxury E-commerce & Brand Identity

Website development and custom software case study in Nigeria.Citrexx Winery

The Art of Connection — Building Nigeria's most premium wine brand from the ground up.

ClientCitrexx Premium Wines
Duration8 weeks
ServicesBrand Identity Design, UI/UX Design, E-commerce Development
Citrexx Winery desktop website preview
Citrexx Winery
Overview

Building a digital sanctuary for fine Nigerian spirits.

Citrexx came to Nuelsville with world-class wines and no way to sell them online. They had a tasting room in Abuja, loyal customers who loved their product, and a vision to become Nigeria's most recognized premium wine brand. What they needed was a complete digital presence — from brand identity to e-commerce platform.

We delivered everything. Brand identity, bottle and label design, a full e-commerce platform built on Next.js and NestJS, Paystack payment integration, and a digital experience that makes every visitor feel like they've walked into a luxury tasting room. The result is citrexx.com — a premium flow that moves from The Art of Connection hero into Collections, Heritage, Journal, and filterable Red, White, Rosé, and Sparkling shopping journeys.

Services Delivered

  • Complete Brand Identity System
  • Bottle & Label Design
  • Custom E-commerce Platform
  • NestJS Backend & API
  • Paystack Payment Integration
  • Age Verification System
  • Nationwide Delivery Integration

Timeline

8 weeks

Website Showcase

The Live Website

open_in_new

See it live at citrexx.com

Open Websitenorth_east
citrexx.com/
Citrexx homepage showing the candlelit hero section and The Art of Connection headline.
Homepage

Hero, navigation, and editorial landing experience.

citrexx.com/collections
Citrexx collections page with category filters, product cards, and luxury gift sets.
Collections

Category browsing, filters, and premium product merchandising.

citrexx.com/products/pinot-noir-reserve-set
Citrexx single product page showing a premium wine gift case, price, and add to cart controls.
Product Page

Single-product storytelling with pricing, quantity, and checkout hooks.

citrexx.com/heritage
Citrexx heritage page introducing the brand story inside the vineyard.
Heritage

Brand story, vineyard photography, and trust-building context.

citrexx.com/mobile
Citrexx mobile homepage view with stacked calls to action and luxury wine imagery.
Mobile View

Mobile-first experience with stacked CTAs and simplified navigation.

Brand Identity

More than a website — a complete brand.

Before we wrote a single line of code, we designed the brand. Color palette, typography, label design, bottle mockups. Everything that makes Citrexx look like it belongs on the shelf next to the world's finest wines.

Brand Colors
Deep Burgundy
#2d0a0a
Warm Gold
#c9a84c
Cream White
#f5f0e8
Charcoal
#0C0F0E
Citrexx Pinot Noir bottle mockup with magenta label on a studio background.
Citrexx Cabernet Sauvignon bottle mockup with coral red label.
Citrexx Carmenere bottle mockup with warm orange label.
Citrexx Chardonnay bottle mockup with golden label.
Citrexx Merlot bottle mockup with deep blue label.
Citrexx Sauvignon Blanc bottle mockup with olive green label.
Citrexx brand palette with burgundy, gold, cream, and charcoal swatches.

What we designed

check_circle

Brand color system (deep burgundy, warm gold, cream white)

check_circle

Typography pairing (editorial serif + clean sans)

check_circle

Bottle label design — Reds, Whites, Rosé ranges

check_circle

Packaging and gift box design

check_circle

Brand guidelines document

Typography
Aa Bb Cc
Playfair Display
Aa Bb Cc
Work Sans
Brand Voice

Deep burgundy anchors trust, gold signals prestige, and editorial serif typography gives every page the tone of a private tasting invitation rather than a commodity storefront.

The Process

From sketch to launch in 8 weeks.

lightbulb
Week 1–2

Brand Strategy

Brand positioning, color system, typography, label design

palette
Week 3–4

UI/UX Design

Wireframes, component design, mobile-first layouts

code
Week 5–7

Development

Next.js frontend, NestJS API, Paystack integration

rocket_launch
Week 8

Launch & Handover

Testing, deployment, team training, documentation

Low-fidelity homepage wireframe for the Citrexx website design process.

Lo-fi wireframe — Homepage layout approved before design began

citrexx.com
Final Citrexx homepage with wine hero image and editorial headline.

Final — citrexx.com homepage

01The Challenge

Selling luxury in a market that doubted it

Nigerian consumers were unfamiliar with premium locally-made wine. The brand needed a digital experience that built trust instantly, communicated luxury credibly, and made purchasing feel as premium as the product itself.

close

No brand identity

Citrexx had great wine but no visual identity. No logo, no labels, no color system. We started from zero.

close

Trust barrier

Getting Nigerian consumers to spend premium prices on a local wine brand online required building instant, visual credibility.

close

Complex e-commerce needs

Age verification, nationwide delivery logistics, multiple product variants, and high-value order processing — all had to work seamlessly.

02The Solution

A storefront as refined as the product

We built Citrexx from the ground up — brand first, then digital. Every decision, from the label typography to the checkout flow, was made to communicate one thing: this is a premium product that deserves your trust. That shows up in the live IA too: Collections, Heritage, Journal, Tasting Room, and Contact all support the commerce story rather than feeling like disconnected pages.

Citrexx Winery
check_circle

Brand identity & label design

We designed the complete visual identity — including bottle labels for the Reds, Whites, and Rosé collections — before touching code.

Citrexx Winery
check_circle

Editorial e-commerce experience

Product pages read like magazine features, with large product photography, gift-set framing, same-day delivery in Abuja cues, 18+ purchase messaging, and clear add-to-cart actions that justify the premium positioning.

Citrexx Winery
check_circle

Robust backend infrastructure

A NestJS API handles inventory, orders, user accounts, and Paystack payments. Built to scale from day one.

+200%
Brand Perception
vs pre-launch baseline
3.5m
Avg Session Duration
minutes per visit
45%
Conversion Rate
visitor to buyer
₦0
Ad Spend
month one, organic only
"

Nuelsville didn't just build us a website — they built us a brand. Every detail was considered. The bottles, the labels, the website. It all feels like one coherent vision. Our customers keep complimenting the packaging before they even taste the wine.

CF
Citrexx FounderFounder, Citrexx Premium Wines

Technology that protects the premium experience

Every tool in the stack was chosen for a simple business reason: the brand feels expensive, the checkout stays reliable, and the store remains fast enough to convert buyers on real Nigerian networks.

Frontend

Next.jsTypeScriptTailwind CSS

Your website loads in under 2 seconds on any Nigerian internet connection. Fast sites convert more customers.

Backend

NestJSPostgreSQLREST API

A server that handles Black Friday traffic without going down. Your orders never get lost.

E-commerce

Custom CartPaystackOrder Management

Nigerian customers can pay with any bank card, USSD, or bank transfer. No payment fails.

Hosting

VercelRailway

99.9% uptime. Your store is open 24/7, even while you sleep.

Chat with us on WhatsApp