О проекте

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

Задача

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

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

Мероприятия

Раздел мероприятий показывает студию как участника IT-сообщества. Сверху — фильтры по формату и теме и строка поиска. Ближайшее событие вынесено крупным блоком с обложкой, описанием, датами, форматом и организатором. Ниже — сетка прошедших мероприятий: у каждой карточки есть дата, тип (конференция, вебинар), короткое описание и строка с организатором и участием Alfateam.

Комплаенс

Для корпоративных клиентов мы предусмотрели страницу «Комплаенс в Alfateam» в разделе «О нас». Это текстовая страница о принципах ведения бизнеса, а под текстом — сетка документов: приказы, комплаенс-политика, её англоязычная версия. У каждого документа есть превью и размер файла, чтобы его можно было скачать, не переходя на отдельную страницу.

Аутстаф

Страница «Аутстаф» обращена к компаниям, которым нужны разработчики, дизайнеры, аналитики и тестировщики в команду. Мы оформили её как прозрачный прайс: для каждого направления — Node.js, React, Vue, iOS, Android и других — таблица с уровнями специалистов (Middle, Senior, Architect) и ставками за час и за месяц. Колонки разбиты по длительности сотрудничества, и для долгих проектов сразу показана скидка. В макете вместо цифр стоят заглушки — страница проектировалась под последующее наполнение.

Отзывы

Раздел отзывов устроен как горизонтальная карусель со стрелками и ссылкой «Смотреть все». В карточке — аватар, имя автора с оранжевым подчёркиванием, текст и место под изображение. Карточки крупные и тёмные, в одной стилистике с остальным сайтом.

Результат

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