Skip to content
Start a project
  1. Work
  2. WordPress + WooCommerce
  3. Project Verdant
Client · under NDA

Project Verdant

A dark, fast storefront for instant digital delivery. After the redesign, year-to-date sales reached 6.6× the same period last year.

Client and brand details withheld under NDA.

Hero looploop-hero.mp4
Project Verdant storefront hero: dark interface with a neon-green glow, thin geometric line-work and an orbital ellipse (logo and products blurred)Hero image · 2400×1350hero.webp
Client
Under NDA
Industry
Digital goods e-commerce
Platform
WordPress + WooCommerce
Services
UX & UI design, WooCommerce build, conversion design
Year
2026

(00)Results at a glance

After the redesign.

SourceWooCommerce Analytics · 1 Jan – 21 Oct 2026 vs 1 Jan – 21 Oct 2025

  • Sales$19,078from ~$2,900 · +559% · 6.6×
  • Orders296from ~53 · +458%
  • Products sold505from ~70 · +621%

Year-to-date figures after the redesign, which launched mid-2026, compared with the same period last year. A redesign is rarely the only factor; marketing, season and catalogue changes also play a part.

  1. 01The challenge
  2. 02What we discovered
  3. 03The approach

(01)The challenge

When you sell something that arrives in seconds, the website is the product experience.

There is no box, no unboxing and no shop counter, so every doubt a buyer has gets settled on screen. Finding the right item, trusting the store and getting it instantly had to feel effortless.

(02)What we discovered

Digital-goods buyers compare specs, not photos.

They arrive knowing roughly what they want and decide on details: what's included, compatibility, delivery speed and price. The design needed to put those facts first and remove every step between "that one" and "paid".

(03)The approach

  1. Spec-first browsing

    Search up front, pill filters for sort, order and pricing, a price slider and compact product cards that lead with the details buyers compare.

  2. Trust built into the interface

    A persistent cart, a clear FAQ, a direct support channel in the main navigation, and HUD-style frames that make information feel precise and verified.

  3. Cinematic, but quick

    A dark, immersive look with one neon-green accent, soft glow and thin line-work, kept light enough that browsing stays fast.

(05)Key screens

Desktop and phone.

Screenshots are shown with logos and product names blurred. Illustrative previews until real screenshots are added

  1. Project Verdant Home on desktopHome · desktop 1600×1000home-desktop.webp
    Project Verdant Home on mobilemobile 780×1688home-mobile.webp
    01

    Home

    Cinematic hero with soft glow and an orbital ellipse; the route to the shop is one click away.

  2. Project Verdant Shop on desktopShop · desktop 1600×1000shop-desktop.webp
    Project Verdant Shop on mobilemobile 780×1688shop-mobile.webp
    02

    Shop

    Search, pill filters for Sort / Order / Pricing, a price slider and categories, built for fast scanning.

  3. Project Verdant Product on desktopProduct · desktop 1600×1000product-desktop.webp
    Project Verdant Product on mobilemobile 780×1688product-mobile.webp
    03

    Product

    Spec-first product page: what's included and delivery time sit above the fold, next to the price.

  4. Project Verdant Cart & support on desktopCart & support · desktop 1600×1000cart-desktop.webp
    Project Verdant Cart & support on mobilemobile 780×1688cart-mobile.webp
    04

    Cart & support

    A persistent cart and a direct support channel remove the last doubts before paying.

(04)Design system

The look, in parts.

One accent on near-black: everything that glows is something you can act on.

  • Void#0A0E0CBackground
  • Panel#121A16Surfaces & frames
  • Signal green#3BFF8AThe only accent: actions, glow, active states
  • Haze#E6F2EAText
  • Moss#8DA196Secondary text
DeliveryInstant
SortOrderPricing
Product name
Delivery
Instant
Region
Global
$—
Price

(06)Interaction & motion

In motion.

Short loops, 5–8 seconds, recorded from the real interface.

  • Scroll-throughloop-scroll.mp46s · desktop browser frame on Void background · slow scroll from hero glow to the product grid · ease-in-out, no cuts

    Scroll-through

  • Filters in actionloop-filters.mp45s · desktop frame, cropped to the shop toolbar · pill filter tapped, price slider dragged, grid re-sorts · cursor visible

    Filters in action

  • Results count-uploop-metrics.mp45s · no device · $2,900 counts to $19,078 in Signal green on Void, source line fades in under it

    Results count-up

(07)What we built

A complete WooCommerce storefront, from the cinematic home page to a checkout with nothing in the way.

  • Spec-first product cards

    Compact cards that lead with the facts buyers compare, so a full shop page can be scanned in seconds.

  • HUD-style frames

    Angled panels with corner brackets give the interface a precise, technical feel that matches the audience.

  • Support in the navigation

    Home, Shop, FAQ and Support sit side by side, so help is never more than one click away.

Features

  • Dark immersive UI
  • Neon-green accent system
  • Search
  • Pill filters
  • Price slider
  • Categories
  • Persistent cart
  • FAQ
  • Direct support channel
  • Instant delivery flow

Stack

  • WordPress
  • WooCommerce

Scope

  • UX & information architecture
  • UI & visual design
  • WooCommerce build
  • Launch

(08)Results in detail

Before and after.

SourceWooCommerce Analytics · 1 Jan – 21 Oct 2026 vs 1 Jan – 21 Oct 2025

  • SalesYear-to-date revenue

    Before~$2,900
    After$19,078

  • OrdersCompleted orders

    Before~53
    After296

  • Products soldItems across all orders

    Before~70
    After505

  • Average order valueRevenue ÷ orders

    Before~$55
    After~$64

Year-to-date figures after the redesign, which launched mid-2026, compared with the same period last year. A redesign is rarely the only factor; marketing, season and catalogue changes also play a part.

(10)Credits

Design & build
HuesLoom Studio

(→)Next project

Girly Essentials

Clean-beauty WooCommerce store · editorial, blush-toned, built to browse

Client project
Girly Essentials · card imagecard.webp

Want a site that works this hard?

Tell us about your store or site. We reply within one business day, honestly, even if the answer is "you don't need us yet".

Start a project All work