Projects

Snapdrum

UI/UXProductFrontend2026
Snapdrum website redesign

Snapdrum · snapdrum.com

Redesigning Snapdrum.

Core Concept

A full redesign from a static marketing site into a sharper enterprise experience: clearer hierarchy, stronger interaction, and modern accessibility.

Role

Frontend Developer

Product Designer

Duration

Jan 2026 to Apr 2026

Scope

Frontend

Product

UX Design

Live

Try the live site

The Context

Snapdrum builds GenAI for enterprises. The old site didn't show it.

Snapdrum helps teams adopt and scale GenAI. Developers, product teams, and buyers need polish and clarity on first glance. The previous site was static, dense, and visually flat.

Snapdrum redesign wireframes and pages

The Problems

Four things holding the site back.

The site felt flat and hard to scan, with no motion, weak structure, little trust, and overlooked accessibility.

The Research

What leading AI companies do well.

Competitive review of Microsoft AI, Giga, Duna, and Cohere, plus a bloated Snapdrum sitemap, pointed one way: simplify, sharpen, and lead with outcomes.

Snapdrum research analysis 1Snapdrum research analysis 2

The Design

Simple, enterprise, built to current standards.

We stripped the noise, set a clear hierarchy, and rebuilt navigation, hero, interactions, and footer with intentional motion and enterprise polish.

Snapdrum colour tokens for dark and light sectionsSnapdrum typography, spacing and radius scales
Snapdrum design detail

The Solutions

Solution #1

Motion and interactivity.

Purposeful animation, scroll transitions, hover states, and an adaptive glass nav.

Glassmorphism navHero animationScroll transitionsHover states
Solution 1: motion and interactivity

Solution #2

An enterprise visual system.

Cohesive type, spacing, and trust signals from hero to footer, replacing the generic old look.

Hero redesignTypography systemVisual hierarchyFooter
Solution 2: enterprise visual system
Snapdrum hi-fi page designs in Figma

Solution #3

Clearer information architecture.

Simplified sitemap and content prioritized for what enterprise buyers need, with less friction to contact.

Sitemap restructureContent hierarchyCTA placementAccessibility
Solution 3: information architecture

Reflections

What I'd do differently.

Set up the structure first. Rushing to ship, I added tokens partway through and only built a component guide mid-project. Starting with both on day one, plus testing motion with users sooner, would have saved a lot of time.

Ship early, learn as you go.

A startup can't wait on a perfect product. Working at Snapdrum's pace meant getting rough versions in front of people quickly, using their feedback to decide what to fix next, and letting each round of testing shape the next build.

Live Site

snapdrum.com

See the full redesign live.

Visit snapdrum.com