Website builder

A guided website builder that lets non-technical daycare owners publish their own site, without knowing what a "hero section" is.

Duration4 months
Role & CompanyProduct Designer
@ Ynmo
DeliverablesBuilder flow, 9 section variants, responsive specs
The builder: a section form on the left, a live preview of the daycare site on the right

The problem

Most daycares and centers on our SaaS had no website for the families they serve. We wanted any owner, however non-technical, to publish a simple site that shows what their center stands for.

Approach

Owners don’t know how a website is put together, or what “hero section” or “SEO” mean. So the builder explains every section in plain language, pre-fills every field with example content, and shows each edit instantly in a live preview.

Explain everything

Each section says what it is and why a visitor needs it, in words an owner already uses.

Never a blank field

Every input is pre-filled with example content, so owners edit instead of starting from nothing.

See it live

Every change appears instantly in a live preview, across desktop, tablet and mobile.

Structure

Basic information

An easy start: owners type their center’s name and pin its location on a map.

Basic information: center name and location, with the setup steps on the left

Website setup

Owners pick an overall style (minimal, modern or fun), each one shown visually. Then they choose the site’s languages, knowing they’ll write content for each one.

Website setup: choosing a minimal, modern or fun style, then the site languages

Adding content

The big one. Owners add, remove and fill in sections, picking a layout for each while it keeps the site’s style. Every field starts with example text, and a live preview switches between device sizes.

Adding content: a pre-filled section form with a help tooltip, next to the live preview

Color customization

Owners start from ready-made palettes and can adjust any color except the background. Locking the background prevents the worst contrast problems.

Color customization: primary, secondary and button colors, and ready-made palettes

SEO settings

The hardest step to explain to a non-technical owner, so every input comes with its own explanation and example content.

SEO settings: page title, meta description and keywords, each with guidance

3 × 3 layouts

Every section comes in 9 versions. Owners get real choice, but can’t break consistency. We don’t expect them to know how mismatched borders and strokes make a site feel off.

The team section in 3 layouts and 3 styles, 9 versions in all

Outcome

85+

centers and daycares now run their own website, built by owners with no technical background.