DJ Design Studio
Editorial line illustration of Dan Jacobs in a snapback and sunglasses
Index · Selected work, 2004 , 2026

Brand.Product.Playground.

I’m Dan. One designer. All the things. Brand systems, product design, and immersive gaming experiences for people who never asked for one. If you want to build something together, pitch the chaos. I’ll bring the order.

00/Game / Solo Build/2026

DR0NE.

Design, dev, sound, all the things

An idle ARPG with FMV. Halcyon shipped bad firmware, the drones went feral, and you scrap them for parts. Permanent progression. Browser, no install.

Built in Phaser, React, and TypeScript. If it hooks you, buy me a coffee or don't, I'm not your dad. I'll keep shipping sectors either way.

Stack
  • PHASER 3
  • TYPESCRIPT
  • REACT
  • TAILWIND
  • VITE
  • LOVABLE
  • FIREFLY
  • PHOTOSHOP
  • CINEPAK
Play NowMORE GAMES30 sec to learn. Sectors deep to master.
Case · 002 frames
rec · live
cam-01
Build
0.4.1
Engine
Phaser
Style
Pixel
Status
Live
transmission · sam / rigs
ch-04
sig
78%
enc
AES-256
loc
SEC-04
t-minus
09:00
Dispatch / Halcyon ops, gone rogueShe talks. You listen. Mostly.
00/UX / UI / Research/2026

OpsCanvas.

Lead Product Designer, Design System Owner

A complex DevOps platform for pipelines, environments, and cost visibility. I led discovery interviews with platform engineers and finance stakeholders, mapped IA and user flows, built the end-to-end design system, fonts, palette, components, and partnered tightly with engineering through facilitated workshops to shape how the product actually works.

Stack
  • Figma
  • FigJam
  • Research
  • Design Systems
  • Client Facing
  • Decks
Case · 005 frames
OpsCanvas frame 1
Frame · 01
Dark
OpsCanvas frame 2
Frame · 02
Light
OpsCanvas frame 3
Frame · 03
OpsCanvas frame 4
Frame · 04
OpsCanvas frame 5
Frame · 05
02/Brand / Identity / Pro Bono/2024

Anderson Raker Advisors.

Brand designer, identity system from scratch

Pro-bono identity for a local consultancy that runs on conversations, with three routes offered to the client. The conversational mark won: a speech bubble enclosing a stacked "ar" lockup with a single red dot of activity inside. Below, the same mark working as a system, then the two alternates that did not make the cut.

Stack
  • Illustrator
  • Figma
  • Brand Strategy
  • Logo Design
  • Type Pairing
  • Identity Systems
Brand sheet
Primary mark
Anderson Raker Advisors primary mark, dark and light treatments
System
One mark, four lockups. Stacked, horizontal, monogram, knockout.
Anderson Raker
Advisors
Stacked
Anderson Raker
Advisors
Horizontal
Monogram
Knockout
Brand basics
Palette
Bone
#E8E0CC
Charcoal
#222428
Signal
#E94B3C
Type pair
Aa
Display / Inter Black
Aa
Caption / JetBrains Mono
In the wild
Business card, charcoal stock, mark printed in cream.
Anderson Raker Advisors business card, charcoal stock with the speech-bubble mark
Other routes explored
Two paths the client saw before the speech-bubble route won.
Signature route alternate
SignaturePersonal advisor feel
Editorial route alternate
EditorialEstablished serif read
00/UX / UI / Research/2024

NCLD.

Lead UX/UI, Research, Design System

A mobile-first platform for the National Center for Learning Disabilities, supporting accessibility-first content, resources, and community. I led discovery and user research with families and educators, facilitated client workshops, built the design system from logo to type to AA-tested color pairs, and shipped responsive UI across every breakpoint. The audience here isn't designers, it's families navigating learning differences, so clarity and accessibility weren't features, they were the brief.

Stack
  • Figma
  • FigJam
  • User Research
  • WCAG 2.2 AA
  • Design Systems
  • Client Facing
  • Decks
Case · 003 frames
3.0Color
08
Primary
Navy
#242D3F
PMS 532 C
Blue
#3B6DAE
PMS 7684 C
Teal
#008282
PMS 322 C
White
#FFFFFF
Secondary
Sky
#BCD4EE
PMS 277 C
Sun
#FFDF5A
PMS 121 C
Slate
#D3D3D3
Cool Gray 3
Tertiary
Persimmon
#D93F07
PMS 173 C
5.3Typography
14
Primary typeface

The NCLD identity uses Poppins across all touchpoints. Geometric and highly legible, it carries the brand from web to print without sacrificing accessibility at small sizes.

Weights in useRegular · Medium · SemiBold · Bold
Poppins Bold
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 .,:;"'(?&@£#)
Poppins Regular
AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789 .,:;"'(?&@£#)
Hierarchy
H1
Every child learns differently.
Bold · 64 / 68 · -1%
H2
A national voice for the 1 in 5
Bold · 32 / 38
H3
Programs, research and policy
SemiBold · 20 / 26
Body

NCLD improves the lives of the 1 in 5 children and adults nationwide with learning and attention issues, by empowering parents, enabling young adults, transforming schools and advocating for equal rights.

Regular · 16 / 26
Eyebrow
Research / 2024
SemiBold · 11 · 4% tracking
6.0Components
19
Default
All News
Learn MoreLoad More
Submit
Hover
All News
Learn MoreLoad More
Submit
Form input
name@example.orgSign up
Send me research updates
Topic tags
DyslexiaADHDExecutive FunctionIEPAdvocacyPolicy
Stat callout
1 in 5
children in the U.S. have learning and attention issues that impact how they read, write, and think.
Breadcrumb
Research2024 ReportMethodology
Pull quote

"When schools recognize how my son learns, he stops being the kid who can't and starts being the kid who can."

PARENT, GRADE 4 / PHILADELPHIA
7.0Accessibility
22
Aa
13.65:1AA
Aa
9.86:1AA
Aa
4.62:1AA
Aa
4.51:1AA
Aa
4.55:1AA
Aa
13.65:1AA
Aa
9.82:1AA
Aa
1.39:1FAIL
8.0Iconography
26
Voice
Community
Learning
Pathway
School
Policy
Graduate
Advocacy
1.0Introduction
2.0Logo
3.0Color
4.0Components
5.0Typography
6.0Accessibility
7.0Iconography
8.0Photography
9.0Voice and tone
10.0Digital
11.0Print
12.0Appendix
NCLD / Brand StandardsVersion 1.0
Frame · 01
NCLD frame 2
Frame · 03
NCLD frame 3
Frame · 01
00/Brand / Web / Research/2023

OneCause.

Lead Designer, Discovery + IA

A full marketing site redesign for OneCause, a fundraising platform powering over $5B raised for nonprofits. I ran discovery interviews with sales, marketing, and customer success to map who actually shows up on the site, executive directors, event chairs, volunteers, not designers. From there I rebuilt the IA across 18+ templates: home, solutions, plans, resource center, team, partner ecosystem. The redesign reframed dense feature lists into outcome-led storytelling and tightened conversion paths to demo, without losing the warmth nonprofits respond to.

Stack
  • Figma
  • Research
  • Content Strategy
  • Brand Systems
  • Client Facing
  • Decks
Case · 004 frames
OneCause frame 1
Frame · 01
OneCause frame 2
Frame · 02
2.1Information Architecture
04
BRIEF

18+ templates, rebuilt around who actually shows up, not who we wish would.

18+TEMPLATES
3AUDIENCES
1DEMO PATH
SITE MAP / PUBLIC NAVPRIMARY CONVERSION
Home/ROOT
Solutions/Galas·Auctions·Peer-to-Peer·Text-to-Give
Plans/Starter·Growth·Enterprise
Resource Center/Guides·Webinars·Case Studies·Blog
Partners/Agencies·Integrations·Consultants
Company/About·Team·Careers·Press
Request DemoCTA / GLOBAL HEADER + FOOTER
AUDIENCE / WHO THE IA WAS BUILT FOR
DECIDERS
Executive Directors
They came here to compare platforms and pricing without a sales call.
PLANNERS
Event Chairs
They came here to see what their gala or auction will actually look like.
OPERATORS
Volunteers
They came here to find a how-to before the event starts, fast.
1.0Discovery
2.0Audiences
2.1Information Architecture
3.0Templates
4.0Content Model
5.0Conversion Paths
6.0Handoff
OneCause / IA Audit + RebuildVersion 2.0
Frame · 03
OneCause frame 4
Frame · 04
00/Brand / Web / Games/2022

Strike Interactive.

Solo design lead: brand, product, web, marketing

Strike Interactive was a two-person indie game studio (me and one developer) shipping Super Truck Life and Scout. I was the entire design org. Built the brand from scratch, mark, palette, type system (Bourton + Source Sans + Lora), the skull mascots, the d-pad logo. Designed and built the marketing site across desktop and mobile, ran the in-game UI for both titles, cut trailer art, ran the Discord community, designed Steam capsules and social ads, and ran scrappy user research and playtests with players to tune onboarding and difficulty. The brief was 'everybody wins, no punishing mechanics, no roguelike difficulty,' and the visual system had to back that up: bold, friendly, a little irreverent, never sterile.

Stack
  • Unity
  • Godot
  • Figma
  • Adobe Creative Cloud
  • Illustrator
  • Photoshop
  • After Effects
  • Brand Identity
  • Logo & Mascot Design
  • Type Systems
  • Marketing Site
  • In-Game UI
  • Steam Capsules
  • Social & PR
  • Discord Community
Case · 004 frames
Strike Interactive frame 1
Frame · 01
Strike Interactive frame 2
Frame · 02
Strike Interactive frame 3
Frame · 03
Strike Interactive frame 4
Frame · 04
00/Email / Lifecycle / Campaign/2016

Nintendo, Super Mario Run.

Email designer, lifecycle and launch campaign

Mobile-first lifecycle and launch campaign emails for Super Mario Run, built to drive pre-release acquisition and keep early players coming back through launch day. The system used a gamified progression metaphor (open email, earn coins, power up, defeat Goomba, defeat Bowser) to turn a campaign sequence into a playable arc, paired with a launch countdown, sweepstakes entry, and character voting to keep engagement compounding week over week. Working inside strict Nintendo brand guardrails (locked type, palette, mascot usage, legal review on every send), I balanced brand-safe execution with conversion-focused layout: clear hierarchy, big rewards, single primary CTA per module, and animated reveal states tuned for the inbox.

Stack
  • Photoshop
  • Illustrator
  • After Effects
  • HTML Email
  • Animated GIFs
  • Brand Guidelines
  • A/B Testing
Case · 003 frames
Nintendo, Super Mario Run frame 1
Frame · 01
Nintendo, Super Mario Run frame 2
Frame · 02
Nintendo, Super Mario Run frame 3
Frame · 03
00/Print / Brand / Partnership/2018

Sunrun.

Senior designer, print and partnership marketing

Client-side design at Sunrun, the largest residential solar provider in the US. I worked across discovery, customer research, and production design for in-home consultation kits, leave-behind brochures, and partner co-branded collateral. The tricky part was the partnerships: every Home Depot and Lowe's piece had to satisfy two brand systems at once, Sunrun's quiet navy/serif editorial voice and Home Depot's loud orange retail energy, without either one swallowing the other. I spent a lot of time with both brand teams reconciling type, lockup hierarchy, photography direction, and legal lines so a customer holding a trifold at a Home Depot kiosk got something that felt unified, not co-branded sludge.

Stack
  • InDesign
  • Illustrator
  • Photoshop
  • Customer Research
  • Co-Brand Systems
  • Partner Marketing
  • Editorial Design
Case · 002 frames
Sunrun frame 1
Frame · 01
Sunrun frame 2
Frame · 02
00/UX / UI / Sales Enablement/2021

Nike, iPad Sales App.

Lead designer, sales-floor research to shipped prototype

A tablet-first sales app for Nike reps to walk buyers through the seasonal line on the floor. The job started in the room with the sales team, not in Figma: ride-alongs, sit-downs, and reading the existing brand and merchandising style guides cover to cover so the app could move at retail speed without breaking a single Nike standard. From there I mapped the full IA (Men / Women / Sales, then Apparel / Footwear / Accessories under each), wireframed the structure, and built out the high-fidelity prototype: title screen, category grids, product detail with style numbers and color variants, and the full click-through flow reps actually use in front of a customer.

Stack
  • Figma
  • Sales Team Research
  • Brand Guideline Audits
  • Wireframing
  • iPad / Tablet UI
Case · 003 frames
Nike, iPad Sales App frame 1
Frame · 01
Nike, iPad Sales App frame 2
Frame · 02
Nike, iPad Sales App frame 3
Frame · 03

The archive

More work, on the way.

Brand, product, and print across Strike Interactive, Mario Run, Sunrun, deeper OneCause cuts, and a shelf of marks I still like. Pulling the best of it together now.

Available · Select projects

Pitch the chaos.
I'll bring the order.

Got a thing to build, an idea to untangle, or a system that needs shape? Drop a note. I read everything.