Grayson Logo
AI Product Designer

Will Grayson.

I work in helpdesk support for a nationwide company. When something breaks, I'm the first call. I've seen firsthand how bad software frustrates real people. Now I build apps that fix that.

7wk
Since Day One
4
Products in Dev
0→1
Builder Mindset
4
Completed
Scroll
Selected Work
01 / 09
Little Caesars Redesign
Little Caesars
Mobile App Redesign · 7 Screens · Interactive Prototype

A full redesign of the Little Caesars mobile ordering app — before/after documentation with real screenshots, annotated decisions, and a fully interactive prototype covering the complete order flow.

02 / 09
OurTable App
OurTable
Family Kitchen Social Platform

A family kitchen platform built from a real household need. Save recipes from anywhere, scan your fridge, get AI meal suggestions, track food waste, and manage dietary needs for every member. 45 screens. 4 versions. One real problem.

03 / 09
Scrap'd App
Scrap'd
AI-Powered Creative Tool

A purpose-built scrapbooking app that does what no competitor does, free, offline, layered, and shareable anywhere. Not just to Instagram. The emotional insight: people aren't making scrapbooks to post. They're making them to keep, share with family, and print. Every competitor optimizes for the wrong output.

04 / 09
Aftershow App
Aftershow
Letterboxd for Concerts

A lifetime concert diary for die-hard live music fans. Log every show you've ever attended, no ticket, no proof needed. Just artist, venue, date, setlist as best you remember. Conceived at a Black Queen show. Built with a full design system, 14 MVP screens, and real test users lined up.

05 / 09
B
15W
15 WORDS
Briefed
AI News Summarizer · Live Tool

Paste any article, email, or wall of text. Briefed distills it to the essential truth in 15 words or less — not a headline rewrite, not a bullet summary. The one thing that actually matters. Powered by Claude.

06 / 09
REWRITE →
ReplyRight
AI Text Rewriter · Live Tool

Wrote something in a heated moment? Paste your message and get three rewrites instantly — Calm, Warm, and Assertive. Same point, different register. Built for texts, emails, Slack, anything. Powered by Claude.

07 / 09
TriageAI App
TriageAI
AI Helpdesk Platform · SMB SaaS

An AI-powered Tier 1 helpdesk subscription platform for SMBs with no dedicated IT staff. Built a working demo, financial model, and phase roadmap — and ran 40+ outreach campaigns across law firms, dental offices, and insurance agencies to validate demand.

08 / 09
Iron Arc / Iron Arc
Iron Arc
Client Brand Identity System

A complete brand identity and content system built for a personal trainer client. 6 deliverable PDFs: brand kit, workout programs, 90-day content calendar, 50 AI prompts, caption templates, and client onboarding kit. Delivered in full. Productized and now selling on Gumroad.

09 / 09
Cutman App
Cutman
Combat Sports Dashboard

One app. Every promotion. All the fights. A personal combat sports hub that pulls fight cards, results, fighter stats, and broadcast info from across the web into one clean interface. No more bouncing between UFC.com, ESPN, Reddit, and Tapology just to find out when the next fight is.

How I Work
01
Concept First

Every product starts with a real problem. I identify pain points, map the experience, and define what success looks like before a single screen is designed.

02
Design With Intent

UI/UX decisions are deliberate. I think in flows, not just screens, prioritizing clarity, delight, and the moments that make users come back.

03
Ship With AI

I use Claude, ChatGPT, and the full AI stack as a development partner, directing, iterating, and building real products faster than traditional workflows ever allowed.

Will Grayson
About Me
Will Grayson
AI Product Designer  ·  Los Angeles

I design with intention and build past the Figma file. Research, UX, visual design, working prototypes — I use Claude as a deliberate build partner to close the gap between concept and something real that people can actually use.

Most of my work starts somewhere personal. My wife was logging concerts in an app that felt like a database. She was planning meals around a health change in apps that didn’t get it. Both deserved better. A combat sports hub because MMA, boxing, fighter bios, and fight news shouldn’t live across five different apps.

If your team moves fast, cares about craft, and doesn’t mind someone with strong opinions about both UX and setlists — let’s talk.

Let's Build
Something.

Open to freelance, full-time, and fellowship opportunities.

Case Study, 04 / 09
Aftershow
Letterboxd for Concerts · Mobile App · Phase 3 of 5
UX DesignSocial AppReact NativeSetlist.fm APIAI-Assisted
The Problem

Die-hard live music fans have no real home. Concert Archives has the data but zero soul. Bandsintown leads with upcoming shows and buries your history. Nobody owns the lifetime diary use case — the ability to log every show you’ve ever attended, from memory, no ticket required. So thousands of shows go undocumented because the right tool doesn’t exist.

The Insight

The archive IS the product. Every competitor treats history as a side feature and leads with upcoming events. Aftershow flips the architecture entirely: My Shows is Tab 1. Your concert history is your identity. The social feed is the reward for building it — not the entry point. This single decision separates Aftershow from every competitor.

The “from memory” log was the first principle locked in. No ticket verification, no location check, no gatekeeping. Just trust. The target user has 200+ shows in their head and nowhere to put them.

10
UI Screens Built
14
MVP Screens Designed
2
Full Theme Systems
5
Phase Roadmap
Key Design Decisions

Tab 1 is My Shows, not a feed. Onboarding funnels directly into logging your first show. Social features unlock after that — so the feed has value before it’s surfaced. Most social apps get this backwards.

Two equal color systems. Dark Vintage (#0C0C0C base, Marshall tolex texture) and Vintage Bold (#EDE6D3 warm cream). Both modes are full citizens. Gold (#D4A853) is the shared accent across both — the connective thread that makes them feel like one product.

Type does the heavy lifting. Playfair Display Italic for artist names and show titles. Crimson Pro for setlist text. DM Mono for all metadata and labels. Syne 800 for usernames. Four fonts, each with a specific job — nothing decorative.

AI as a feature, not a gimmick. Phase 2 includes Claude API-powered fuzzy logging assist — type a vague memory, get a Setlist.fm-matched result. ~200 tokens per call. Roughly free at scale.

Phase Roadmap

Phase 1 — Complete: Competitive analysis, user personas, user journeys, information architecture.

Phase 2 — Complete: UX architecture, feature prioritization (P0/P1/P2), data model, tech stack decisions.

Phase 3 — In Progress: UI design & asset creation. 10 of 14 MVP screens built.

Phase 4 — Locked: React Native prototype, Setlist.fm API integration, GitHub repo.

Phase 5 — Locked: Case study compilation, portfolio readiness.

Browse All 10 Screens →
Design System

Two full color palettes designed simultaneously, Dark Vintage (#0C0C0C base with Marshall amp tolex texture) and Vintage Bold (#EDE6D3 warm cream with Orange baffle board crosshatch). A shared type system using Playfair Display, Crimson Pro, DM Mono, and Syne. Both modes are equal citizens, not an afterthought.

Where It Stands

Currently in Phase 3, UI Design & Asset Creation. 14 MVP screens in progress. Primary test user Mimsie has 229 shows in Concert Archives and is the target switcher. Phase 4 will confirm the React Native tech stack and Setlist.fm API integration. Phase 5 is full case study compilation.

View on GitHub → View Prototype →
Case Study, 09 / 09
Cutman
Combat Sports Dashboard · Data Pipeline in Progress
UX DesignReact NativeFastAPISupabaseWeb Scraping
The Problem

Combat sports fans have no single source of truth. Finding when the next UFC event is, where to watch it, who's on the card, and what the odds are requires bouncing between UFC.com, ESPN, Google, Reddit, and Tapology, every single time. There's no hub.

The Solution

One app. Every promotion. All the fights. Cutman aggregates fight cards, news, results, fighter stats, and broadcast info from across the web into one clean mobile interface. The design challenge is visual hierarchy under information density — combat sports fans want everything, fast. The insight nobody else acted on: fans don't need more sources, they need one source that thinks like a fan. Every screen decision in Cutman is built around that principle.

Tech Approach

Python FastAPI backend with BeautifulSoup scraping RSS feeds, Wikipedia, and Tapology. Supabase for the database. Render.com for hosting. React Native on the front end. Monthly infrastructure cost: $0. This isn't a wrapper, it's a real data pipeline.

3
UI Screens Built
$0
Monthly Infrastructure Cost
Where It Stands

Phase 1, Data Layer is in progress. Home screen, fight card view, and fighter profile screens are designed. Backend scraping pipeline is being built and validated before the full mobile app phase begins.

View Prototype →
Case Study, 03 / 09
Scrap'd
Purpose-Built Scrapbooking App · PRD Complete, Building
UX DesignReact Nativereact-native-skiaFreemium
The Problem

Scrapbookers don't have a home. GoodNotes hits a 3-file wall immediately. Canva is a marketing tool — its layers are broken and its best templates are paywalled. Unfold exports to Instagram only, meaning a 100-page family scrapbook literally cannot be sent to grandma. Pic Collage forces watermarks on finished work and sits at a 3.9★ rating from a frustrated user base. Every competitor optimizes for the wrong output.

The Core Insight

People aren't making scrapbooks to post on Instagram. They're making them to keep, share with family, and print. That realization — that every competitor is solving for social media virality instead of personal memory — is the product foundation everything else is built on.

Who It's Built For

Two personas drive every design decision. The Memory Keeper: women 25–45 making scrapbooks for weddings, milestones, travel, and holidays — currently duct-taping together GoodNotes and Canva and physical craft supplies, none of it feeling right. The Gift Maker: people building scrapbooks as gifts, who care deeply about the finished output looking polished and need to actually send it to someone.

Wireframe → Prototype Evolution

The design went through three distinct stages before the current prototype. The first pass focused purely on the canvas layer model — getting the stacking order right before any visual polish. The second pass established the emotional tone: warm craft textures, Playfair Display typography, the "paper feel" that separates Scrap'd from every generic grid editor. The third pass locked the onboarding flow — the decision to get users into creation in under 60 seconds, skippable everywhere, no account required.

Stage 01 · Wireframe
Layer model + canvas architecture. No visual polish — just proving the stacking system works.
Stage 02 · Visual Identity
Scrap'd
Snap it. Scrap it. Share it.
Craft textures, Playfair Display, warm palette. Establishing the emotional tone.
Stage 03 · Prototype
My Scrapbooks
Paris 2024 ✈
Full login + onboarding flow. Get to first creation in under 60 seconds.
What Makes It Different
Unlimited free books
GoodNotes' #1 complaint. Becomes the headline of every ad.
Share anywhere
Unfold users literally can't send books to their families. We fix that.
Proper layer model
GoodNotes forces delete-and-redo to reorder. We built drag-to-reorder from day one.
No watermarks. Ever.
Pic Collage is losing users over this. It's a core promise, not a paid perk.
The Canvas Architecture

Every page is a 6-layer GPU-rendered canvas via react-native-skia. Layer 1: background paper. Layer 2: photos. Layer 3: stickers and washi tape. Layer 4: typed text and journaling. Layer 5: Apple Pencil or finger drawing with pressure sensitivity. Layer 6 (Tier 2): video and GIF. Nothing is destructive. Unlimited undo. 60fps target on iPhone 12 or newer — non-negotiable.

4.5★
Day-One App Store Target
$250
Total Day-1 Asset Budget
>10 min
Target Session Length
12
PRD Feature Specs Written
Where It Stands

Full PRD complete across all 12 feature specs: library, canvas, photo import, stickers, washi tape, background papers, text, drawing, templates, sharing, onboarding, and offline architecture. Login and onboarding prototypes built. Design system established. Tech stack confirmed. Asset licensing strategy defined. Next phase: resolve 10 open questions in the PRD, then developer handoff spec.

View Prototype →
Case Study, 02 / 09 · Personal Project
OurTable
Family Kitchen Platform · v2.1.0 · Active Build
UX DesignReact NativeExpoAI VisionPlatform ThinkingHousehold System
The Origin

My wife had her gallbladder removed. Overnight our cooking had to change — certain fats and ingredients were suddenly off the table. Every recipe app we tried was built for a single person with no restrictions and unlimited pantry access. None of them understood that real households are complicated: multiple people, medical needs, dietary preferences, and a fridge full of things you bought three days ago and forgot about. So I started building the app I actually needed.

The Design Evolution

OurTable went through four distinct phases. V1 ran on-device — dark mode, real navigation, real data, proof the system worked. V1.5 explored light vs. dark formally in a design system mockup — light mode won because the app needed to feel like a kitchen, not a command center. V2 introduced the navy/cream/gold palette, full cooking mode, household architecture, and the Family Recipe Book. V2.1.0 — the current build — adds Party Mode, aisle-organized grocery lists, pricing tiers, and the full platform vision.

V1
Dark mode. On device. Proof of concept.
V1.5
Light vs dark exploration. Design system built.
V2
Navy/cream/gold. Household system. Recipe Book.
V2.1 ←
Party Mode. Aisle lists. Pricing. 45 screens.
The Household Intelligence Layer

"Who's at your table?" — during onboarding you add household members and set dietary preferences per person: Dairy-Free, Gluten-Free, Vegetarian, Halal, Kosher, and more. Every recipe surfaces conflict warnings per member. The household gets its own stats dashboard: shared recipes, meals cooked, lists created, food waste saved. My wife's gallbladder recovery isn't an edge case — it's the product thesis.

The Family Recipe Book

The platform's emotional core. "The Wilson Family Recipes — collected with love since 2024." Every household gets a shared recipe book organized into chapters: Weeknight Favourites, Emma's Kitchen, Grandma's Classics, Quick & Healthy, Special Occasions. Members can each contribute recipes to shared chapters. 60 shared recipes, each with personal notes, cook count, and star ratings. This is the feature that turns a utility into something people feel attached to.

Party Mode — The Surprise Feature

Set your guest count and every recipe scales automatically. Hosting 12 people? Every ingredient quantity recalculates in real time. One tap generates a scaled grocery list for the entire meal. No other recipe app has this. It emerged from real household need — and it's the feature that consistently surprises people when they see it.

The Fridge Intelligence Layer

Scan your fridge — AI detects and catalogs ingredients across Fridge, Pantry, and Freezer tabs. "What Can I Make?" ranks recipes by match percentage: 95% means cook now, 85% means add one item. Expiring items get prioritized automatically. Food Waste Mode shows exactly how much money you've saved cooking what you have. The grocery list organizes by aisle — Produce, Meat & Fish, Dairy — not a flat list. Add an entire recipe's ingredients with one tap.

Party Mode scaling
Set guest count → every ingredient auto-scales → scaled grocery list generated. Nobody does this.
$4.60/serving
Cost per meal tracked on every recipe. Total cost shown for full household. No other app shows this.
$62 food waste saved
Household-level food waste tracking. A number families feel, not just a feature toggle.
recipebook.ourtable.app
Web access planned for Household tier. The recipe book lives beyond the app.
The Tradeoffs

Light mode vs. dark mode: V1 launched in dark mode because it felt premium and modern. V1.5 formally tested both. Dark mode lost. The insight: recipe apps are used in kitchens under warm lighting, often handed to another person to read. Dark mode felt like a command center, not a kitchen. Light mode with the navy/cream/gold palette felt like a cookbook. Emotional context overrode aesthetic preference.

Household-first vs. individual-first onboarding: Most apps onboard the individual and bolt on household features later. We inverted it — the first question is "who’s at your table?" The tradeoff is a slightly longer onboarding flow. The payoff is that dietary conflict warnings work from the first recipe and the app immediately feels like it was built for your household, not adapted for it. Complexity upfront, simplicity forever after.

One-time payment vs. subscription: The Plus tier is $9.99 one-time, not monthly. The decision came from product values — a recipe book should feel like something you own, not something you rent. Subscription fatigue is real, especially for utility apps used daily. A one-time payment builds more trust at the point of purchase and reduces churn to zero for that tier.

The Business Model

Three tiers designed from first principles. Free: up to 30 recipes, basic grocery list, fridge scanner 5x/month, 1 member. Plus at $9.99 one-time: unlimited saves, URL and social import, unlimited fridge scanning, cooking mode, cost tracker, Family Recipe Book. Household at $19.99/year: everything in Plus, up to 6 members, shared grocery lists, dietary conflict warnings, household stats, and web access at recipebook.ourtable.app. No ads. No subscriptions on the core tier. Yours forever.

The Platform Vision

The next layer is a weekly and monthly meal planning calendar powered by your own saved recipe database — the more recipes you add, the smarter your suggestions become. A personal data flywheel that makes the platform more valuable the longer you use it. A senior developer reviewed the architecture and joined as a collaborator. The foundation is built to scale there.

45
Screens Designed in v2
4
Design Versions Shipped
3
Pricing Tiers Architected
1
Real Household Problem
Tech Stack

Built in React Native using Expo, running on both iOS and Android. Camera integration powers the fridge scanner. Navy, cream, and gold palette with full light and dark mode. Web access planned at recipebook.ourtable.app for Household plan members.

View Prototype →
Case Study, 07 / 09
TriageAI
AI Helpdesk Platform · SMB SaaS · In Development
AI BuildSaaSProduct DesignValidation
The Origin

I work helpdesk at a nationwide company — four people covering the entire org. Every day the challenge isn’t the work itself, it’s knowing what to handle first. I saw the same problem everywhere at SMBs: no dedicated IT staff, tickets piling up, no intelligent layer to sort signal from noise. So I started building one.

What I Built

TriageAI is an AI-powered Tier 1 helpdesk subscription platform for small businesses. The system handles first-response, classifies and routes tickets, attempts resolution via a knowledge base, and only escalates what actually needs a human. Built for teams of zero to four — not enterprise IT departments.

3
Phase Roadmap Built
40+
SMBs Cold Outreached
The Validation Work

Before writing production code, I built a full outreach system — prospect tracker, cold email sequences, follow-up cadences — and ran campaigns across law firms, dental offices, insurance agencies, and accounting firms in the LA area. 40+ businesses contacted. That outreach generated real market signal about messaging, pricing sensitivity, and the verticals most likely to convert first.

The Build Artifacts

Alongside validation I built: a working interactive demo (v4), a break-even calculator modeling the $400/$650/$999 subscription tiers, a full system wireframe covering Phase 1 and Phase 1.5, and a GitHub research checklist for the technical build. The financial model shows profitability at 5 clients on the Growth tier.

Phase Roadmap

Phase 1 — TriageAI Core: Internal IT helpdesk for SMBs. AI handles Tier 1 resolution, escalates only what needs a human touch. Monthly health reports for owners.

Phase 1.5 — ClientDesk: Client-facing inbound triage. AI acknowledges instantly, classifies and routes to the right staff member, escalation timers prevent anything from falling through.

Phase 2 — Security Layer: Proactive monitoring, threat detection, and compliance reporting for SMBs who can’t afford enterprise security tooling.

View Live Demo →
Case Study, 08 / 09 · Client Work · Delivered
Iron Arc
Personal Trainer Brand Identity · Full Brand System
Brand IdentityClient WorkContent StrategyAI-AssistedDelivered
The Client

A personal trainer with a genuinely unusual differentiator: he cosplays. Not as a side hobby kept off his brand — as a core part of who he is. Every agency he approached wanted to sand that down and give him a generic fitness brand. I did the opposite.

What Was Delivered

A complete brand identity system built from scratch: brand foundation and voice, visual identity with color palette and logo direction, content strategy with 4 content pillars, weekly posting framework, 90-day content calendar, 30 done-for-you caption templates, client onboarding kit, 4 fillable workout program templates, and a 50-prompt AI pack for Claude and ChatGPT.

6
Deliverable PDFs
50
AI Prompts Written
30
Caption Templates
90
Day Content Plan
The Approach

The brand leans into the cosplay identity completely. The name, voice, visual direction, and content strategy all treat it as the differentiator it is — not something to hide. A trainer who cosplays isn’t a liability. It’s the entire hook. The clients who connect with that identity become the most loyal ones.

The Pivot

The client hasn’t activated the brand online yet. Rather than let the work sit idle, the system was generalized and productized — the full kit is now available as a digital download for personal trainers on Gumroad and Etsy. The same deliverables built for one client now serve an entire market.

Why This Matters

Iron Arc is proof of two things: that the best brand work comes from listening to who the client actually is, and that good systems are worth more than one use. The work shipped. The pivot shipped. Both count.

View on Gumroad →
AI Tool, 06 / 09 · Live Demo
ReplyRight
AI Text Rewriter · 3 Tone Modes · Claude-Powered
Claude APIAI ProductCommunicationLive Tool
The Problem

You sent the wrong tone and now the whole conversation is off. Or you didn't send anything at all because you couldn't figure out how to say it. Texts, emails, Slack messages — the register matters as much as the words, and most people don't have a second set of eyes on demand.

What It Does

Paste any message — a frustrated text, a passive-aggressive email, something you typed in a heated moment — and ReplyRight returns three rewrites simultaneously: Calm (de-escalates, neutral), Warm (relational, empathetic), and Assertive (direct, no softening). Same point, three different registers. Pick the one that fits.

Design Decisions

Three results served at once instead of asking you to pick a tone first — comparison is the whole value. Color-coded left borders (blue / amber / red) let you scan the register before you read the words. Light UI so the tool disappears into the workflow rather than demanding attention. The app icon and branding stay minimal because this is a utility, not a statement.

3
Tone Modes (Calm · Warm · Assertive)
1
API Call, 3 Results
Use Cases (Texts, Email, Slack)
0
Tone Selections Before You See Results
Open ReplyRight →