Web Design Service Workflow
End-to-end process for client websites — from intake through post-launch support. Roland handles client relationships; Alf handles design and development.
Phase 1
Roland
Client
Intake & discovery
Roland qualifies the lead and collects everything needed to start.
- Client reaches out — needs a website for their business or project
- Roland sends intake form — captures: business name, industry, target audience, competitors, goals, tone/vibe
- Brand assets collected — logo, colors, fonts, style guide (if any). Roland flags gaps early.
- Photography — Roland shoots product/lifestyle photos or client provides existing images
- Brief finalized — Roland packages everything into a project brief for Alf
Intake formGoogle DriveRoland's camera
Phase 2
Alf
Research & design
Alf uses Claude to research the client's space, then designs 2-3 options.
- Competitive research — Claude analyzes competitors, identifies design patterns, content strategy, and positioning gaps
- Design plan — site map, content hierarchy, page structure, key features
- Wireframes — layout and flow for each page before visual design
- 2-3 design directions — distinct visual approaches for client to choose from
- Client picks a direction — Roland facilitates the decision, Alf refines
Claude AIFigmaLocal Mac dev
Phase 3
Alf
Build & configure
Alf builds locally in React/Next.js, wires Sanity CMS for content editing.
- Local development — React + Next.js. Component-based architecture.
- Sanity CMS setup — structured schemas for each page. Roland/client can edit text and images, not layout.
- Content seeding — all initial content loaded into Sanity so the site is complete on launch
- Private GitHub repo — under the shared org. Roland has admin access.
- Deploy to Vercel — connected to GitHub for automatic deploys. On client's Vercel account.
ReactNext.jsSanity.ioGitHubVercel
Phase 4
Roland
Client
Review & handoff
Client reviews the live site, Alf makes revisions, then the project transfers.
- Client review on staging — live URL on Vercel, client clicks through every page
- 2 revision rounds included — consolidated feedback within 3 business days each
- Final approval — client signs off, domain pointed to Vercel
- Handoff package — Sanity login, GitHub access, Vercel dashboard, Loom walkthrough
Phase 5
Post-launch
Two paths depending on what's needed.
Roland
Content updates
Text changes, image swaps, FAQ edits — all through Sanity CMS. No code needed.
Alf
Dev support
Layout changes, new features, bug fixes, schema updates. Billed at $150/hour.
Key architecture decisions
GitHub org — shared org keeps repos off personal accounts. Private repos unlimited on free tier.
Sanity free tier — 20 users, 200K API requests/mo. Covers most small business sites.
Vercel free tier — works for most sites. Custom domains supported. Pro ($20/mo) if client exceeds limits.