О проекте

Это дизайн сайта для сервиса телефонии, который Alfa Team развивает как один из собственных продуктов. Сайт рассказывает о возможностях сервиса, показывает кейсы клиентов и тарифные планы, а также служит точкой входа в личный кабинет.

Задача

Мы проектировали сайт продукта до того, как были готовы тексты, поэтому основной задачей было задать структуру и визуальную систему, которую потом можно наполнять контентом. Сайт должен был соответствовать фирменному стилю Alfa Team, работать на нескольких языках и сразу учитывать, что у части посетителей уже есть аккаунт в сервисе.

Главная страница и навигация

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

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

Возможности

Страница «Наши возможности» показывает функции сервиса нумерованными тёмными карточками на светлом фоне — в макете это блоки вроде «Звонки в любое время». Справа — заголовок «Основные возможности Alfa Team», где название бренда выделено зелёным, а за карточками проходит тонкая волнистая линия, которая связывает блоки в одну композицию.

Кейсы и продукты

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

Результат

Мы получили структуру сайта и набор блоков, которые можно наполнять контентом без изменения дизайна: главный экран, витрину возможностей, карусель кейсов с фильтрами и переход к другим продуктам. Мультиязычность и блок профиля заложены в шапку с самого начала, а фирменный зелёный и яркие карточки кейсов связывают сайт телефонии с остальными продуктами Alfa Team.