Design

design work

A selection of website, identity, illustration, motion, and production design projects built across code, vector tools, hand-drawn artwork, photography, and compositing.

01 / Website design

Website transformations

Local snapshots preserve the starting point while each paired slide keeps the original and redesigned experience together.

Automotive service

Silver Star Automotive

xacwhite.com/silverstar

Window installation

303 Windows

303windows.com
AfterNew website

Website + employee portal

JAL Windows

jalwindows.com
Employee portalPrivate interface

The Silver Star Automotive and 303 Windows starting points are preserved as dated local captures, so the portfolio will retain their original appearance after the public domains change. JAL Windows is presented as the company's first website rather than as a before-and-after redesign.

Employee portal work will be shown only through approved, redacted screenshots. The private portal itself is never embedded or loaded by this page.

  • Cloudflare
  • VS Code
  • Affinity Designer 2
  • Pixelmator Pro
RUN card back featuring a hand-drawn rabbit and radiating lines

02 / Illustration + app design

RUN card back

A hand-drawn rabbit illustration developed into the central card-back graphic for the RUN game.

I drew the rabbit in Procreate on iPad and painted the textured background by hand. I used AI to generate randomized radiating lines, then brought them into Affinity Designer 2, converted the image into vector curves, and refined the result.

The remaining card structure and interface were generated in the app with SwiftUI.

  • Procreate
  • Affinity Designer 2
  • SwiftUI
  • AI-assisted pattern work

03 / Art book title

Mirrorsex

A reflective title treatment created for an art book by a Los Angeles artist.

Mirrorsex textured title logo with mirrored organic letterforms

I created the title in Affinity Designer as a self-reflective wordmark built around the idea of a hand mirror. The shape language repeats across the lettering: the M echoes the X, the I relates to the shape inside the E, the R matches the S, and the two center R forms mirror each other around the central O which is designed to look like a hand mirror.

The center O was resolved into a single connected piece. After the typography was built, I duplicated the text and used an inner shadow effect to give the surface a skin-like texture.

  • Affinity Designer
  • Custom typography
  • Reflective lettering
  • Inner shadow texture

04 / Brand identity

Silver Star Automotive

Two directions for a modernized automotive identity based on the company's original logo.

Simplified Silver Star Automotive logo
01 Simplified vector direction
Metallic Silver Star Automotive logo
02 Refined metallic direction
Original Silver Star Automotive logo wordmark
Original logo Silver Star
Original Silver Star sparkle element
Original sparkle Silver Star

The first direction is a simplified design created in Adobe Illustrator. The second develops that concept into a more realistic metal treatment, refined from the Illustrator version in Affinity Designer 2. Both update the company's original wordmark and sparkle element with a more modern feel.

  • Adobe Illustrator
  • Affinity Designer 2
  • Brand modernization

05 / Music visualizer

"Another Night"

A 4K music visualizer created for musician Hunter Reece.

Another Night visualizer with an orange VHS tape, circular waveform, and Hunter Reece lettering

The visualizer begins with a photograph I took of an old orange VHS tape, lit from behind with a light box to create its glow. I layered a geometric pattern over the edited image, then built particle systems and waveforms that respond to the music.

Multiple waveform layers were wrapped along a path to form the circle around my hand-drawn Hunter Reece lettering. Color correction and the lower-left typography completed the composition. The original video was exported in 4K and compressed for YouTube.

  • Photography
  • After Effects
  • Particle systems
  • Audio waveform
  • Hand lettering

06 / Music visualizer

"Get Through"

A set of visual states created for Hunter Reece's track "Get Through."

Get Through visualizer variation 1

The background combines a layered texture with a photograph. I manipulated the waveform with additional After Effects effects to produce a distinctive set of animated visual states for the track.

  • After Effects
  • Photo compositing
  • Texture design
  • Waveform effects
Large-scale 303 Windows trailer wrap featuring illustrated workers and a mountain logo

07 / Large-format graphic

303 Windows trailer wrap

An AI-assisted illustration prepared for large-format vehicle production.

I created the initial graphic with the help of AI, then adjusted and refined the artwork in Affinity Designer 2. The final composition was upscaled in Pixelmator Pro so it could hold up as a large-scale trailer wrap.

  • Affinity Designer 2
  • Pixelmator Pro
  • AI-assisted illustration
  • Large-format production

08 / 3D product design

Vision Pro keyboard tray

A 3D-printable tray for using Apple's Magic Keyboard and Magic Trackpad with Apple Vision Pro.

Interactive 3D model of the Vision Pro keyboard tray.

3D model loads when nearby

Vision Pro keyboard tray render with spaces for an Apple Magic Keyboard and Magic Trackpad

Designed in Shapr3D to hold an Apple Magic Keyboard and Magic Trackpad together for Apple Vision Pro use. The model includes routed channels for charging both devices and keeps the keyboard's power switch accessible.

Download 3MF file
  • Shapr3D
  • 3D modeling
  • 3D printing
  • Cable routing
  • Apple Vision Pro accessory

09 / 3D product design

Work Light

A replacement flashlight body modeled for a Mac Tools work light shell.

Interactive 3D model of the Work Light flashlight body.

3D model loads when nearby

Designed in Shapr3D as a replacement body for a Mac Tools flashlight, this shell was refined through multiple iterations to dial in the fit, internal clearances, and printable geometry while preserving the utility of the original work light.

  • Shapr3D
  • 3D modeling
  • 3D printing
  • Iterative prototyping
  • Replacement part

10 / 3D product design

10x7 Storage Container

A strong 3D-printable storage container with a fitted lid.

Interactive 3D model of the 10x7 storage container and lid.

3D model loads when nearby

Designed in Shapr3D, this 10x7 storage container and fitted lid is built for strength, clean 3D-printed geometry, and practical everyday organization. The model uses sturdy proportions and printable forms to create a durable container for shop, desk, or home storage.

Download STL file
  • Shapr3D
  • 3D modeling
  • 3D printing
  • Durable storage
  • Fitted lid

11 / Social media content

MacRumors iOS tutorial

A vertical social media tutorial demonstrating how to turn on Apple's Advanced Data Protection.

MacRumors-style iPhone security tutorial presented inside an iPhone mockup

This was part of a social media content sample package for MacRumors, intended for Shorts, Reels, or TikTok. I recorded my iPhone's screen, then used Final Cut Pro to place the recording inside an iPhone mockup and animate it over a subtly moving background.

I blurred sensitive information from the iPhone content, created hand-drawn and animated elements in Procreate, and overlaid the artwork and audio in Final Cut Pro. The result clearly communicates a new iOS feature while fitting the visual style of MacRumors. I also animated the MacRumors logo for the ending.

  • Final Cut Pro
  • Procreate
  • iPhone screen recording
  • Motion graphics
  • Social media content

12 / App identity

Round Rummy

A layered app icon designed for the Round Rummy card game.

Round Rummy app icon with overlapping translucent playing cards and a spade symbol Icon Composer artwork
Round Rummy app screen showing the card icon artwork

The icon's vectors were designed in Affinity Designer 2. Its colors, materials, and appearance variations were then styled in Apple's Icon Composer app.

  • Affinity Designer 2
  • Icon Composer
  • Vector design