Website planning
Clarify the audience, page structure and visitor actions that the website needs to support.
Advanced Pro / Web Design
Web Design
website templates.
Bring structure, content and visual direction together in a website that explains your work and makes the next step clear.
25 authored structures · 25 palettes · 9 pages
A starting point for your story
Content shaped for web design.
A useful website begins with its audience and purpose. We work through the page structure, content priorities and design decisions before preparing the agreed pages for handover.
Interface and page design
Develop a visual direction and page layouts that connect the content across screen sizes.
Build and handover
Define the implementation scope, prepare the agreed pages and document the information needed for ongoing ownership.
- Purpose before page decoration
- Content and design considered together
- A defined handover
Use the included content as a starting point, then add your own identity, real work and business details. Illustrative imagery does not represent actual premises or clients.
A connected website
Nine pages, with room for the details.
Build on a complete page set with services, journal introductions, useful questions and full footer navigation.
- Home
- About
- Contact
- Services
- Journal
- Faq
- Terms
- Privacy
- Cookies
Terms, Privacy and Cookies are editable starting points that need your business details and review before publication.
Choose a different composition
25 ways to tell your story.
Compare authored structures with different headers, introductions, service presentations and story sections. Each can be paired with a complete colour palette.
Courtyard
A panoramic welcome with a visit index and room-like offering cards.
Portfolio Index
A side-led identity, numbered work index and concise studio profile.
Care Journey
A welcoming portrait, service accordions and a clear first-enquiry journey.
The Menu
An expressive dining introduction, full-width ribbon and menu rows.
Learning Paths
An optimistic introduction with subject paths, method and guidance.
Agency Manifesto
A large statement, panoramic work image and project-led narrative.
The Briefing
A briefing-note masthead, summary sidebar and service ledger.
Property Collection
An image-first composition with a floating introduction and collection grid.
Blueprint
A measured technical composition, capability matrix and process drawing.
Neighbourhood Service
A direct local introduction, service list and straightforward enquiry path.
Beauty Atelier
An oval portrait, restrained treatment menu and personal studio story.
Find Your Rhythm
An oversized active introduction, programme cards and progression rows.
Digital Studio
A browser-framed introduction with a service bento and editorial case cards.
Open Gallery
A quiet exhibition image, story grid and image-maker’s statement.
Dental Welcome
A gentle geometric introduction, information tiles and first-visit guidance.
Editorial Journal
A newspaper masthead, three-column front page and story desk.
Workshop Ledger
A framed work plate, indexed service ledger and practical field manual.
The Catalogue
A visual collection opener, numbered catalogue and detailed collection notes.
Community Hub
A central welcome, participation cards and people-led community narrative.
Field Guide
A tall visual field note, direction index and place-led story.
In Detail
A project cover, summary rail and long-form account of the working process.
Independent Studio
An offset studio portrait, staggered capabilities and a team introduction.
The Information Desk
A concise introduction, accessible service comparison and question desk.
A Personal Letter
A narrow, personal reading experience with a service ledger and sign-off.
Bold Poster
A typographic poster, clipped image and oversized numbered offering.
Useful content, ready to adapt
Make the questions your own.
The category includes a starting FAQ to help organize the information your visitors may need.
What should I prepare for a website enquiry?
Share the purpose, audience, desired pages, existing content and timing. Examples of websites you find useful can help explain your priorities.
Can the work use an existing brand?
Provide the current brand guidelines, logos and other approved assets so the design can build on an established direction.
Will forms and other features be included?
Agree on each feature and how it will operate before work begins. A visual form alone does not provide message delivery or data handling.
A beginning for the journal.
Plan the website around visitor questions
List what people need to understand before contacting the business, then organize pages around those needs.
Prepare content before polishing a layout
Real headings, descriptions and images make design reviews more useful than generic filler.
Define what happens after launch
Discuss who maintains the content, where the website is published and how ongoing changes will be handled.
Start with web design.
Choose your structure, palette and platform in the wizard. HTML and Astro are available; WordPress and Blogger native exports remain Beta.
Open this category in the wizard ↗