Бомбік: сайт арт-простору

Бомбік

Огляд

Бомбік — волонтерський арт-простір у бомбосховищі Кривого Рогу. Група волонтерів проводила там вистави, концерти й поетичні вечори та збирала донати для ЗСУ. Зараз простір не працює, тож сайт зберігає його історію: що там відбувалося, хто це робив і чого вдалося досягти.

Що є на сайті

Головна коротко розповідає історію: що простір робив для культури, для місцевих і переселенців та для армії, і які результати — 15+ заходів, 30+ артистів і виконавців, 500+ глядачів і понад 30 000 гривень для ЗСУ. Нижче — усі одинадцять заходів, здебільшого із сумою зібраних донатів, коротке відео про простір і відповіді на часті запитання.

Кожен захід має свою сторінку: формат, хто виступав, місце, історія вечора, враження гостей і фотозвіт. Фото відкриваються на весь екран у переглядачі, яким можна керувати й з клавіатури. Є сторінка про команду — Павла Осікова, Дениса Чигірьова та Світлану Остапчук — з цілями простору, тим, що було зроблено в бомбосховищі, і згадками в медіа, а також галерея сховища із записами гостей на стіні. Увесь сайт доступний українською та англійською.

Що ми зробили

Ми розробили сайт і подбали про його SEO. Усі 30 сторінок, українською та англійською, мають власні заголовки й описи, на кожній сторінці один головний заголовок і зрозуміла структура, а кожне фото має опис, тож пошуковим системам зрозуміло, про що кожна сторінка. Кожна сторінка також веде на свою версію іншою мовою.

Технічна частина

Чисті HTML, CSS і JavaScript без фреймворків. Критичні стилі вбудовані в кожну сторінку, а підбирає їх невеликий скрипт збірки: він перевіряє перший екран кожного типу сторінки в справжньому браузері на 17 розмірах екрана. Фото у форматі WebP у кількох розмірах, шрифти лежать на самому сайті, а відео з YouTube завантажується з youtube-nocookie.com лише тоді, коли хтось натискає «відтворити».

розробка
seo
Бомбік: сайт арт-простору, екран 1 Бомбік: сайт арт-простору, екран 2 Бомбік: сайт арт-простору, екран 3 Бомбік: сайт арт-простору, екран 4 Бомбік: сайт арт-простору, екран 5 Бомбік: сайт арт-простору, екран 6 Бомбік: сайт арт-простору, екран 7 Бомбік: сайт арт-простору, екран 8 Бомбік: сайт арт-простору, екран 9

Маєте ідею
для проєкту?

Розкажіть, що вам потрібно,
і ми з вами звʼяжемося