1. Хэдер платежного сайта QIWI

QIWI-кошелек — электронная платежная система, с помощью которой пользователи совершают покупки, оплачивают услуги, переводят со счета на счет. Задача: разработать новую “шапку” для платежного сайта QIWI в двух состояниях: для авторизованного (см. скрин в приложении) и неавторизованного пользователя. 

Проблемы, которые должен решить дизайн

1. Плохая масштабируемость.
2. Пользователи путаются в пунктах меню «Перевести» и «Оплатить».
3. Отсутствие мобильной версии хэдера.
4. Пользователи не находят разделы «Счета к оплате» и «Избранное», спрятанные на втором уровне меню.
5. Разные цветовые стили, шрифты, элементы.

Обязательные элементы

1. Логотип QIWI.
2. Пункты основного меню. Допускается переименование, дополнение иконками для символического изображения совершаемых действий.
3. Логотип оператора пользователя (для «Билайн», «Мегафон», «Теле2») и оформление хэдера в цветах оператора, уменьшение логотипа оператора или использование только иконки оператора.
4. Номер телефона пользователя.
5. Состояние баланса пользователя.
6. Возможность поиска, допускается убрать центральное окно для ввода поисковой фразы, заменить на всплывающее окно, иконку.
7. Новости компании, информация для пользователя, либо специальная отметка о специальных сообщениях от компании по аналогии с красной точкой в приложениях на iPhone.
8. Подсказки для пользователей для быстрого доступа к пунктам «Счета к оплате» и «Избранное».

Требования

1. Унификация хэдера, оформление элементов в едином стиле.
2. Использование основного шрифта Open Sans.
3. Адаптивность (масштабируемость).
4. Минимальное разрешение веб-версии 1024:768, смартфона, экран iPhone 6. Макеты готовить в разрешении 1280 для веба и 375 для смартфона.

Целевая аудитория

Пользователи QIWI, 20–40 лет, пользующиеся полноэкранной версией платежного сервиса. Имеют собственный источник дохода, получают зарплату наличными либо снимают с зарплатной карты и пополняют счет QIWI для удобной оплаты различных услуг.

Имидж, ассоциации

Большой выбор услуг. Простота, легкость, удобство пользования. Инновационность продукта, технологичный, современный.

Примеры

«Новости Mail.ru». Несколько уровней, однородность элементов в каждом уровне.

Linkedin. Лёгкость, воздушность хэдера, отсутствие лишних деталей, есть свободное пространство.

Hosoren. Сочетание иконок и текстовых пунктов.

Discount Website. Свободное пространство, разделение на слои, сочетание иконок и текста.