Chris Dolphin | Creative Developer & Architect
Chris
Dolphin
Build
somethingYou broke it. Happy now?beautiful
Projects
Services
Coaching

Frontend that scales — and surprises you.

Fifteen years building dashboards, multimedia apps, and 3D experiences for teams shipping real software. Available for builds, audits, code reviews, and the occasional Three.js detour.

Book a discovery callSee the work
Trusted by teams shipping real software
ElevenVRGroovesharkLIVNapster+ more
What I build

Eight offerings, pulled from the work in the portfolio.

They overlap by design — most real engagements blend two or three. Skim the list, then jump in.

01
Complex app builds.

Dashboards, multimedia apps, and data-heavy frontends at scale.

02
UX audit & improvements.

Find the problems, then fix them — audit hands off to implementation.

03
Performance audit.

Load time, render time, runtime responsiveness — measured and fixed.

04
Code review.

Async PR review or live walkthrough — architecture, perf, and team comms.

05
3D websites.

Real WebGL — Three.js, R3F, shaders, procedural generation.

06
GSAP & motion work.

Scroll-driven sequences, page transitions, the delight layer.

07
Mobile apps.

Cross-platform React Native — shipping since 2016.

08
Discord & Twitch.

Embedded apps inside voice calls; broadcast overlays for streams.

Complex app builds

Building dashboards, multimedia apps, and data-heavy frontends at scale — the kind of work behind the ElevenVR League platform, Grooveshark, LIV, and Napster. Comfortable in large codebases with many contributors, real-time data, complex state, and architectural decisions that need to hold up over years.

What's covered
  • Greenfield builds of dashboards, internal tools, and multimedia / media-rich apps.
  • Joining an existing large-scale codebase and shipping features without breaking it.
  • Architecture, state management, and component-library design at scale.
  • Real-time and streaming UIs — sockets, media playback, live data.
  • Monorepo setup and module boundaries for multi-team codebases.
Start a project conversation
Typically · Tier 02 – 04

UX audit & improvements

Find the problems, then fix them — bundled so the audit hands off directly to implementation. Pulls on the UX design work from the LIV redesign, and Eleven League platform.

Audit deliverables
  • Wireframes for the redesigned flows.
  • PDF markups of the current site with annotated issues.
  • Prioritized list of improvements.
  • Information architecture map.
  • Accessibility findings, WCAG-level.
Implementation phase
  • Ship the recommended changes into the live codebase.
  • Component-level refactors where the audit identified pattern issues.
  • Accessibility fixes — semantic HTML, focus management, ARIA where appropriate.
Request a UX audit
Typically · Tier 01 → 02

Performance audit

A focused engagement on making an existing site or app faster — load time, render time, and runtime responsiveness. Deliverable is a written report with prioritized fixes and, optionally, the fixes themselves.

What gets measured
  • Core Web Vitals — LCP, INP, CLS.
  • Bundle size and code-splitting opportunities.
  • Render performance and wasted re-renders.
  • Asset delivery, caching, and image strategy.
  • Third-party script impact.
Get a performance audit
Typically · Tier 01

Code review

Productized code review for an existing codebase or PR. Quality-focused, performance-conscious, architecture-aware — and oriented around long-term team communication, not just whether the code runs.

What's reviewed
  • Architecture and component-creation decisions — is this abstraction earning its keep?
  • Performance patterns and redundant operations.
  • Cross-platform / cross-browser behavior, especially mobile.
  • State management and hook / context choices.
  • Naming and organization for team understanding.
  • Test coverage and build hygiene.
Deliverable formats
  • Async written review of a PR or branch.
  • Live walkthrough call on a codebase, with a follow-up summary doc.
  • Repeating reviewer slot on an ongoing project.
Book a code review
Typically · Tier 01 or 03

3D websites

Browser-based 3D experiences — the kind of work behind the Spiral Galaxy, Terrain Diorama, Parallax Meadow, and LIV Cube projects. Real WebGL, not a marketing-site gimmick.

Capabilities
  • Custom Three.js scenes with bespoke geometries, materials, and lighting.
  • Declarative 3D using React Three Fiber inside a React app.
  • GLSL shaders for effects that can't be done with built-in materials.
  • Physics, particles, and procedural generation — terrain, galaxies, noise fields.
  • Performance budgeting for 3D on mid-range mobile.
Talk about a 3D project
Typically · Tier 02

GSAP & motion work

Motion design and animation for the web — scroll-driven sequences, micro-interactions, page transitions, and the "delight" layer that turns a functional UI into something memorable.

Capabilities
  • Scroll-driven storytelling and pinned sequences.
  • Page-transition choreography.
  • Micro-interactions and hover / state animations.
  • SVG morphing and path animation.
  • Motion systems and design tokens for consistent timing and easing across an app.
Add motion to your site
Typically · Tier 02

Mobile apps

Cross-platform mobile work in React Native — same React mental model, same TypeScript discipline, with mobile-specific concerns layered in. Reference project: SkateRoots, a mobile mapping app for skateboarders.

Capabilities
  • Greenfield React Native apps.
  • Joining and extending an existing React Native codebase.
  • Native module integration when JS isn't enough.
  • App Store / Play Store submission and release pipelines.
  • Offline-first and sync patterns.
Start a mobile project
Typically · Tier 02

Discord activities & Twitch overlays

The playful niches — embedded apps inside Discord voice calls, and broadcast overlays for Twitch streams. Both lean on the creative-developer side of the practice: real-time, multi-user, motion-rich, constrained by an unusual host environment.

Discord activities
  • Multiplayer mini-games and shared tools inside Discord voice channels.
  • Built on the Discord Embedded App SDK, with real-time sync between participants.
Twitch overlays & extensions
  • OBS browser-source overlays driven by live stream data.
  • Twitch Extensions — panel, video overlay, component — that interact with chat and subscriptions.
  • Animated alerts and on-stream visualizations.
Build something playful
Typically · Tier 02
One last thing

Not sure which one fits?

Most projects don't slot neatly into one box — a dashboard build often needs a UX audit first, a 3D site might want a performance pass before launch, a code review can turn into ongoing reviewer-in-residence work. Start with a free 30-minute call and we'll figure out the shape of it together.

Book a discovery callEmail directly