Бронза в номинации «Лучший сайт для бизнеса (b2b)»
Анимация первого экрана
Слайдеры первого экрана отражают ключевые специализации компании.
Интерактивная карта офисов, где при наведении на локацию открывается расширенный блок.
О проектЕ
PESCO — международная компания по управлению проектами. Перед Notamedia стояла задача разработать новый корпоративный сайт компании, который должен был отвечать таким бизнес-целям, как привлечение новых партнеров и клиентов, расширение штата сотрудников, повышение узнаваемости компании и HR-бренда на международном рынке.
Боковая иконка главного меню (справа) и меню навигации по странице (слева) появляются после первого экрана и остаются на центральной горизонтальной оси экрана при дальнейшем скролле страницы.
меню и навигация
Каждая страница сайта имеет уникальную композицию, а верстка в процентах позволила пропорционально масштабировать страницы под любой размер экрана. Дизайн первого экрана отличается от главной страницы, но сохраняет отсылку к логотипу компании. Это позволяет выделить главную страницу среди прочих и решает проблему более короткой длины заголовков остальных страниц.
прочие страницы
Для блока об истории компании был разработан интерактивный таймлайн и подобраны уникальные иллюстрации, отражающие основные этапы развития бренда PESCO в хронологическом порядке.
Реализован отличный от всех страниц механизм скролла, основанный на фиксации положения картинки и ссылки, что позволяет работать с отличными друг от друга объемами текста каждой из услуг. Механизм фиксации также реализован на странице статьи пресс-центра.
страница услуг
В адаптивах делается упор на сохранение функционала десктопной версии сайта и воздушности его дизайна.
Адаптивы
PESCO — международная компания с тремя зарубежными офисами (в Гонконге, ОАЭ и Швейцарии). Поэтому Notamedia разработала сайт в 4 языковых версиях: русской, английской, китайской и арабской. Реализован удобный механизм переключения на нужную версию в верхнем меню — по клику на иконку языка. В китайской версии сохранены расположение, логика и состав элементов аналогично русской и английской версии.
Мультиязычность
Китайская версия
Арабская версия
В арабской версии также сохранены логика и состав элементов, однако расположение элементов на экране отличается из-за особенности написания арабских символов справа-налево.
Для всех разделов сайта выбрана воздушная и минималистичная стилистика. Цветовая палитра ограничена, имеет акцент на красном цвете и опирается на брендбук. Создать сильные смысловые акценты и разнообразить подачу текста помогло выделение самых важных тезисов прописными буквами с более крупным кеглем.
