Independent Web Designer & Digital Product Builder

Web experiences built to look impossible to ignore.

Premium interfaces, AI-powered products, music platforms and specialist web applications—designed from concept to deployment with a focus on atmosphere, usability, conversion and memorable visual identity.

DISCIPLINES UI/UX · Full-stack · AI SPECIALISM Music · Automation · Security APPROACH Design-led · Product-first
https://digital-experience.local / selected-work
DNBCD / DIGITAL SYSTEMS

Purpose-built products for unusual ideas.

From AI profile intelligence to Ableton education and Drum & Bass discovery—each project gets its own visual system, product logic and technical architecture.

Projects06
FocusAI + UX
StackWEB
✦ High-impact visual systemsPremium interaction + responsive design
⚡ Product-minded developmentConcept → interface → working application
01 / Selected Work

Six products.
Six distinct worlds.

A portfolio spanning AI-assisted trust analysis, Drum & Bass discovery, music production education, media tooling and specialist creator resources. Each project combines a strong front-end identity with functional product design.

drumbasscd.com/indexed● LIVE
PROJECT 02 / MUSIC DISCOVERY

DrumBassCD

A dense, purpose-built Drum & Bass discovery interface bringing a large network of scene channels, playlists, favourites, watch history and tracklist-search utilities into one fast-access listening environment.

Music PlatformDiscovery UXPlaylist UIUtilities
dnb.college● AI LEARNING
PROJECT 03 / AI EDUCATION

DNB College

An AI-powered Ableton Live learning platform for Jungle and Drum & Bass producers. Users can explore production tutorials, voice narration, topic-based guidance and practical workflows covering drums, basslines, mixing, sound design, arrangement and more.

Ableton LiveAI TutorVoice NarrationEducation
jungle.dnbmp3.com● MEDIA TOOL
PROJECT 04 / MEDIA APPLICATION

DnB Tracklist Player

A focused listening and tracklist environment built around Drum & Bass media discovery—designed to turn scattered online content into a cleaner, faster and more useful workflow for DJs, collectors and dedicated scene listeners.

Media PlayerTracklistsDJ ToolsMusic UX
Producer Pal Academy● TUTORIAL HUB
PROJECT 05 / CREATOR EDUCATION

Producer Pal Academy

A premium tutorial hub focused on AI-assisted Ableton Live workflows, including project management, MIDI transformations and hands-free voice control. The design uses modular learning cards, strong visual hierarchy and a cinematic dark interface.

Producer PalAI MusicTutorial DesignContent UX
app.profilesentinel.shop ● FULL LIVE APPLICATION
PROJECT 06 / AI PROFILE INTELLIGENCE APPLICATION

Profile Sentinel Web App

The full Profile Sentinel application experience presented at page width: an AI-assisted investigation interface for reviewing suspicious profiles, collecting evidence, analysing risk signals and organising findings through a focused security-first workflow.

AI Analysis Profile Intelligence Security UX Evidence Workflow Full Web App
Open Live App ↗
drumbasscd.com/gpt2.fixed2 ● LIVE
PROJECT 07 / AI MUSIC APPLICATION

DrumBassCD GPT

An interactive Drum & Bass focused web application combining specialist music tools, AI-assisted workflows and a dedicated interface designed for DJs, producers and Drum & Bass enthusiasts.

Visit Site ↗
direct.dnbmp3.com ● LIVE
PROJECT 08 / OGIMAGE APP

OGIMAGE APP

An interactive OGIMAGE APP focused web application combining specialist tools, AI-assisted workflows and a dedicated interface designed for enthusiasts.

Visit Site ↗
Interactive Water Ripple ● LIVE
PROJECT 09 / Interactive Water Ripple

Interactive Water Ripple

An interactive Interactive Water Ripple focused web application combining specialist tools, AI-assisted workflows and a dedicated chat interface designed for enthusiasts.

Visit Site ↗
Interactive Transmission Time ● LIVE
PROJECT 10 / Interactive Transmission Time

Interactive Transmission Time

An Interactive Transmission Time focused web application combining specialist tools, AI-assisted workflows and a dedicated chat interface designed for enthusiasts.

Visit Site ↗
sentinel-ultra-premium ● LIVE
PROJECT 11 / sentinel-ultra-premium

sentinel-ultra-premium

An sentinel-ultra-premium focused web application combining specialist tools, AI-assisted workflows and a dedicated chat interface designed for enthusiasts.

Visit Site ↗
02 / Capabilities

Design is only half
the product.

The strongest work connects visual identity with real product utility. These builds are designed around what users actually need to do—then engineered into responsive, interactive systems.

Premium UI / UX Design

High-contrast interface systems, glass surfaces, rich depth, animated states, responsive layouts, browser-style presentation and clear conversion journeys.

🤖

AI Product Integration

Interfaces for AI analysis, assistants, generated content, guided workflows and structured outputs—designed to make complex model capabilities understandable.

⚙️

Full-Stack Web Applications

Node.js application architecture, APIs, authentication, databases, payments, uploads, admin tooling and deployment-oriented front-end systems.

🎛️

Music & Creator Technology

Specialist tooling for DJs, producers and music communities: media players, tracklist utilities, educational systems, Ableton workflows and digital products.

06Flagship platforms shown
AIProduct-first integrations
24/7Web-native accessibility
Room for unusual ideas
03 / Build Process

From rough idea to
working system.

A practical process built for independent digital products: define the job, shape the experience, engineer the core workflow, then refine presentation and performance until it feels finished.

01 / DEFINE

Product Direction

Clarify the audience, problem, offer and strongest product hook before visual work begins.

02 / DESIGN

Visual System

Create a distinctive interface language with typography, hierarchy, components, states and responsive behaviour.

03 / BUILD

Functional Core

Connect the front end to the application logic, APIs, AI features, content, accounts or media workflows.

04 / REFINE

Polish & Launch

Improve interaction, mobile behaviour, performance, reliability, calls-to-action and production readiness.

04 / Visual Direction

Interface inspiration.
Rebuilt, not copied.

The reference direction uses bold dark surfaces, large image-led presentation, crisp product framing and simple high-value messaging. This portfolio translates those qualities into a more cinematic, bespoke identity.

Visual reference 1
Visual reference 2
Visual reference 3
Visual reference 4
Visual reference 5
05 / Start Something

Got an idea that deserves more than a template?

Specialist web products, AI interfaces, creator tools, music platforms and unconventional digital ideas—designed to feel deliberate, premium and genuinely useful.

Discuss a Project ↗