Дизайн корпоративного сайта QIWI

У компании QIWI есть корпоративный сайт. Он призван дать максимум информации о компании нашим клиентам, инвесторам, агентам и всем интересующимся. Сегодня дизайн сайта морально устарел, не выглядит современно, не соответствует позиционированию бренда, структурно сложен в поддержке и наполнении.

Ваша задача исправить это, разработав дизайн нового корпоративного сайта QIWI.

Объём работ

Hазработать дизайн:

• Главная страница — декстоп 1280 + мобильное разрешение 480,
• Страница чтения новости — декстоп 1280 + мобильное разрешение 480.
• На этапе доработок остальные разрешения: 768 и 1920.

Структура главной страницы:
Помимо шапки и подвала на странице будут использоваться компоненты:
1. Слайдер (когда загружен один слайд, то элементы навигации не показываются. На слайдере можно разместить слоган компании и его графическое оформление.
2. Кратко о миссии компании
3. Направления бизнеса:
- базовые продукты: Visa QIWI Wallet => WEB, мобильное приложение, карты, терминалы
- инновационные продукты: QIWI Клавиатура, QIWI Перевод, QIWI Bonus и т.д.
4. Блок свежих новостей
5. Блок свежих Пресс-релизов
6. Контакты

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

C победителем продолжим разработку сайта в отдельном проекте с отдельным бюджетом.

Требования к дизайну

1. Сайт должен формироваться на основе решения «Бургерный дизайн». То есть своего рода конструктор контента из готовых компонентов. Сайт строится из двух типов страниц, состоящих из компонентов. В зависимости от типа страницы у нее может быть разный доступный набор компонентов. Пример сайта: https://corp.mail.ru
2. Стилистика дизайна должна быть близка к макетам сайта idea.qiwi.com, но с улучшениями и изменениями, продиктованными обновленным логотипом компании и новым слоганом компании «QIWI всегда проще» с тенденцией на скругления кнопок и «воздушных» отступов. Например: https://www.behance.net/gallery/30953235/Singleton-UI-Pack
3. Сайт должен быть адаптивным. Стандартная верстка укладывается в 12 колонок, масштабирующихся по ширине в зависимости от ширины окна браузера. Дизайнер демонстрирует макеты страниц для четырех разрешений: 1920, 1280, 768, 480.
4. Все компоненты укладываются в сетку на 12 колонок для десктопа и должны иметь отдельное отображение для мобильного вида.
5. Интерфейсный шрифт сайта Lato.
6. Для всех интерактивных элементов сайта прорисовываются все состояния. Такие как наведение, фокус, клик, неактивное состояние.
7. Консистентность — компоненты (разные блоки сайта) должны хорошо смотреться, будучи выстроенными в любом порядке. 

Пример корпоративного сайта Яндекса: https://yandex.ru/company/