🡨 BACK

DAT UK SOUND
Typography

Monument Extended Ultrabold

Used for Logo / Headings / Pack Artwork

  • Block Caps, Wide Spacing

  • Bold, Industrial, Rave Culture Inspired

Aa

Inconsolata

Used for Body Text / UI

  • Monospaced, Functional

Aa

Colour Pallete

DAT UK BLUE
Moody, Glitched-out,
Club lit, Industrial

SIGNAL RED
Intense, Attention-grabbing
accent colour

RAVE YELLOW
Bright accent colour

#0F0F0F
Section backgrounds, Text

#E2E2E2
Section backgrounds

#FFFFFF
Section backgrounds, Text

DAT UK BLUE
Moody, Glitched-out,
Club lit, Industrial

SIGNAL RED
Intense, Attention-grabbing
accent colour

RAVE YELLOW
Bright accent colour

#0F0F0F
Section backgrounds, Text

#E2E2E2
Section backgrounds

#FFFFFF
Section backgrounds, Text

Visual Inspo
(Various artists)
Homepage
Design & UI

>Homepage combines glitchy rave visuals with a clean, functional layout to guide users intuitively toward the product catalogue


>Bespoke SoundCloud embed for mix series


>Bespoke'Customer Testimonial' section and 'About the Brand' section serve to increase the trust and social proof

Product Page

>Specialised product pages with the ability to toggle between product options.


>Bespoke Soundcloud embedd for product demos.


>Bundle offers, and 'Related Products' to increase average order value (AOV).

Checkout
Pipeline

>Digital delivery handled via SendOwl, available on checkout page for instant fulfilment.


>Automated confirmation emails to reinforce a smooth, professional post-purchase experience.


>User account area (powered by Shopify SHOP) where users can see all purchased products in one place.

Advertising

>High energy visually engaging advertising video.


>9:16 for use on social media.


>Clear call to action.

Tools

>As a self-starter, I took on every stage of delivery:


  • Defining the brand

  • Building the site

  • Automating the backend

  • Managing the launch


>This meant being confident across a wide range of skills and tools.

Tool
Function
Shopify
Platform, Site management, and E-commerce setup
Google Workspace
Domain-linked email, Security, and Admin tools
Squarespace
Domain registration and DNS management
After Effects
Motion and glitch graphics
Capcut
Video and graphics editing
Figma
Prototyping, and Graphics editing
Klaviyo
Pop-ups, Email capture, and Automation
ChatGPT
AI-assisted code generation and debugging

NEXT SECTION →

NEXT SECTION →