Overview
What to Expect From Your Website
Your website is built to be a permanent, productive part of your business from the moment it goes live. From day one, it will be fully operational — easy to navigate on mobile, technically configured so that search engines can read and index your content accurately, and ready to receive customer enquiries straight away. It is designed to grow alongside your business without ever needing to be rebuilt from scratch.
Together, we are establishing a digital presence built around your mobile solar units. As we map out the specific details of your offering, the site will be designed to clearly demonstrate your core proposition: providing a dependable, clean power solution tailored for mobile, agricultural, or domestic environments.
The Modular Growth Plan
Your website is built using a phased approach, so you are never paying for features your business isn't ready for yet. Each version is complete and fully functional on its own, with room to expand when the time is right.
Version 1The Foundation
A complete, high-performance website with all the core functions required to launch successfully. It delivers a fully rounded user experience, solid local search visibility, and immediate enquiry capabilities from day one.
Future Versions
As you gather real-world feedback and build momentum, the site is designed to scale with you. Future versions can introduce things like a content dashboard so you can update the site yourself, a hire or booking request system, a live product catalogue with pricing, customer account areas, or integrations with third-party tools like CRMs or accounting software. These are layered on top of the existing foundation — nothing gets rebuilt, and you only invest in the next stage when your business is ready for it.
Section 01
Technical Decisions & Stack
Your site is custom-built using a modern, professional development stack: Astro, React, Tailwind CSS v4, and Motion, deployed on Cloudflare Pages. This gives you a fast, secure, and future-ready website — without the bloated code and ongoing maintenance that comes with off-the-shelf templates.
Here is why each of these choices matters for your business:
Astro
React
Tailwind CSS v4
Motion
Cloudflare Pages
Cloudflare D1 (future)
Speed
Search engines prioritise fast-loading sites. Your customers — whether on a mobile phone in a field, on a farm, or at home — will get an instant, reliable experience every time they visit.
Security & Maintenance
Cloudflare hosting means there is no database to hack or exploit on day one, resulting in zero ongoing system updates or security vulnerabilities for you to worry about.
Room to Grow
When your business is ready for a database — for customer accounts, solar output tracking, or live booking schedules — Cloudflare D1 allows us to add that capability instantly, without moving to a different host or rebuilding anything.
Compatibility
The site is engineered to run smoothly on the latest versions of all major browsers (Chrome, Safari, Edge, Firefox) and across standard iOS and Android mobile devices.
Section 02
Search Visibility & Responsibilities
Search Engine Optimisation is an ongoing process that connects technical code, content, and real-world credibility. The clearer everyone is on their role, the more effective the results. Here is how the responsibilities break down:
What I Handle
Structured data
Hardcoding schema markup (Local Business, Product, and FAQ tags) directly into the codebase, so search engines immediately understand exactly what your business offers.
Technical SEO
Clean URL structures, proper heading hierarchies, rapid page-load speeds, and full cross-device optimisation — all built in from the start, not added as an afterthought.
Google presence
Setting up the technical structure of your Google Business Profile and verifying your site with Google Search Console, to anchor your visibility in Surrey and the South East from day one.
Your Contribution
Your expertise
No one knows your product, your service area, or your customers better than you do. That knowledge — the technical specs, the regions you cover, the questions people actually ask — is what drives real search rankings over time. I will help you turn it into well-structured content, but the raw material comes from you.
Google Business Profile
I will configure and optimise your Google Business Profile, but the official registration and address verification steps are yours to complete. Google requires this to confirm you are a legitimate, operating business — it is a one-time step that protects your listing permanently.
Optional: SEO Specialist
Long-term campaigns
Once the site is live and established, you may wish to bring in a dedicated SEO specialist for ongoing link-building, competitor tracking, digital PR, and content marketing. This is a separate discipline that sits outside the scope of this project — but the technical foundations we build now will make their work significantly more effective.
Section 03
Getting Started
A. Domain Registration & Hosting Setup
Registering your domain
I recommend krystal.io/domains — a reliable, UK-based registrar. I will walk you through the purchase step by step, ensuring the domain is registered in your name and stays under your full ownership.
Infrastructure setup
Once your domain is purchased, I take care of everything else. The Cloudflare and GitHub configuration is handled entirely on my side — you will not need to touch any of it.
B. Naming & Branding
A strong business name balances two things: clarity for customers and visibility in search. Here is the framework we use:
The Descriptive Anchor
A word or phrase that makes your category instantly clear — such as Solar, Grid, Power, or Mobile. This removes friction for new customers and helps search engines categorise your business correctly from the start.
The Distinctive Identifier
A unique, memorable word paired with the anchor. This is what makes your brand recognisable and ensures you stand apart from the sea of generic green-and-blue solar competitors.
How I can help
The best names usually come from you — your instincts about the business, the words you already use with customers, or even a term from your industry. Once you have a shortlist of ideas, I can check domain availability, look at search volume data, and flag anything that might cause confusion or conflict. Bring whatever you have, rough or polished, and we will work from there.
C. Writing Your Website Content
Good website copy is grounded in real knowledge of your product, your customers, and your area. The process below makes contributing that as straightforward as possible:
1
I set up a Shared Google Drive Folder — the single place for all project files, notes, and reference material.
2
I drop in a simple prompts document covering your units, power capacity, use cases, and the areas you serve. It asks specific questions so you know exactly what information is needed.
3
You fill it in however feels natural — bullet points, rough notes, voice-to-text. Drop in any photos or spec sheets too. There is no right or wrong way to do this part.
4
I take everything you have given me, shape it into clear, engaging website copy, and optimise it for search engines — all while keeping your voice and the accuracy of your technical information intact.
Section 04
Workflow, Milestones & Revisions
The project moves through four clear milestones. Nothing moves forward until you are happy with the current stage — every decision point belongs to you.
1
Technical Planning & Content GatheringRuns Concurrently
We secure your domain, set up the Shared Drive, and work through your business name. In parallel, we outline the pages your site will need — such as Home, Product and Service Details, Technical FAQ, and Contact — to map out the clearest possible user journey.
What to expect: A short kick-off conversation, access to the Shared Drive, and a prompts document to guide your content notes. There is nothing technically demanding on your side at this stage — just a conversation and some initial thinking about your business name.
What to expect: A short kick-off conversation, access to the Shared Drive, and a prompts document to guide your content notes. There is nothing technically demanding on your side at this stage — just a conversation and some initial thinking about your business name.
2
Brand Identity & Logo
Before any web work begins, we get your visual foundations right. I put together a set of creative directions covering your logo, colour palette, and typography, and present them visually so you can see how each one feels. We refine these together over as many rounds as needed. Nothing moves forward until you are fully happy with the result.
What to expect: Two to three distinct visual directions to review. You give feedback, we refine, and agree on a final direction together.
What to expect: Two to three distinct visual directions to review. You give feedback, we refine, and agree on a final direction together.
3
Layout Design & Structure
With your content and branding confirmed, I build out the visual layouts for each page and share them with you to review. You will be able to see exactly how the finished site will look and feel before a single line of code is written. We adjust until everything is right.
What to expect: A complete, page-by-page visual walkthrough of the site. This is the stage where you review spacing, structure, and copy placement — the easiest point to make changes before the build begins.
What to expect: A complete, page-by-page visual walkthrough of the site. This is the stage where you review spacing, structure, and copy placement — the easiest point to make changes before the build begins.
4
Build, QA & Launch
Once the layouts are signed off, I build the site. We run a final review loop on the staging site for any last text or image changes, then configure your Google Business Profile and go live.
What to expect: A private staging link to review the fully built site. A short checklist of any final amends. Then your domain goes live, Google Search Console is verified, and your Google Business Profile is configured and ready.
What to expect: A private staging link to review the fully built site. A short checklist of any final amends. Then your domain goes live, Google Search Console is verified, and your Google Business Profile is configured and ready.
Estimated timeline: The full project typically takes 4 to 6 weeks from kick-off to launch. This assumes content notes, feedback, and sign-offs are returned within a few days of each request. Delays on my side are rare, but if they happen I will always let you know in advance. The timeline is a guide, not a guarantee — but it is realistic if we both stay responsive.
A note on changes and flexibility: If your priorities shift or you want to add something new during the project, just say so. I will be transparent about what that means for timeline or budget, and we will agree on how to handle it together. If I have not heard from you on a key sign-off for more than 7 working days, I will pause the timeline and we will reschedule when you are ready — there is no penalty, and no pressure.
Section 05
Payment Schedule
The total cost for your Version 1 website is £650, split across four payments tied to project milestones. You only pay for the next stage once you are happy with the current one.
| Payment | Stage | What it covers | Amount |
|---|---|---|---|
| Deposit | On signing | Secures your project slot. Covers Milestone 1 — domain setup, the Shared Drive, business naming, and initial content planning. | £150 |
| Milestone 2 | On brand sign-off | Covers the brand identity and logo work. Due once you have approved the final creative direction. | £150 |
| Milestone 3 | On layout sign-off | Covers the full page layout and structural design work in Figma. Due once you have approved all page layouts and the build can begin. | £175 |
| Milestone 4 | On launch | Final payment on the day the site goes live. Covers the full build, QA, Google Business Profile setup, and Search Console verification. | £175 |
| Total | £650 | ||
Payments can be made by bank transfer. An invoice will be issued at each milestone stage. The deposit is non-refundable once work has commenced, but all remaining payments are only due on your approval — you are never billed for work you have not accepted.
Section 06
After Launch
30-Day Warranty
Once the site goes live, any bugs, display issues, or technical glitches that appear in the first 30 days are resolved free of charge. You will not need to chase anything — if I see a problem, I fix it.
Ongoing Support
I am always available as your business evolves. Once the warranty period ends, any new work — adding pages, updating content, integrating new features, or adjusting pricing — is scoped and priced clearly before we begin. No surprises, and no commitment required until you are ready.
Your Ownership
Everything we build belongs to you. The domain is registered in your name, the code is yours, and you have full access to every account we set up together. If you ever want to move to a different developer in the future, everything you need will be ready to hand over.
Reference
Frequently Asked Questions
What if the content takes longer than expected?
That is completely fine. The timeline builds around your availability, not the other way around. Milestone 1 simply extends until we have what we need. The only time I formally pause the project is if there is no communication for more than 7 working days — and even then, we just pick back up when you are ready.
Do I need to move to Version 2 straight after launch?
Not at all. Version 1 is a complete, standalone website that can do its job for months or years. In fact, it is worth leaving it live for 8 to 12 weeks before adding new pages, to give Google time to index it properly. You expand only when it makes sense for your business.
Will it work on older phones and tablets?
During the QA stage (Milestone 4), the site is tested across a range of devices — modern mobiles, older handsets, iPads, Android tablets, and all major browsers — to make sure the layout and text are clear and usable for everyone.
Who owns everything once we launch?
You do. The domain is in your own Krystal account, the codebase is yours, and every platform account we create is registered to you. I handle the technical setup, but you hold full ownership and control throughout.
Reference
Technical Terms
Domain Name
Your website's address on the internet (e.g., yourbusinessname.co.uk). It is what people type into a browser to find you.
Website Hosting
The digital space where your website files live. If the domain name is your street address, hosting is the actual plot of land where your digital house is built.
Content Management System (CMS)
A private dashboard that lets you log in and edit text, swap images, or update prices on your live website yourself without needing to touch any underlying code.
Sitemap
A structural blueprint or list of the pages that will make up your website, helping us plan the layout before design work starts.
Astro
The modern programming framework used to build the skeleton of your website. It is designed to strip away unnecessary, heavy computer code, making pages load significantly faster than standard setups.
Cloudflare Pages
A highly secure, global hosting network where your website's files live. Instead of relying on a single slow computer server, it copies your website across hundreds of secure data centres so it loads instantly for a visitor anywhere.
D1 Database
A serverless database system built by Cloudflare. It allows us to securely store structural business data (like customer logins or booking diaries) in the future without needing to move to an expensive external database provider.
Figma
A professional digital design tool where I build the static visual layouts of your pages for you to review before any coding starts.
Motion
A lightweight web animation library. It allows us to add subtle visual movements (like smooth text fades or scrolling transitions) without slowing down the performance of the page.
React
A powerful programming tool used to build interactive components on a website, such as dynamic enquiry forms or complex product calculators.
Schema Markup / Structured Data
Hidden code written specifically for search engines. It tells Google exactly what your page means — explicitly telling it "this number is a price" or "this text is an FAQ answer" — which helps your business show up prominently in search results.
Staging Site
A private, temporary web link where your website is built and tested behind the scenes. Only you and I can see it, allowing us to polish everything before making it visible to the public.
Tailwind CSS v4
A modern styling system used to program the visual look of your site, controlling exact spacing, typography, colours, and layout alignments across different screen sizes.