Work

Here is what I've built at Jwm.nyc. Anything with a link goes to the live site or demo.

Client work

Jordan McCullough website home page with a large portrait of the artist

Website · E-commerce · Design and build

Jordan McCullough

jordanmcculloughmusic.com Role: Designer and developer

Jordan is the American Idol season 24 runner-up, and he was still on air when I built this site. His search traffic climbed every week the show ran. To capture that traffic, I uploaded the pages that people were searching for first, followed by the remaining pages afterward.

I coded the WordPress theme and structured the pages in a way that lets Jordan manage his own content. Every page has an email signup form, which sends an automatic welcome message to each new subscriber. Venues, festivals, and press request bookings through a structured form and download his press kit on the spot. Three domains he already owned now point to one address. The hosting handles the traffic spikes that follow each episode, and it includes a staging site (a private copy of the site for testing changes), daily backups, SSL, and a CDN (a network of servers that delivers the site from a location near each visitor). The current phase of the project adds a merch store and page-builder editing.

Visit site

Trevor James website showing the artist name over a landscape photo and streaming links

Website · Design and build

Trevor James

trevorjames.music Role: Designer and developer Singer-songwriter

Trevor wanted a home for his music, and he also needed it to collect email addresses and take booking requests, which is the part most artist sites skip.

I designed the site, built it, and connected the mailing list and the form handling behind it. He receives the signups, and I keep the backend running. The site is a static build. This means that the pages are prebuilt files instead of pages generated on each visit, and this structure loads fast and costs him almost nothing to host.

Visit site

Fun projects

JWM Raceway drag racing game launch, both cars leaving the line in tire smoke past packed grandstands

Mid-race duel in JWM Raceway, the red car chasing the blue car down the tree-lined strip

3D game · Three.js · WebGL

JWM Raceway

Role: Designer and developer One-button drag racing game

This is a one-button drag racing game, which puts you in a quarter-mile race against another car in the left lane. You wait for the green light, tap to launch, and then shift each gear as the revs swing into the shift zone. If you jump the start, the tree (the column of starting lights) flashes red, the same as at a real strip.

The cars look like toys, but the physics underneath are real. Engine torque, gear ratios, tire grip, and air resistance determine the outcome of every pass. This means that a clean reaction and sharp shifts win races. The timeslip at the end (the printed results a real drag strip hands to each driver) breaks down your reaction time, 60-foot time, and trap speed, and the game saves your best run. It plays on a phone as easily as on a desktop, without installing anything.

Play game

Real-time 3D product configurator showing a black hoodie with gold drawcords, a gold chest monogram, and color swatches for sleeves, panels, pocket, cuffs, and monogram thread

Cart drawer capturing an all-black hoodie build with white drawcords, a white chest monogram, and a build code

E-commerce · Product configurator · Three.js / WebGL

3D Product Configurator

Role: Designer and developer Custom apparel demo

This is a real-time 3D product configurator, which lets a shopper design a hoodie by spinning it and coloring six zones independently (body and hood, sleeves, shoulder panels, the snap-flap pocket, cuffs and hem, and drawcords). The shopper can also add an embroidered monogram, and the price updates with every choice. When the shopper adds the hoodie to the cart, the app saves every selection with the order, along with a snapshot of the exact garment. The effect of this is that the store's production team receives precisely what to make.

The garment is a real 3D clothing model, which I compressed from a 50 MB studio export down to 2.2 MB. This compression lets it load fast and recolor instantly on anything from a phone to a shop-floor touchscreen. The same engine works for any product with parts to pick. For example, it could configure a jacket, a bike, or a piece of furniture.

See demo

Interactive 3D model of a hotel ballroom set for a New Year's Eve event, with numbered tables and a seating tier price panel

Interactive 3D · Three.js

3D Ballroom

Role: Designer and developer New Year's Eve seating concept

Nobody wants to buy an event ticket without knowing what they're paying for, and this is why I built the room in 3D. It's a hotel ballroom set for a New Year's Eve party, and you orbit it, zoom in, and tap any table to see its tier and price.

Each tier from Platinum down to Bronze has its own color across the floor. This color coding turns the gap between a $1,250 seat and a $350 seat into something you can see instead of something you have to read. The room runs in the browser on a phone, without a plugin or a download.

See demo

3D animation · Cinema 4D · After Effects

3D Modeling & Animation

Role: 3D artist and motion designer Showreel

This is a showreel of 3D modeling, lighting, and animation work, which I built in Cinema 4D, rendered with Arnold, and composited in After Effects.

This is the same skill set behind the interactive 3D work above. The ability to model and light a scene for a rendered film carries directly over to building one that runs live in a browser.

Watch on YouTube

Chess app on a phone showing a live game between two players with video tiles above the board

Real-time web app · WebRTC

Chess

Role: Designer and developer Face-to-face chess over live video

This is a web app where two people play chess in a browser while talking over live video and voice. There is nothing to install and no account to make. One player starts a game, the other joins with a short code, and the video connects directly between the two phones.

The board enforces every rule of chess, including the awkward ones. There is also a demo mode that plays itself if you'd rather watch than play.

See demo

World Cruise Shop home page with a sunset ocean hero and a voyage search panel

Website · Search and lead capture

World Cruise Shop

Role: Designer and developer Luxury cruise comparison concept

This is a search-and-compare site for world cruises, which run a hundred days and cost more than a car. You filter by cruise line, length, and budget, open any voyage for its itinerary, ports, ship, and fares, and then request pricing.

At that price a booking is a slow decision, and I designed the site to match it. For example, the pages have plenty of open space, real photography, and type that stays quiet.

See demo

Design gallery

This is product and visual design from the teams I worked on.

Prizeout campaign platform sign-in screen

Prizeout create campaign, new or saved step

Prizeout create campaign, general information step

B2B platform · Fintech

Campaign Management Platform

Role: Founding Designer Prizeout, Inc.

I joined Prizeout as employee number five and the only designer, and my work on this team helped the company raise $30M. These are screens from the platform where brands build and manage the ad campaigns that reach people as gift card offers.

The screens shown here are concepts, which I redesigned from the production work to show the visual standard I bring to a product.

Prizeout gift card web app browse screen

Prizeout gift card web app offer detail screen

Prizeout gift card web app email entry screen

Prizeout gift card web app checkout screen

Prizeout gift card web app processing screen

B2C web app · Fintech

Gift Card Web App

Role: Lead Designer Prizeout, Inc.

This is the consumer half of the same business, and it is part of the work behind that $30M raise. The app connects to betting platforms like DraftKings and FanDuel, and it lets a player trade their winnings for a gift card at a discount. This arrangement gives the player a better deal and gives the operator a cheaper payout.

I designed the browse, checkout, and confirmation flow, along with the brand and design system underneath it. Prizeout signed more than ten retailers in its first thirty days. As with the campaign platform, the screens here are concepts that I redesigned from the production work.

AimLabs results screen showing a player's score breakdown

Sens Finder home screen with mouse selection

Sens Finder results screen with the recommended sensitivity

Game UI · Feature design · Esports

AimLabs

Role: Sr. Product Designer AimLabs, formerly Statespace Labs

AimLabs is a desktop game where players train their aim for first-person shooters. I redesigned the results screen that appears after every run. This redesign shows the score at a glance instead of burying it in the surrounding data. I also designed Sens Finder, which is a short test that determines the mouse sensitivity a player should be using.

Along the way, I found a way to pull thousands of Steam reviews into one place. This collection helped the team set the design and product direction. Sens Finder became the company's biggest source of search traffic, and close to half of all paying subscribers arrived through Google searches tied to it. Some of these are designs I shipped, and the others are concepts that extend that work. My work on this team helped generate $24M in sales.

Concept screens showing a further redesign direction

Mobile app redesign · Gaming

Mobile Trivia Game

Role: Lead Designer Mobile gaming studio, 2019

This studio made trivia apps for iPhone and Android, where players answered questions to win real money. I led the redesign and built the design system (the shared set of colors, type, and components) that covers all three of their apps. Engagement rose 15% after the redesign launched.

Some of these are the designs I shipped in 2019, and the rest are concepts that extend that redesign.

Product design · Healthcare and government

Sign Up Flow

Role: Lead Product Designer Softrams

Job Ring lets employers fill open roles through referrals from their own people. Sign-up is where most products lose a new user for good. To keep new users moving, I redesigned the entire entry flow, from the first screen through a finished profile. I designed it in Figma.

Job Ring printed one sheet used by the sales team

Prizeout printed one sheet used by the sales team

Print · Sales collateral

One Sheets

Role: Lead Designer Softrams and Prizeout, Inc.

These are print pieces for two different sales teams. Softrams carried theirs into meetings to sell companies on Job Ring, and Prizeout's went out on merchant pitches. Both had the same job, which was to explain the business and the offer well enough in one page that someone says yes. I designed them in Figma and Adobe XD.

Lead generation page for forklift buyers

Websites · Visual and conversion design

Web Design

Role: Lead Designer Leal Carbon and Business.com

These are two website designs. The Leal Carbon redesign was a self-directed project, which I conducted to work through a visual problem I wanted to solve. The lead-generation page was for BuyerZone, a Business.com property, where I replaced a dated template with a clearer page that visitors finish more often. A/B testing on the redesigned pages (a test that shows two versions to different visitors and measures which one performs better) lifted lead conversion 8% and engagement 30%. I designed both in Figma and Adobe XD.

Get in touch

Start a project

Send me a description of what you want built, or just the problem behind it. I'll come back with an approach, a price, and a date that you can hold me to.

I quote a fixed price up front.
I include two rounds of revisions.
You own the code and the files.
The first conversation is free.

Reach out Read the reviews