early bird0/4
Stage 3 of 5 · Mockup-first websites for local businesses
Build
Build the mockup before you pitch
You finish with
A live mockup for each of your top three leads, each on its own link you can show on a phone.
4tasks
2 hrstotal
2prompts
4tools
Tools for this stage3 of 4 free
Tasks0 / 4
Ready-to-paste prompts2
Build the mockup · prompt 1 of 2
I am pitching [BUSINESS], a [NICHE] business in [AREA], and I want to show the owner a finished-looking mockup. Build me a one-page website in plain HTML and CSS, in one index.html file, designed for phones first. Include a header with the business name and a large Call [PHONE] button, three services with one line each, these three reviews: [PASTE THE REVIEWS], opening hours, the areas they serve, and a footer with the phone number again. Use these colours: [COLOURS]. Use two free Unsplash photos. No frameworks, fast to load, and it should look like a local business paid a professional for it.
5 blanks left to fill
Fix it up · prompt 2 of 2
Here is my mockup website for [BUSINESS], a [NICHE] business in [AREA]: [PASTE THE CODE]. Look at it as a busy owner seeing it on a phone for ten seconds between customers. List the five changes that would make them most likely to say yes, starting with the call button and the first line they read, then make all five changes and give me the full updated file.
3 blanks left to fill
Early Bird tips
Early Bird tip
Build for your three hottest leads only. Mockups for cold leads are hours nobody pays for.
Early Bird tip
Show the site on your own phone first. If you would not send it to your mum, do not send it to an owner.
Watch out for
- Keep mockups on unlisted links and take one down if the owner says no.
- Never use their logo or photos publicly without permission.
4 tasks to go