FrontFest: фронтенд-конференция в Москве

Есть у нас в Сибири ИТ-традиция — конференция CodeFest. Это, бесспорно, самая большое и значимое событие за Уралом. Каждый год организаторов спрашивают, когда уже они возьмут себя в руки и доставят традиционное сибирское тепло в Москву. И вот, в этом году случилось: ребята устраивают в Москве конференцию для фронтенд-разработчиков.

1 581 просмотр

Команда FrontFest уместила в один день больше 30 докладов в трех потоках, квартирники (фирменный дискуссионный формат), и бесплатные воркшопы. Еще у них нетипичный подход к программе — никаких рекламных докладов, одних и тех же спикеров из года в год и заезженных докладов. Проекту нужен был фирменный стиль и сайт, который бы отражал концепцию всего Фронтфеста.

Основной принцип FrontFest — делать так, чтобы было душевно, уютно и полезно всем. С любовью и уважением к участникам и спикерам. Обновлять состав спикеров на 100% каждый год, за редким исключением, когда сами участники просят ещё раз. Не пропускать рекламные и «партнёрские» доклады. Не платить гонораров спикерам — все выступают по любви.

Михаил Сторожилов
Михаил Сторожилов
организатор FrontFest

Айдентика

Разработкой фирменного стиля занимался Михаил Иванов, наш давний партнер и настоящий мастер. В качестве центральной идеи фирменного стиля были выбраны типичные баги верстки — поехавшие блоки, сломанные шрифты, вот это вот всё.

В работе над айдентикой нам было интересно подружить характерный моноширинный шрифт, гравюрные иллюстрации, глитч и мемы про CSS. Отдельный вызов — переложить эти идеи на печатные носители.

Михаил Иванов
Михаил Иванов
графический дизайнер

Шрифты, эффекты, иллюстрации — даже те элементы, которые сами по себе имеют право на существование, вместе должны вызывать чувство диссонанса.

Так, логотип Фронтфеста — это жирная отсылка к тому самому мему, который знают и любят все веб-разработчики. Кто не в теме — не поймет, кто поймет — смахнет слезу умиления.

Сайт

Нам нужно было пройти по краю — сохранить следование концепции и сделать удобный сайт, где можно посмотреть программу, узнать о спикерах, зарегистрироваться и купить билет.

Мы построили дизайн на контрасте начертаний шрифтов, общей стилистики сайта и иллюстраций. Гравюры были выполнены черной тушью на бумаге (потом перекрасили всё в фотошопе) — наш иллюстратор, как всегда, на высоте.

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

Я уже работал с Мишей Ивановым над другими проектами, поэтому не сомневался, что фирстиль получится цельным и интересным. А вот иллюстрации пробили потолок моих ожиданий — октокот и столяр вышли просто бомбически крутыми! Самое сложное для любого проекта, как по мне — выбрать правильную идею, и в процессе коммуникаций не потерять её, запутавшись в мелочах и незначительных правках. Мы с первого раза попали в точку, использовав мем в основе фирстиля. Осталось немного доработать напильником, чтобы наш сайт — а это, из сложного, программа, регистрация и интерфейс оплаты билета — не только здорово выглядел, но и был удобен и понятен.

Как всегда, пришлось отказаться от некоторых очень интересных идей в угоду скорости — всё нужно было сделать «вчера». Например, мы не стали в этот раз менять шрифт на вышедший уже после релиза сайта XPRMNTL (хотя он идеально вписывается в концепцию).

Итого: парни из ADN крутые, с ними чертовски приятно работать. Ну и главное — FrontFest is awesome!

Михаил Сторожилов
Михаил Сторожилов
организатор FrontFest

Для заголовков выбрали плотный акцидентный шрифт Rubik Mono One, для основного текста — обычный Arial, сделали цветовое кодирование секциям. Оцените название секции VYORSTKA — она наш фаворит.

Также мы сделали адаптивную версию для мобильных устройств, планшетов и смартфонов.

Результаты

Получился классный дисгармоничный сайт, рассчитанный на целевую аудиторию. Те, кто в теме, плакали и кололись, остальные ничего не поняли, ну и ладно — не для них все это затевалось. А конференция и правда крутая, поинтересуйтесь:

1 581 просмотр
Подпишись

Мы отправляем полезные материалы, которые помогут вам в работе

Популярные статьи в категории Дизайн