Six annotated contact us page examples for small businesses: the customer task, the design choice and its limitation for each. Includes a comparison table, a copyable contact page brief and a test checklist.
<p class="lead text-xl text-[#3a3a3a] mb-8"> A contact page is where a customer who has already decided tries to act. It fails when the phone number is not tappable, the form asks too much, or nobody can tell whether you cover their area. The six examples below are designs We.Inc produced from a one-sentence prompt; they are labelled example designs, not real businesses. For each we note the customer's task, the design choice that serves it, and its limitation. </p>
<h2>How we picked these examples</h2> <p>Six small businesses whose customers contact them differently: urgent calls (plumber), appointments (hair salon, dentist), considered enquiries (law firm, consultant) and quotes for outdoor work (lawn care). We do not claim conversion rates for any design; the notes are about fit, not results.</p>
<h2>Annotated examples</h2> <h3>1. Plumber: urgent call (example design: "Reliable Plumbing Vancouver")</h3> <figure> <img src="/img/showcase/plumbers-1600.webp" alt="Example plumbing business website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real business.</figcaption> </figure> <ul> <li><strong>Customer task:</strong> reach someone now.</li> <li><strong>Design choice:</strong> phone number large at the top, tappable on mobile, form second.</li> <li><strong>Limitation:</strong> a phone-first page needs someone to answer. Show hours and what happens out of hours.</li> </ul> <h3>2. Hair salon: book a slot (example design: "Salon Minneapolis")</h3> <figure> <img src="/img/showcase/hair-salons-1600.webp" alt="Example hair salon website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real salon.</figcaption> </figure> <ul> <li><strong>Customer task:</strong> pick a time.</li> <li><strong>Design choice:</strong> a "Book now" button that goes to your booking system, with address, map and parking notes beside it.</li> <li><strong>Limitation:</strong> the booking itself runs in a separate booking tool; the page only links to it.</li> </ul> <h3>3. Dentist: new patient (example design: "Smile Austin Dental")</h3> <figure> <img src="/img/showcase/dentists-1600.webp" alt="Example dental practice website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real practice.</figcaption> </figure> <ul> <li><strong>Customer task:</strong> check hours, insurance and whether they take new patients.</li> <li><strong>Design choice:</strong> hours table, insurance list and an emergency number grouped together.</li> <li><strong>Limitation:</strong> a general form should not collect medical details. Keep it to name, contact and preferred time.</li> </ul> <h3>4. Law firm: confidential enquiry (example design: "Atlanta Legal Partners")</h3> <figure> <img src="/img/showcase/law-firms-1600.webp" alt="Example law firm website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real firm.</figcaption> </figure> <ul> <li><strong>Customer task:</strong> explain a problem and find out if you can help.</li> <li><strong>Design choice:</strong> a short form with practice area, plus a note that submitting it does not create a lawyer-client relationship.</li> <li><strong>Limitation:</strong> tell people not to send confidential details until you have replied.</li> </ul> <h3>5. Consultant: discovery call (example design: "Catalyst Consulting")</h3> <figure> <img src="/img/showcase/consultants-1600.webp" alt="Example consulting website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real firm.</figcaption> </figure> <ul> <li><strong>Customer task:</strong> judge fit before committing time.</li> <li><strong>Design choice:</strong> a plain email address, a calendar link, and one line on who you work with.</li> <li><strong>Limitation:</strong> a bare calendar link invites poor-fit calls; add one or two qualifying questions.</li> </ul> <h3>6. Lawn care: request a quote (example design: "GreenScape Chicago")</h3> <figure> <img src="/img/showcase/lawn-care-services-1600.webp" alt="Example lawn care website produced by We.Inc from a one-sentence prompt" loading="lazy" width="1600" height="931" /> <figcaption>Example design produced by We.Inc from a one-sentence prompt. Not a real business.</figcaption> </figure> <ul> <li><strong>Customer task:</strong> get a price.</li> <li><strong>Design choice:</strong> quote form asking for address, service and rough yard size, with the service-area list above it.</li> <li><strong>Limitation:</strong> say when they will hear back, and whether you need to visit before quoting.</li> </ul>
<p><a href="https://my.we.inc/signup">Start building your business website</a></p>
<h2>Comparison table</h2> <table> <thead><tr><th>Business</th><th>Main action</th><th>Must show beside it</th><th>Form fields</th></tr></thead> <tbody> <tr><td>Plumber</td><td>Tap to call</td><td>Hours, emergency cover, area</td><td>Name, phone, suburb, problem</td></tr> <tr><td>Hair salon</td><td>Book online</td><td>Address, map, parking</td><td>Usually none (booking tool)</td></tr> <tr><td>Dentist</td><td>Book / call</td><td>Hours, insurance, emergencies</td><td>Name, contact, preferred time</td></tr> <tr><td>Law firm</td><td>Enquiry form</td><td>No-relationship note</td><td>Name, contact, practice area</td></tr> <tr><td>Consultant</td><td>Email / calendar</td><td>Who you work with</td><td>Company, need, timing</td></tr> <tr><td>Lawn care</td><td>Quote form</td><td>Areas served, reply time</td><td>Address, service, yard size</td></tr> </tbody> </table>
<h2>A copyable contact page brief</h2> <pre><code>Main action (call / book / form / email): Phone (tappable) + hours + out-of-hours note: Email shown in plain text? yes/no Address + map, or areas served: Form fields (max 5): What happens after they submit + reply time: Where submissions go (inbox): Anything they should NOT send us:</code></pre>
<h2>Test it before launch</h2> <ul> <li>Tap the phone number on a real phone; it should open the dialler.</li> <li>Submit the form and confirm the email arrives (check spam). See <a href="/guides/how-to-add-a-contact-form">how to add a contact form</a>.</li> <li>Check the map pin and address match your Google Business Profile.</li> <li>Run the <a href="/tools/website-grader">website grader</a> for missing labels and headings.</li> </ul>
<h2>What to adapt and what not to copy</h2> <ul> <li><strong>Adapt:</strong> one main action matched to how your customers buy, with reassurance right next to it.</li> <li><strong>Do not copy:</strong> placeholder addresses, phone numbers or "we reply within 1 hour" promises from a template unless they are true for you.</li> </ul>
<h2>Start from a suitable template</h2> <p>Choose a design from the <a href="/website-templates/business">business templates</a> and edit it in the <a href="/website-builder">We.Inc website builder</a>. The Free plan gives you up to 3 template sites on a we.inc address, with no AI credits and no custom domain. Starter at $20/month adds AI building and custom domains (<a href="/pricing">pricing</a>). Compare costs with the <a href="/tools/website-cost-calculator">website cost calculator</a>.</p> <p><a href="https://my.we.inc/signup">Start building your business website</a></p>
One main action that matches how customers buy (call, book, form or email), a tappable phone number, hours, your address or service area, a short form, and what happens after someone gets in touch.
As few as you need to reply well, usually three to five. Ask for more only when it changes your answer, such as a yard size for a quote.
No. They are example designs We.Inc produced from a one-sentence prompt, labelled as examples.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.