Fonctionnalités

24 ready-made layouts, one per family of trades

Restaurant, practice, workshop, salon: twenty-four pages already built, to choose in one click, that you keep as they are or change slice by slice.

Updated · 5 min read

Building your page slice by slice means deciding everything: the background, the top bar, where the title sits, each section and their order. If you prefer to start from an example, the studio offers twenty-four ready-made layouts, each designed for a family of trades. You find them in the Create menu, under “Start from a layout”.

What a ready-made layout is

It is a whole page already built with the library’s blocks:

  • a way of making the background move, or a still image;
  • one or two textures laid on top, such as a grain or a paper texture;
  • a navigation bar;
  • where the title sits on the first screen;
  • a series of sections, in a precise order;
  • a contact block and a footer.

Each layout is shown as a thumbnail, from the navigation to the footer, with its name, the sector it targets, a line saying who it is made for, its number of sections and the type of background. The thumbnails come to life when you hover over them.

What happens when you choose one

One click ticks the whole path at once. Nothing is written or paid yet: you go back to the preview, the built page in front of you. You then describe your business, then the scene of the background, started at the price shown on each render, as for a page built by hand. When you click “Write the copy”, the studio fills the page with your copy and your palette.

Nothing is set in stone:

  • before the copy, you can go back through each slice, remove a section, add one, change the navigation;
  • after the copy, “Structures” mode changes a block’s variant, adds one after it or removes it, for free, and every action can be undone.

If you had already started building your page, choosing a layout replaces what you had ticked.

Every layout, by family of trades

Each name leads to the page about that trade, which shows the layout section by section and says what the law or professional ethics require of that trade.

Health, law and consulting

  • Health practice: Dentists, physiotherapists, doctors. Reassure without talking down, and state the fees plainly.
  • Consulting: Consultants, accountants, engineering firms. The method and the figures carry the weight.
  • Training: Schools, training providers, private lessons. The program, the price, the questions that keep coming up.
  • Real estate: Agencies, developers, property finders. Properties are viewed large.
  • Law firm: Lawyers, notaries, bailiffs. Restraint, practice areas, fees explained, appointment booking.
  • Wellness: Yoga, massage, therapies. The calm shows in the layout.

Retail, food and crafts

  • Craft workshop: Woodwork, pottery, soap making. The material and the craft come before the sales pitch.
  • Table: Restaurants, bistros, wine shops. The room and the menu decide, not the features.
  • Shop: Retail stores. The products first, the brand second.
  • Salon: Hairdressing, beauty, barber. The result is shown before and after.
  • Producer: Farms, estates, coffee roasters. The place of production is the selling point.
  • Interior design: Decorators, interior designers. The transformation is the subject.
  • Product brand: One product, a short range. The launch is staged.

Creative work and culture

  • Agency: Studios, workshops, firms. The work is shown project by project, and the way of working matters as much as the result.
  • Portfolio: Photographers, illustrators, filmmakers. The work fills the screen, the text steps back.
  • Software: Online tools, business apps. The benefit, the proof, the price — in that order.
  • 3D studio: Motion, CGI, effects. The demo is the product.
  • Event: Festivals, fairs, parties. A date, a venue, a ticket office.
  • Label: Labels, artists, venues. The catalog scrolls, the tone does the rest.

Venues, sport and organizations

  • Sports club: Gyms, clubs, courts. People come to book a slot, everything must lead there.
  • Lodging: Camps, cottages, hotels. The place is told through the moments of the day.
  • Transport: Carriers, warehouses, couriers. Capacity and lead times, in figures.
  • Nonprofit: Clubs, NGOs, collectives. The cause first, membership second.
  • Industry: Factories, subcontractors, technical offices. Capability comes before style.

Choosing the right one

Choose based on what your visitors come to do, rather than on the thumbnail. The thumbnail’s colors and typography will change with your copy and your palette; the order of the sections will stay.

Visitors spend most of their time on sites other than yours, and they expect yours to work like the ones they already know: that is Jakob’s Law, put forward by Jakob Nielsen (Nielsen Norman Group, 2017). A restaurant layout puts the menu early, because that is where people look for it. A salon layout puts the before / after and the prices forward, because that is what people compare before booking.

Your trade isn’t on the list? Take the one whose visitors have the same need. A wedding photographer and a filmmaker share the portfolio; a garage and a plumber, the craftsperson’s workshop; a music school, the training one.

What to remove depending on your trade

A layout doesn’t know the rules of your profession. Before writing the copy, read the page about your trade: it says what your professional body or the law requires of a website, and which slice to remove if it is forbidden to you. Two examples:

  • for a doctor, a dentist or a physiotherapist, the health practice page quotes what the professional bodies say, patient testimonials included;
  • for a lawyer, the lawyer page explains what professional secrecy changes about what you show of your clients.

In any case, the studio only fills a testimonials block with reviews you gave it: it warns you as soon as you place the block, and its checks refuse an invented review.

In short: a ready-made layout ticks the whole path in one click, without writing or paying anything. Choose it based on what your visitors come to do, read the page about your trade, then edit freely: every slice stays editable.

Sources

  1. Nielsen Norman Group, Jakob’s Law of Internet User Experience (video, 2017)

Read next

Your site, filmed for your business

Describe your business and the scene of your background: the video is filmed for you, you build the page slice by slice, and the copy writes itself into it.

Create my site