In the studio, you build your site yourself, from top to bottom, one slice at a time: the background, the top bar, the first screen, then the sections, the contact and the footer. Every click shows at once in the preview, with real blocks and real animations. While you choose your slices, no model is working: these choices cost nothing, and everything can be undone.
The copy comes at the end, once the structure is settled. You decide on the form; the studio writes into it afterwards.
First, describe your business
The studio opens on a question: “What are we making today?”. There you describe what you do, for whom, and what sets you apart, in a few sentences. If something important is missing, the studio asks you a few questions. This exchange is free.
If the blank page stops you, the examples listed under “Or start from a sample brief” are real descriptions: one click loads one into the field, where you can change it before sending.
Write down right away what only you know: your opening hours, your address, your phone number, your prices. The copy will be written from this description, and from nothing else. A call or email link to contact details you didn’t give is refused: the spot stays pending, with a dash, rather than dialing an invented number.
Seven slices, in the order of the page
The path follows the order in which visitors discover your page. At each slice, a question:
| Slice | The question asked | How many |
|---|---|---|
| The background | What moves behind your first page? | one, or none |
| The texture | A texture on top? | two at most, or none |
| The navigation | What does the top bar look like? | one |
| The first screen | Where does the title sit? | one spot |
| The sections | What is below the first screen? | as many as you like |
| The contact | How do people reach you? | one, or none |
| The footer | How does the page end? | one |
The Previous, Skip and Next buttons move you from one slice to the next. A second click on a choice removes it.
The background is the only slice that can be paid for, and only when you say so. You choose the way it moves, you describe the scene, then you click “Start the background”, with the price written on each render. The shoot happens while you keep building the page, and the film appears in the preview as soon as it is ready. Everything is explained on the page about the filmed video background.
The sections: the block library
Below the first screen, you add sections in the order they will appear. Two people who choose the same blocks in a different order get two different pages. Clicking a section already placed removes it.
The library offers:
- Statement: a single sentence, in large type.
- Asymmetric column: a title on the left, a paragraph offset to the right.
- Split: an image on one side, the text on the other.
- Gallery: a grid of images, as a mosaic, in landscapes, in portraits or as a scrolling strip.
- Before / after: two states of the same frame, and a handle you drag.
- Accordion: questions that open one by one.
- Numbered list: from 01 to 05, what people find at your place.
- Figures: a row of proof points, a number and a word.
- Pricing: prices that compare, with what is included.
- Testimonials: several customer reviews.
- Quote: a full-width sentence, with its author.
- Banner: a strip of scrolling words.
- Overflow: a giant title, deliberately cut off by the edge of the screen.
- Manifesto: a sentence that lights up word by word as you scroll down.
Many of these blocks come in several variants. The catalog, in the Library menu, shows every piece of a page to tick one by one, to add what the path doesn’t offer.
What the studio tells you along the way
Some choices don’t go together. Two textures placed, for example, turn off the others: beyond that, the image gets muddy and you no longer know which one to remove. A thumbnail that can no longer be chosen stays visible, with the reason written on it.
Some blocks also call for something: a mosaic gallery expects five or nine images, testimonials expect real reviews. The studio tells you when you place the block, while there is still time to remove it. A review, a figure or a price that doesn’t come from your description is refused by its checks.
The preview, on desktop and on phone
The preview fills the screen, and the path floats at the bottom, in a console that never covers the page. You can fold it with one click to see the whole page. Two tabs switch the preview between Desktop and Mobile, at the width of a phone.
While you build, the copy is provisional, and each image not yet produced is replaced by a neutral frame. The links, the menu and the motion already work.
What is paid, and when
A site is made in five stages, and the price of each paid action shows before the click:
- Describe your business: free.
- The background: the price is written on the box of each render, and also depends on the chosen motion.
- The slices: free.
- The copy: the “Write the copy” button costs 30 credits ($3). The images you described are created at that moment, each at its own price.
- Edit, publish: an edit requested in one sentence costs 6 credits, manual fixes are free, and going live is paid once per site, 150 credits.
A whole site, with its copy, a looping background and four images, comes to $31 to $70. There is no subscription, and a paid action that fails is refunded.
In what order to lay out your sections
The top of the page counts more than the rest. In an eye-tracking study, the Nielsen Norman Group measured that 57% of the time spent on a page was spent on the first screen, and 74% on the first two (Nielsen Norman Group, 2018). Visitors scroll down, but their attention drops as they go.
A few rules follow:
- The first screen says who you are and what you do, with a button that leads to the main action: book, call, ask for a quote.
- The first section answers the question people come with. The menu for a restaurant, treatments and rates for a practice, past work for a craftsperson.
- One section, one question. Prices together, frequent questions together, photos together.
- The contact at the bottom, and the button at the top. Visitors in a hurry don’t have to scroll down to reach you.
- Fewer sections, better filled. A page of five solid sections beats a page of ten half-empty ones.
If you prefer to start from an example rather than decide everything, the studio also offers ready-made layouts, one per family of trades, which tick the whole path in one click.
In short: you build the page from top to bottom, slice by slice, and the preview follows every click. Building is free and can be undone; only the background, the copy and the images are paid for, at the price shown before the click.