Design Mockups
56 mockups · 28 distinct screens × 2 touchpoints · design system + shared components linked below. Open any card to view the full rendered mockup.
Web 28 screens
Home
Three-band statement hero (navy-950, startup-led default), founder-first persona cards, named marquee trust floor, suppr
marketing-landingServices Index
8->4 consolidation: four service cards (Product & Platform first), value lines, AI cross-link, controlled CTA.
serviceProduct & Platform Engineering (Flagship)
Flagship money page, distinct founder hero (OD-5); canonical service layout + sticky sub-nav + Start a Project CTA.
serviceAI & Data Solutions Service
Buyable AI service on canonical template; cross-links /ai hub (not canonical-paired).
serviceExperience & Design Service
Canonical service template, content variant (UX, Experiential, Social Platforms).
serviceStrategy & Research Service
Canonical service template, content variant (Strategic Planning, Market Research).
serviceAI Hub
Informational AI hub (GEO/AEO): AnswerBlock + DefinedTerm, cross-links /services/ai-data + /ai/nonprofits, assessment CT
aiAI for Nonprofits
Persona/SEO landing (/nonprofit/ 301s here): third-party-attributed stat band, Free Nonprofit AI Consultation CTA.
aiAI Readiness Assessment (Wizard)
Lead-magnet wizard /ai/readiness: intro + representative step (typed useReducer, single Q/screen mobile, consent gate be
assessmentAI Readiness Result / Scorecard
System route result/{token}: non-PII scorecard, radial node-dial + text/table equivalent, routed CTA; no shell/breadcrum
resultIndustries Index
LATCH-dual: 6 cluster cards + collapsible A-Z verticals, filtered-Work cross-links.
serviceIndustry Cluster
Template for all 6 clusters: member verticals, applicable-service cross-links, filtered Work feed, empty-state.
serviceWork Index
Proof spine: tri-facet filters (Service x Industry x Outcome) URL-shareable + aria-live count, de-id fallback cards.
workCase Study Detail
Template for all case studies: Problem->Approach->Results (metrics suppressed when unconfirmed, de-id fallback), service
workInsights Hub
Blog hub: category chip row, article cards, inline newsletter subscribe.
insightsInsights Category
Template for all category collections: filtered article list, CollectionPage.
insightsInsights Article
Template for all posts: Org/string byline (no Person), time datetime, mono code blocks, Related Solutions block, newslet
insightsProcess (D4AR Methodology)
D4AR page: node-diagram process viz, Build. Launch. Grow. prominence, CTA to product-platform/contact.
companyAbout
Trust/story: 20-years-as-team-experience (founded 2022), values, named-team grid when supplied, marquee with context, Ca
companyCareers
/about/careers: culture/values, open-roles, general-apply mailto fallback, resume validation, JobPosting schema.
companyEngagement & Pricing
Engagement models (Advisory/Build/Embedded, one recommended; figures PLACEHOLDER never binding), Discovery Sprint land-s
conversionContact (Two-Lane)
Primary conversion: fast lane (Cal.com lazy + mailto fallback) + qualified form with budget deferred/revealed-last; hono
conversionTrust
28th node: data-handling posture, sub-processor register, DSAR path, consent-manager entry, link to /privacy.
legalPrivacy Policy
Legal policy + last-updated, reopenable Manage cookie preferences, data-deletion/DSAR path.
legalSearch Overlay
Global full-screen Pagefind overlay: focus-trapped combobox/listbox, aria-live count, did-you-mean + popular-page zero-r
overlayConsent Manager
Reopenable Cookiebot consent overlay: Necessary/Analytics/Marketing toggles, reject-as-easy-as-accept parity.
overlayEngagement / ROI Configurator
Progressive configurator (reuses Wizard): vertical->need->scope, indicative shape preview (never binding price), PII onl
conversion404 Not Found
Global 404: messaging + popular pages + Get Started CTA; visual pattern reused by expired RESULT_404 state.
errorMobile Web 28 screens
Home
Three-band statement hero (navy-950, startup-led default), founder-first persona cards, named marquee trust floor, suppr
marketing-landingServices Index
8->4 consolidation: four service cards (Product & Platform first), value lines, AI cross-link, controlled CTA.
serviceProduct & Platform Engineering (Flagship)
Flagship money page, distinct founder hero (OD-5); canonical service layout + sticky sub-nav + Start a Project CTA.
serviceAI & Data Solutions Service
Buyable AI service on canonical template; cross-links /ai hub (not canonical-paired).
serviceExperience & Design Service
Canonical service template, content variant (UX, Experiential, Social Platforms).
serviceStrategy & Research Service
Canonical service template, content variant (Strategic Planning, Market Research).
serviceAI Hub
Informational AI hub (GEO/AEO): AnswerBlock + DefinedTerm, cross-links /services/ai-data + /ai/nonprofits, assessment CT
aiAI for Nonprofits
Persona/SEO landing (/nonprofit/ 301s here): third-party-attributed stat band, Free Nonprofit AI Consultation CTA.
aiAI Readiness Assessment (Wizard)
Lead-magnet wizard /ai/readiness: intro + representative step (typed useReducer, single Q/screen mobile, consent gate be
assessmentAI Readiness Result / Scorecard
System route result/{token}: non-PII scorecard, radial node-dial + text/table equivalent, routed CTA; no shell/breadcrum
resultIndustries Index
LATCH-dual: 6 cluster cards + collapsible A-Z verticals, filtered-Work cross-links.
serviceIndustry Cluster
Template for all 6 clusters: member verticals, applicable-service cross-links, filtered Work feed, empty-state.
serviceWork Index
Proof spine: tri-facet filters (Service x Industry x Outcome) URL-shareable + aria-live count, de-id fallback cards.
workCase Study Detail
Template for all case studies: Problem->Approach->Results (metrics suppressed when unconfirmed, de-id fallback), service
workInsights Hub
Blog hub: category chip row, article cards, inline newsletter subscribe.
insightsInsights Category
Template for all category collections: filtered article list, CollectionPage.
insightsInsights Article
Template for all posts: Org/string byline (no Person), time datetime, mono code blocks, Related Solutions block, newslet
insightsProcess (D4AR Methodology)
D4AR page: node-diagram process viz, Build. Launch. Grow. prominence, CTA to product-platform/contact.
companyAbout
Trust/story: 20-years-as-team-experience (founded 2022), values, named-team grid when supplied, marquee with context, Ca
companyCareers
/about/careers: culture/values, open-roles, general-apply mailto fallback, resume validation, JobPosting schema.
companyEngagement & Pricing
Engagement models (Advisory/Build/Embedded, one recommended; figures PLACEHOLDER never binding), Discovery Sprint land-s
conversionContact (Two-Lane)
Primary conversion: fast lane (Cal.com lazy + mailto fallback) + qualified form with budget deferred/revealed-last; hono
conversionTrust
28th node: data-handling posture, sub-processor register, DSAR path, consent-manager entry, link to /privacy.
legalPrivacy Policy
Legal policy + last-updated, reopenable Manage cookie preferences, data-deletion/DSAR path.
legalSearch Overlay
Global full-screen Pagefind overlay: focus-trapped combobox/listbox, aria-live count, did-you-mean + popular-page zero-r
overlayConsent Manager
Reopenable Cookiebot consent overlay: Necessary/Analytics/Marketing toggles, reject-as-easy-as-accept parity.
overlayEngagement / ROI Configurator
Progressive configurator (reuses Wizard): vertical->need->scope, indicative shape preview (never binding price), PII onl
conversion404 Not Found
Global 404: messaging + popular pages + Get Started CTA; visual pattern reused by expired RESULT_404 state.
error