Skip to content
All work
Concept projectWebsite Development · AI · Web apps

Dune Gloss: a detailing studio, refined.

Dune Gloss is a fictional automotive detailing brand used to demonstrate Averon's digital transformation work: a generic small-business website rebuilt as a premium experience, with an AI-style support assistant, a smart booking flow and an owner dashboard behind it.

Client
Dune Gloss (fictional)
Industry
Automotive detailing
Location
Ajman, UAE (fictional)
Status
Concept · not a client

The business, prices, people and enquiries are invented. There are no real customers, reviews or results, and none are claimed.

The Dune Gloss hero image: a black car traced by studio light

Your Car. Refined.

01

Project overview

A complete brand and website for a premium detailing studio, designed to make an ordinary service business feel considered and trustworthy, and to answer customers before they have to ask.

02

The challenge

The original concept website had generic branding, a basic one-column structure and almost no interaction: a phone number, a price table and a form that asked for nothing useful. Customers had to call to learn anything.

03

Averon's solution

A premium redesign, a support assistant grounded in the business's own information, a smart enquiry experience that collects what the studio actually needs, and interactive tools that help customers choose.

Interactive showcase

Drag to see the transformation.

Both websites below are live. Drag the divider, switch to the phone view, or scroll inside either one.

Before · originalAfter · redesign

Drag the divider (or focus it and use the arrow keys). Scroll either side and the other follows. Both sites are live, so links and forms work.

What changed

Nine decisions.

Brand identity

Before:Business name typed in a serif font on a stock-blue bar. No mark, no palette.

After:A DG monogram and spaced wordmark, near-black with warm bronze, used consistently from favicon to dashboard.

Typography

Before:Browser-default Arial everywhere, one weight, cramped headings.

After:Manrope for display, Inter for reading, with a clear scale from 8rem hero type to 12px captions.

Layout

Before:One long centred column of boxes; every section looks the same.

After:Editorial pacing: full-bleed hero, asymmetric grids, generous whitespace and a distinct layout per section.

Navigation

Before:Grey tab bar of anchor links, no indication of where you are, nothing sticky.

After:Sticky, translucent header with active states, a persistent Book Appointment action and an accessible mobile menu.

Service presentation

Before:Six equal boxes with a one-liner and “Price: 199 AED+”.

After:Photo-led service cards, then a page per service with duration, inclusions, starting price and who it suits.

Mobile experience

Before:Desktop layout squeezed down: wrapped tab bar, tiny tap targets, wide table.

After:Designed mobile-first: thumb-sized controls, swipeable filters, a full-screen menu and readable tables.

Customer support

Before:A phone number and “contact us today”.

After:Dune Assist answers from the business knowledge base at any hour and hands over to the team with the conversation attached.

Booking experience

Before:Name, phone and message. No vehicle, no service, no confirmation of what happens next.

After:A six-step enquiry with validation, a price estimate, a review screen and an honest confirmation.

Interactive features

Before:None.

After:Package comparison, a four-question recommender, before/after sliders, a filterable gallery with lightbox, and an owner dashboard.

Visual identity

Dune·Gloss

A DG monogram whose crossbar extends as a single reflection line, like light on polished paint. Manrope for display, Inter for reading. Near-black and warm bronze: premium, never flashy.

Palette

  • Near-black#0B0B0D
  • Graphite#141416
  • Card#19191C
  • Bronze#B58A55
  • Warm white#F5F2ED
  • Stone#A1A1AA

Services demonstrated

  • Website Development
  • UI/UX Design
  • AI Customer Support
  • FAQ Automation
  • Interactive Web Applications
  • Business Dashboard Development

How it's built

  • One knowledge base powers the website copy, FAQ, package comparison, recommender and assistant, so prices never disagree.
  • Dune Assist runs in local knowledge-base mode: a deterministic engine, no AI model or paid API. A live model can be added behind a server-side adapter.
  • Local data layer: enquiries are stored in the visitor's browser and appear in the dashboard. Swapping in a real database changes one file.
  • Stack: Next.js, React, TypeScript, Tailwind CSS, Motion, Lucide. Photos are free-licence stock imagery.

Want something similar for your business?

Tell us how you work today. We reply in writing within one business day with questions or a fixed quote. No calls required.