What I doWhy IskraAboutPortfolioProcess
PLEN日本語
Get in touch

Czytam i piszę.

Website for “Czytam i piszę”, a diagnosis and educational therapy practice in Kobyłka near Warsaw. It screens children for the risk of dyslexia, runs individual educational therapy for children in their first school years and art workshops in pairs. The practice is only just opening, so the website is its first place online.

See the live site czytam-i-pisze.pl
First screen of the Czytam i piszę website: on a blue field, a handwritten line about a child and their inner world, next to a light frame holding the phone number, with a cream bar and the letter-C logo above.

Iskra

Where it started

The material arrived in a single day and it was complete: texts for six pages, the logo, a palette with colour codes picked with an eyedropper, the typeface for signatures, a portrait and photographs of work from the workshops.

The client knew from the start what she did not want: no animation and no 3D. The pages were to be simple and static, and the colours strictly hers, with nothing darkened.

Her texts are the source of truth. One of the pages arrived in five versions on the same day, so the website carries the last one, and every longer sentence can be traced to the files she sent.

Immersion

How it was made

Four variants were built, each behind its own password-protected link in Iskra's preview system. The client looked through them, picked one and left comments pinned to specific spots on the page.

The layout carries her colours: a cream background, a blue band with her credo set in the same typeface she used in her own documents, and a handwritten signature below it. The letter C from the logo returns next to headings, and twelve pieces of the children's work got a gallery of their own.

Her corrections kept arriving over the following weeks: a new phone number, the address and opening hours, the name of the workshops, the academic title only on the home page. The website reached its tenth version.

Substance

What is under the hood

The pages are static HTML generated from the chosen mock-up, with no framework and no build step. Corrections never go into the finished files — they go into the mock-up, and the pages are generated again. The fonts are served from the practice's own domain, not from a provider.

The Google map loads only after a click. Until then the page makes no connection to Google and stores no cookies, and a button under the map withdraws the consent. Alongside it, a privacy policy written for this one form and this one map.

The form sits on every page and arrives in a mailbox on the practice's own domain. Bots are filtered out by a hidden field, a minimum time to fill the form in and an origin check, so nobody has to copy characters from an image. Without JavaScript it submits as a plain request and comes back with a confirmation page.

Technical decisions
for those interested in the code
Static HTML from a single mock-up

A script generates the pages from the mock-up file, so a correction goes into one source instead of five files.

No framework and no build step

The server hands over ready files, and the website does not depend on a framework version or on what changes in it.

A form on a function and the practice's own mail

Messages leave from a mailbox on the practice's domain, with the reply address set to the one given in the form.

Bot traps instead of a captcha

A hidden field, a minimum fill-in time and an origin check filter out bots, so a parent never copies characters from an image.

The Google map only after a click

Without a click the page makes no connection to Google, and the consent can be withdrawn with a button under the map.

Canonical, Open Graph, JSON-LD and a sitemap

Every page has its own canonical address and sharing image, and the practice details reach search engines in a form they understand.