All work

03 · Brand Identity · Web Design · UI/UX · 2026

Cybertronic Brand & Web Experience

Cybertronic's own identity and interactive web experience — a brand system wrapped in a nostalgic operating-system interface.

Year
2026
Role
Brand Designer · UI/UX Designer · Frontend Developer
Abstract blue bloom artwork used as the Cybertronic experience desktop

Overview

A portfolio you operate, not scroll.

A distinctive digital identity and interactive web experience presenting Cybertronic's branding, visual systems and creative capabilities through a memorable interface.

Nostalgic operating-system references, contemporary typography, motion and responsive interaction combine into a portfolio that demonstrates both visual design and frontend development.

The experience opens with a full boot sequence before the desktop loads.

Themes

Interface skins

Classic desktop theme in the Cybertronic experience
Early-2000s desktop theme in the Cybertronic experience
Aero-era desktop theme in the Cybertronic experience
Flat modern desktop theme in the Cybertronic experience

Experience

Boot it up.

The interactive build, running live.

Open full screen

Pipeline

Built with

Technology

  • HTML5
  • CSS3
  • JavaScript
  • Adobe Illustrator
  • Adobe Photoshop
  • Adobe After Effects
  • Claude AI
  • GitHub
  • Vercel

Capabilities

  • Windows-inspired interactive interface
  • Responsive web experience
  • Custom visual identity system
  • Motion-driven interactions
  • Structured project presentation
  • Reusable UI components
  • Optimised media assets
  • Consistent desktop and mobile experience
  • Brand-focused typography
  • Frontend interaction design