kraftyou.ru

Лендинг «Красноармейского Крафта» с живой улицей

У Крафта восемь точек входа: каналы, чаты и боты в МАКС и Телеграме, плюс сообщество во ВКонтакте. Людям нужна одна страница, где всё это лежит рядом и можно выбрать, где удобнее. Её я и сделал на kraftyou.ru.

kraftyou-glavnaya.png1280×800, 96 КБ
Восемь карточек и улица Красноармейска внизу
Восемь карточек и улица Красноармейска внизу

Просто список ссылок показался мне скучным, поэтому внизу страницы живёт улица. Плывут облака, летают птицы, качаются деревья, стоит указатель «Красноармейск — добро пожаловать» с гербом. На остановке ждут люди: один машет рукой, другой уткнулся в телефон. А мимо, пуская дымок, проезжают автобусы настоящих маршрутов — 21, 23, 43 и 317. Кто ездил на 43-м до Михайловского, тот узнает.

kraftyou-ulica.mov
0:00
Один круг улицы — шестнадцать секунд

Вся улица нарисована на CSS, без единой картинки-анимации. Если в системе выключена анимация, улица замирает. А на телефоне кнопки слегка вибрируют под пальцем.

kraftyou-telefon.png390×844, 57 КБ
На телефоне карточки встают в две колонки, а улица остаётся
На телефоне карточки встают в две колонки, а улица остаётся