Business websites
Barber shop website example built for walk-ins
Nobody reads a barber's website for long. They want the price of a fade, whether the shop is open now and whether to call ahead. This one page example for an invented Newtown barber answers those three in order, then shows the work, and keeps a call button stuck to the bottom of every phone screen.
The home page at three widths
The same page on a desktop, a tablet and a phone, exactly as it renders. Scroll inside each frame to read it all; nothing here can be clicked or submitted.
Page by page
- Home /
- Hero (split), Services (list with icons), Gallery (grid), Opening hours (table), FAQ (centred), Contact (centred form), Call to action (sticky bar)
- Privacy policy /privacy
- Text (single column), 5 in a row
- Terms of use /terms
- Text (single column), 5 in a row
Section by section
The split hero names the street, gives the walk-in rule and the time a fade takes, with a call button and a jump to prices. Below it the price list sits in the list with icons layout, then a three column grid of recent work, opening hours as a day by day table with a note, a short FAQ, a centred contact section with the address and directions, and the sticky phone bar last.
When to add a second page
A single page is enough while the shop takes walk-ins. If you move to bookings only, add a booking page with a form, change the navigation button from Call to Book and update the FAQ. Keep the price list on the home page either way.
What makes this website work
The price list does the selling
Seven services as rows with a one line description and the price on the right, opening with the skin fade at $45. A barber shop's menu is short, and showing it whole with every price is what turns a passer by's search into a walk in.
Walk-in rules in two places
The hero and the hours note both say walk-ins all week and call ahead on Saturdays. That one rule answers the most common phone question, and repeating it where people look for hours means fewer interrupted cuts.
A call bar that follows the thumb
The sticky call to action at the bottom of phone screens keeps one button, Call, in reach the whole way down. On a one page site read on a phone outside the shop, that button is the conversion.
Questions people ask
Does a barber shop need a website if it has Instagram?
Instagram shows the work; a website answers the questions that bring people in: prices, hours, the address and whether to book. It also gives search engines a page to show for "barber near me" with your hours. This example links to Instagram in the footer and keeps the practical details on the page.
What is the sticky bar at the bottom?
It is the sticky bar layout of the call to action section. On phones it stays pinned to the bottom of the screen with one line and one button, here Call. On wider screens it sits in the page flow. Place it last on the page, as this example does.
Can I take bookings instead of calls?
Add a contact section with the booking request fields, or embed a OneCraft booking form with the form embed section. Requests go to the site's message inbox. OneCraft does not run a live appointment calendar, so a barber who needs real time slots should link to their booking app instead.
How do I show the price list?
The services section in its list with icons layout shows many services one per row with the price on the right. Each row here has a short description and an icon. Edit the rows in the builder, and keep the most popular service first.
Can the hours show public holidays?
The hours section has a note line under the table, which this example uses for the Saturday rule. Use it for a holiday closure too, or add the announcement bar at the top of the page for a one off closure and switch it off afterwards.
Build your own in about a minute
The button below opens the generator with this use case already described. Change the wording to match your own, generate, then edit anything you like.
Make one like thisOther website examples
Tutoring website example for a maths and English centre
Parents compare tutors on three things: whether the tutor knows the school syllabus, how big the groups are and what a term costs. This one page example for an invented Castle Hill centre answers those in the hero and the fee cards, then offers a free assessment lesson as the first step.
Electrician website example with prices on common jobs
Homeowners call the electrician who looks least likely to surprise them on the invoice. This one page example for an invented Geelong contractor shows the call-out fee in the hero, prices six common jobs, explains how a job runs and puts the licence number where people can check it.
Church website example written for a first visit
The person who visits a church website is usually thinking about coming for the first time and wants to know what happens. This one page example for an invented North Hobart parish answers that before anything else: the two services, how long they run, what the children do and where the ramp is.
For everything this generator can do, see the website maker.
Written and checked by the OneCraft team. Last checked .