web-brand-experience

What problem does it solve?

Websites often function correctly but fail to express the brand consistently across all digital touchpoints, causing user confusion, weakened trust, and lost differentiation. This Skill identifies gaps where brand personality, voice, motion, and visual identity fracture—from SERP snippets and AI search summaries to micro-interactions, loading states, and error pages—and prescribes concrete fixes to restore coherence.

Core Features & Use Cases

• Full touchpoint inventory: maps pre-site, entry, engagement, conversion, post-conversion, and error/edge-case brand moments.
• Brand consistency audit matrix: scores voice, visual identity, and personality per touchpoint and produces an overall coherence scorecard.
• Micro-interaction & motion guidance: recommends animation paradigms and CSS patterns aligned to brand archetype.
• Error, loading, and empty-state patterns: supplies archetype-driven templates and copy examples for 404, 500, loaders, and empty states.
• Responsive adaptation checklist: prescribes desktop→tablet→mobile adjustments for logo, typography, imagery, and interaction fidelity.
• AI search & voice visibility actions: outlines schema, concise positioning, FAQ structuring, and entity consistency to improve AI-generated brand summaries.
• Use Case: Run a Web Brand Experience Audit for a client's site to produce a TL;DR, touchpoint map, prioritized fixes, and an implementation roadmap.

Quick Start

Analyze the site and produce a Web Brand Experience Audit with a 3-sentence TL;DR, full touchpoint map, consistency scorecard, micro-interaction recommendations, and prioritized implementation roadmap.