1. Хэдер платежного сайта QIWI
Гонорар:10 000 Р.-
Срок:1м. 00с.
Решений:16
Просмотры брифа:2091
Решений:16
Просмотры брифа:2091
Описание питча
QIWI-кошелек — электронная платежная система, с помощью которой пользователи совершают покупки, оплачивают услуги, переводят со счета на счет. Задача: разработать новую “шапку” для платежного сайта QIWI в двух состояниях: для авторизованного (см. скрин в приложении) и неавторизованного пользователя.
Проблемы, которые должен решить дизайн
- Плохая масштабируемость.
- Пользователи путаются в пунктах меню «Перевести» и «Оплатить».
- Отсутствие мобильной версии хэдера.
- Пользователи не находят разделы «Счета к оплате» и «Избранное», спрятанные на втором уровне меню.
- Разные цветовые стили, шрифты, элементы.
Обязательные элементы
- Логотип QIWI.
- Пункты основного меню. Допускается переименование, дополнение иконками для символического изображения совершаемых действий.
- Логотип оператора пользователя (для «Билайн», «Мегафон», «Теле2») и оформление хэдера в цветах оператора, уменьшение логотипа оператора или использование только иконки оператора.
- Номер телефона пользователя.
- Состояние баланса пользователя.
- Возможность поиска, допускается убрать центральное окно для ввода поисковой фразы, заменить на всплывающее окно, иконку.
- Новости компании, информация для пользователя, либо специальная отметка о специальных сообщениях от компании по аналогии с красной точкой в приложениях на iPhone.
- Подсказки для пользователей для быстрого доступа к пунктам «Счета к оплате» и «Избранное».
Требования
- Унификация хэдера, оформление элементов в едином стиле.
- Использование основного шрифта Open Sans.
- Адаптивность (масштабируемость).
- Минимальное разрешение веб-версии 1024:768, смартфона, экран iPhone 6. Макеты готовить в разрешении 1280 для веба и 375 для смартфона.
Целевая аудитория
Пользователи QIWI, 20–40 лет, пользующиеся полноэкранной версией платежного сервиса. Имеют собственный источник дохода, получают зарплату наличными либо снимают с зарплатной карты и пополняют счет QIWI для удобной оплаты различных услуг.
Имидж, ассоциации
Большой выбор услуг. Простота, легкость, удобство пользования. Инновационность продукта, технологичный, современный.
Примеры
«Новости Mail.ru». Несколько уровней, однородность элементов в каждом уровне.
Linkedin. Лёгкость, воздушность хэдера, отсутствие лишних деталей, есть свободное пространство.
Hosoren. Сочетание иконок и текстовых пунктов.
Discount Website. Свободное пространство, разделение на слои, сочетание иконок и текста.
Свойства
-
Женственный Мужественный
-
Молодой Зрелый
-
Роскошный Экономичный
-
Современный Консервативный
-
Игривый Серьезный
-
Простой Комплексный
-
Утонченный Заметный
Формат файла
EPS, JPG, PSDПрикрепляемые документы
private.png12:52, 03/06/16
GoDesigner
Друзья, выбран победитель. Им стал #16. Мы поздравляем автора решения и благодарим всех за участие. Если ваша идея не выиграла в этот раз, то, возможно, в следующий вам повезет больше — все права сохраняются за вами, и вы можете адаптировать идею для участия в другом проекте!
Подробнее читайте тут: http://godesigner.ru/answers/view/51
Подробнее читайте тут: http://godesigner.ru/answers/view/51
12:51, 03/06/16
Владимир Ф.
#14,
Первым победителем мы выбрали Evgeny H. (#16).
Василий П., пожалуйста, не удаляйте ваши работы в конкурсе — на следующей неделе мы назначим вас вторым победителем в конкурсе. Сейчас на двух победителей не хватает денег на счету.
Спасибо!
GoDesigner
Дизайнеры больше не могут предлагать решения и оставлять комментарии!
21:00, 01/06/16
GoDesigner
Вы получите 500 рублей на телефон, когда ваши друзья создадут проект на GoDesigner. Узнать подробности и получить ссылку тут: https://www.godesigner.ru/pages/referal
20:18, 30/05/16
GoDesigner
@Владимир Ф., срок проекта подошел к концу! Дизайнеры больше не могут предлагать решения и оставлять комментарии! Настал момент анонсировать победителя. У вас есть 4 дня на выбор лучшего решения. Выбрав лучшее, вы получите возможность внесения поправок и время на получение исходников.
20:04, 30/05/16
18:52, 30/05/16
18:18, 30/05/16
13:32, 30/05/16
Владимир Ф.
#16, Со счетами хорошо получилось
11:45, 30/05/16
Владимир Ф.
#16, Со счетами хорошо получилось
3:00, 30/05/16
0:09, 30/05/16
Владимир Ф.
#14,
Первым победителем мы выбрали Evgeny H. (#16).
Василий П., пожалуйста, не удаляйте ваши работы в конкурсе — на следующей неделе мы назначим вас вторым победителем в конкурсе. Сейчас на двух победителей не хватает денег на счету.
Спасибо!
GoDesigner
Дизайнеры больше не могут предлагать решения и оставлять комментарии!
22:27, 29/05/16
Владимир Ф.
#10, Спасибо
Акцент на фото профиля очень большой — стоит сделать поменьше.
Номер и баланс очень сильно разнесены, лучше их рядом расположить.
Масштабировать шапку как-то можно? Например если будет больше пунктов меню?
У вас два раза пункт "счета" фигурирует — в верхнем и нижнем меню :)
22:18, 29/05/16
Владимир Ф.
#9, Спасибо :)
Верхняя часть хороша, только курсив в поле поиска лишний.
По меню: ощущение, что нижнее меню — это второй уровень верхнего меню.
22:01, 29/05/16
14:32, 29/05/16
3:14, 29/05/16
Владимир Ф.
#10, Спасибо
Акцент на фото профиля очень большой — стоит сделать поменьше.
Номер и баланс очень сильно разнесены, лучше их рядом расположить.
Масштабировать шапку как-то можно? Например если будет больше пунктов меню?
У вас два раза пункт "счета" фигурирует — в верхнем и нижнем меню :)
23:26, 28/05/16
Владимир Ф.
#7, спасибо
Вариант с оператором рядом с номером телефона нравился больше. В остальном понравилось, спасибо! :)
14:55, 28/05/16
Владимир Ф.
#9, Спасибо :)
Верхняя часть хороша, только курсив в поле поиска лишний.
По меню: ощущение, что нижнее меню — это второй уровень верхнего меню.
13:33, 28/05/16
Владимир Ф.
#7, спасибо
Вариант с оператором рядом с номером телефона нравился больше. В остальном понравилось, спасибо! :)
22:53, 27/05/16
Владимир Ф.
#6, Спасибо за вариант, неординарное решение!
На мобильной версии — очень много места заняла шапка после входа.
Потерялся пункт с бонусом
Верхнее меню — оно является первым уровнем, а нижнее — вторым? Предполагается оплатить, пополнить etc убрать под пункт "Мой кошелек"? Не очень по картинке понял.
22:49, 27/05/16
Владимир Ф.
#5, спасибо за вариант.
1) Очень много важных пунктов меню загнали в иконки — по нашим исследованиям от этого падает конверсия. При этом менее важные пункты остались текстом.
2) Брендированный фон меню выглядит очень агрессивно и забивает остальной сайт.
3) Оранжевый текст на синем фоне не смотрится
22:45, 27/05/16
Владимир Ф.
#4, Спасибо за новую версию!
Вариант 1 для веба и вариант 3 для мобильника двигаются в нужном направлении.
Вопросы:
1) Иконка у выпадающего меню только у входящих и выйти — почему?
2) Как будет выглядеть выпадающее меню у балансов? Сейчас самый сложный кейс выглядит так: https://db.tt/rvVSm4wH
Предложения:
1) Иконку избранного попробуйте поставить перед "Оплатить"
2) Может есть вариант уменьшить количество линий-разделителей? Можно попробовать темный фон на меню "Оплатить..."
3) В мобильной версии хотелось бы видеть избранное сразу
21:47, 27/05/16
Владимир Ф.
#6, Спасибо за вариант, неординарное решение!
На мобильной версии — очень много места заняла шапка после входа.
Потерялся пункт с бонусом
Верхнее меню — оно является первым уровнем, а нижнее — вторым? Предполагается оплатить, пополнить etc убрать под пункт "Мой кошелек"? Не очень по картинке понял.
17:46, 27/05/16
Владимир Ф.
#4, Спасибо за новую версию!
Вариант 1 для веба и вариант 3 для мобильника двигаются в нужном направлении.
Вопросы:
1) Иконка у выпадающего меню только у входящих и выйти — почему?
2) Как будет выглядеть выпадающее меню у балансов? Сейчас самый сложный кейс выглядит так: https://db.tt/rvVSm4wH
Предложения:
1) Иконку избранного попробуйте поставить перед "Оплатить"
2) Может есть вариант уменьшить количество линий-разделителей? Можно попробовать темный фон на меню "Оплатить..."
3) В мобильной версии хотелось бы видеть избранное сразу
10:15, 27/05/16
Владимир Ф.
#3, спасибо за оперативность.
Логотип рядом с номером — отлично. Профиль напрашивается на правую сторону, возможно стоит поменять с поиском местами. Хотелось бы вписать "Историю" в основное меню (можно перенести банковские карты во второстепенное). И второстепенное меню сейчас совсем потерялось, стоит другой цвет использовать.
10:08, 27/05/16
Владимир Ф.
#2, спасибо за вариант!
Понравилась "воздушность". Выпадающее меню на номере телефона — неплохо, но стоит как-то показать, что по клику на телефон выпадает меню (как стрелка у балансов, например). Историю и Бонус в выпадающее меню ставить не стоит. Поробуйте вариант, где "Счета" будут в выпадающем меню, а история и бонус снаружи. Подумайте над возможностью сделать избранное иконкой без текста.
В мобильной версии хотелось бы видеть быстрый доступ к поиску. И мы бы хотели отказаться от "бургерного" меню
— возможно стоит выводить несколько пунктов меню сразу, а остальные скрыть под бургером или кнопкой "Еще".
23:39, 26/05/16
Владимир Ф.
#3, спасибо за оперативность.
Логотип рядом с номером — отлично. Профиль напрашивается на правую сторону, возможно стоит поменять с поиском местами. Хотелось бы вписать "Историю" в основное меню (можно перенести банковские карты во второстепенное). И второстепенное меню сейчас совсем потерялось, стоит другой цвет использовать.
19:29, 26/05/16
Владимир Ф.
#2, спасибо за вариант!
Понравилась "воздушность". Выпадающее меню на номере телефона — неплохо, но стоит как-то показать, что по клику на телефон выпадает меню (как стрелка у балансов, например). Историю и Бонус в выпадающее меню ставить не стоит. Поробуйте вариант, где "Счета" будут в выпадающем меню, а история и бонус снаружи. Подумайте над возможностью сделать избранное иконкой без текста.
В мобильной версии хотелось бы видеть быстрый доступ к поиску. И мы бы хотели отказаться от "бургерного" меню
— возможно стоит выводить несколько пунктов меню сразу, а остальные скрыть под бургером или кнопкой "Еще".
19:18, 26/05/16
Владимир Ф.
#1, очень разрозненно вышло. И акценты сместились в сторону меню "История/Бонус...". Приоритет нужно оставить у меню с платежными фукнциями.
Понравилась правая верхняя часть с номером и балансами. Вместо руб. лучше символ ₽ использовать.
Два логотипа рядом начинают конфликтовать — особенно когда логотип оператора больше логотипа Qiwi. Можно сделать лого оператора поменьше или оставить только иконку оператора. "Счета к оплате" и "Избранное" можно отвязать от пункта "Оплатить" — они не обязательно должны быть подразделами.
Попробуйте сделать покомпактнее по высоте и поменяв акценты у меню "Оплатить..." и меню "История...". Ну и решение по логотипам оператора нужно другое.
23:40, 25/05/16
Владимир Ф.
#1, очень разрозненно вышло. И акценты сместились в сторону меню "История/Бонус...". Приоритет нужно оставить у меню с платежными фукнциями.
Понравилась правая верхняя часть с номером и балансами. Вместо руб. лучше символ ₽ использовать.
Два логотипа рядом начинают конфликтовать — особенно когда логотип оператора больше логотипа Qiwi. Можно сделать лого оператора поменьше или оставить только иконку оператора. "Счета к оплате" и "Избранное" можно отвязать от пункта "Оплатить" — они не обязательно должны быть подразделами.
Попробуйте сделать покомпактнее по высоте и поменяв акценты у меню "Оплатить..." и меню "История...". Ну и решение по логотипам оператора нужно другое.
Подробнее читайте тут: http://godesigner.ru/answers/view/51