О проекте

Это одна из ранних версий собственного сайта Alfateam — светлая, почти монохромная концепция. Сайт студии для нас всегда был полигоном: на нём мы пробуем подходы к структуре, навигации и подаче контента, прежде чем предлагать их клиентам.

Задача

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

Первый экран

Главная строится на крупном заголовке «Создаём современное» и подзаголовке «Перейди на новый уровень бизнеса». Под ними — единственное действие, «Запустить проект». Справа — спокойная линейная иллюстрация в той же графитовой гамме. В шапке — основные разделы, пункт «Ещё» для второстепенных страниц, кнопка «Написать нам» и переключатель языка.

Портфолио и мероприятия

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

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

Мерч и комплаенс

Отдельно мы спроектировали витрину мерча студии: фильтр по категории, сортировку по цене и карточки товаров с меткой «Много цветов», названием и ценой. Это небольшой каталог, но он построен по тем же правилам, что и остальной сайт, поэтому не выглядит чужеродно.

Страница «Комплаенс» — пример раздела, который обычно прячут в подвал. Здесь мы дали ему полноценный вид: вводный текст о принципах работы компании и сетка документов с превью, названием и размером файла — приказы, политики, заявления руководства, в том числе на английском языке.

Результат

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