Phase 02
Create. Design. Prototype. Inspire.
Create is where strategy becomes visible. LightSpeed turns discovery into content structure, user journeys, reusable patterns and prototypes that help teams make better decisions before development begins.
Design systems, content structure and prototypes you can review before build.
150
Design tokens
Authored, named and put into LightSpeed-built design libraries.
112
Custom components
Reviewable in Figma and the block editor, designed for content reuse and editor confidence.
30%
Faster content production cycles
Achieved on recent client systems once a reusable pattern library is in place.
Introduction
Create is where the project starts taking shape.
We use the findings from Discovery to define the interface, structure the content, and build prototypes that help you make confident decisions early.
Rather than producing disconnected mock-ups, we create systems. That means reusable patterns, clearer content rules, stronger accessibility thinking, and design decisions that support both development efficiency and long-term consistency.
Why this stage matters
Design with use-ability in mind.
A polished design means very little if it is hard to build, hard to maintain, or hard to use. Create helps solve for all three.
By combining design system thinking with content structure and prototype testing, we reduce ambiguity before development. This helps your team sign off on the right things sooner, shortens revision cycles, and gives developers a stronger blueprint to work from.
What happens during Create
We define how the brand should work on screen, how users should move through the site, and how content should be structured to support readability, find-ability, and reuse.
Most common services
Wireframes and user-flow planning
Figma design systems setup
Page and template design
Typography, spacing, and motion tokens
Content hierarchy and page structure
Prototype review and refinement
Accessibility checks built into the design
Content guidance for page priorities
The output is not isolated screens. It is a system of decisions that Build can implement consistently across the entire platform.
Services in this phase
Services in the Create phase
The Create phase can include the following services:
Content
Content modelling, editorial workflow and governance that holds up at scale.
Design
Design systems, accessible patterns and Figma→WordPress parity. Already a deeper page.
Built to support
AI-Ready Design Foundations
In Create, AI readiness becomes a content and design discipline. We shape page structures, headings, metadata patterns and reusable components so the website is easier for both humans to navigate and easier for machines to interpret.
This stage is where content hierarchy and design system decisions start supporting discoverability, scalability and future AI workflows. Clear structure now makes later search visibility, structured data implementation and standard operations much easier to manage.
The result is a stronger foundation for both development and long-term AI readiness without turning the design process into an AI gimmick.
Typical focus areas in this stage include:
Designing page structures that support clarity, hierarchy and reuse
Defining headings, summaries and content patterns for consistency
Planning metadata and supporting fields for key page types
Shaping accessible components that improve readability and interpretation
Preparing design and content systems that can scale with future workflows
What you receive and your role
A clear plan. Built together
What you receive
By the end of Create, you should have:
Clickable prototypes for key journeys
Desktop and mobile interface designs
Reusable components and pattern guidance
A documented design system
Structured content guidance for headings, summaries, metadata, and key page types
Accessibility-informed design decisions ready for development hand-off
Clearer approval workflow for internal stakeholders
Your role
This stage works best when your team reviews quickly and gives focused feedback. We guide you through prototypes and recommend decisions so approval is based on a user journey, business priorities, not isolated screens.
Reviewing prototypes and design directions
Supplying brand assets, copy, and source material
Confirming content priorities and feedback gaps
Helping align internal stakeholders around agreed design
Ready to create something great?
Turn strategy into something your team can see and feel.
Clickable prototypes for key user journeys
Reusable design system & component guidance
Development-ready designs and content structure
Frequently asked questions
Find answers to common questions about working with us.
The outcome is a reviewable design and content direction that gives Build a much clearer starting point — reusable patterns instead of disconnected screens, and a prototype your stakeholders can review with confidence.
We focus on content structure, hierarchy and reusable patterns. Where copywriting is needed we can either provide guidance or bring in a partner — we’ll agree this in scoping.
By naming components, defining tokens and shipping a Figma library that mirrors the block theme. The same names live in code, design and editor — one source of truth.
WCAG 2.2 AA is baked into the system rather than added at the end. Colour contrast, focus order, keyboard support and screen-reader patterns are decided when the components are designed.
Yes — for content drafting, layout exploration and pattern review. Final design and content decisions remain human and reviewable, and we document where AI was used.
Where to go next