---
title: "From slide deck to website"
description: "What we learned turning a preschool’s curriculum presentation into a site parents actually browse."
canonical: "https://goodtogrid.com/blog/deck-to-website"
updated: "2026-09-15"
---

# From slide deck to website

> What we learned turning a preschool’s curriculum presentation into a site parents actually browse.

URL: https://goodtogrid.com/blog/deck-to-website · Published: 2026-09-15 · Topic: Studio · 6 min read · By goodtogrid studio

## Key takeaways

- A deck is built to be presented in order; a website is browsed by parents who arrive with one question.
- Throw away the slide order and give every piece of content a home based on the question it answers.
- Give each section its own card, built from one family that shares radius, type scale and spacing.

## A deck is built to be presented
KYZN Preschool had a lot to say, and all of it lived in one presentation: the school’s philosophy and its 5 E’s, an eclectic method drawing on Montessori, Vygotsky and Reggio Emilia, the curriculum frameworks it follows, four developmental domains, eleven subjects, and a daily rhythm for every class.

Decks are built to be presented — one idea per slide, in the order the presenter wants. Websites get browsed. A parent arrives with one question, like what a day looks like for a three-year-old, and wants the answer without sitting through the talk.

## Sections, not slides
We started by throwing away the slide order. Every piece of content got a home based on the question it answers, and every section got its own card: schedules read like timetables, the developmental domains sit side by side, and the subjects become an index you can scan.

> “Each section gets its own anatomy, drawn from one family.”
>
> — The rule we set for the project

## One family, many shapes
The risk with custom cards is a site that feels like nine different sites. So every card shares the same bones — radius, type scale, spacing — and changes only what its content needs. Consistency comes from the system, not from repeating one template.

The site went live at kyzn.sch.id in August 2026. The full story, with the card family laid out, is in the case study.

**Case study:** [KYZN Preschool](https://goodtogrid.com/work/kyzn-preschool) — Website for a preschool with campuses in Kuningan and BSD.

Keywords: website content design, information architecture, school website, preschool website, KYZN Preschool

## Related notes

- [Designing on an 8px grid](https://goodtogrid.com/blog/eight-pixel-grid) — Design · 5 min read. Why every size on this site is a multiple of eight, and what that one rule buys a client at handover.
- [Dark interfaces without the mud](https://goodtogrid.com/blog/dark-without-mud) — Design · 4 min read. Three surface steps, one accent, and borders that do the work: the rules we follow for dark UI.
- [Prototype in the medium you ship](https://goodtogrid.com/blog/prototype-in-the-medium) — Engineering · 5 min read. When a static mockup hides too much, and what we build in code before we build for real.

More notes: [all notes](https://goodtogrid.com/blog) · [RSS](https://goodtogrid.com/rss.xml)