Back to all cases

Spectr Association

The site of an alliance of parent-run non-profits helping people with autism across the Novosibirsk region: information about the association and a handbook for parents.

Introduction:

The client is the Spectr Association, an alliance of parent-run non-profit organisations in the Novosibirsk region that help people with autism spectrum disorders.

The organisation’s official site is an information portal: everything you need to know about the association and its work, plus a detailed handbook for the parents of people with ASD.

All the content was prepared by the association’s team; I built the site itself.

The Spectr Association site: the first screen with the name of the alliance and a description of its work
The home page: about the association and its work.

How it went:

By the time they came to me, the Spectr team already had a complete mockup of the site they wanted to bring to life: at first they had planned to build it themselves on Tilda. Later it became clear that a site builder would not be enough to do the project properly, and the organisation came to me.

Anna from the association handed the mockup over — clear enough that it raised no questions.

The hard part was not the markup, it was the volume: the parents’ handbook is a great deal of text, and it had to be laid out so that nobody drowns in it. A parent arrives with a specific question and should find the answer, not read the whole thing end to end.

A full page of the Spectr Association site: the parents’ guide from header to footer

Hover or tap and the site scrolls. ⛶ — open full screen

The whole page: the entire handbook on a single page.

So I laid the material out in expandable modal windows: the page shows the structure — the sections and their headings — and the reader opens the one they need. That way the whole handbook fits on a single page, stays easy to take in and works as a reference list rather than one endless wall of text.

Expandable blocks on the Spectr Association site: a handbook section opens in a modal window
Expandable blocks: the sections are visible on the page, and the one you need opens on click.

I kept the design restrained — in keeping with the standing of the organisation — but not bureaucratic: it is parents who come here, not inspectors. The main colours came from the logo.


Result:

The parents’ handbook is gathered in one place and works as a reference list: you arrive with a specific question and find the section you need instead of reading everything. Next to it — information about the association and its work.

The site is now developed further and supported by the Spectr Association’s own team.

Visit the site!

For anyone interested in the Spectr Association site.


Client feedback:

Anna Sorokina, website administrator at the Spectr Association, author of the testimonial about the project

Anna Sorokina

Site administrator, Spectr Association

We came to Pavel when our Spectr Association needed a site of its own. Pavel got to grips with the brief easily and took every wish into account. He did not argue, he offered ideas for making the site better — we discussed the design and the structure calmly.

He waited patiently while we supplied all the material for the sections. Most important of all — the site was completely ready exactly on the agreed date! Pavel also sent detailed instructions on how to use it, and promised to stay in touch if we needed help.