Всем привет. Ищем дизайнера для редизайна сервиса Бробанк.ру
brobank.ru/. Текущая задача только предложить свои видение. Мы выберем кандидата и продолжим дальнейшую работу уже по редизайну всех шаблонов.
О Бробанке: Сайт успешно выполняет свои функции, текущему дизайну болеет 5 лет. За это время по мере развития и добавления новых функций, накопилось много "мусора" и лишних, дублирующихся стилей. Для облегчения и ускорения загрузки появилась задача обновить верстку и привести дизайн к единому виду на всем проекте.
Приветствуются предложения по улучшению удобства для пользователей. Но кардинальных изменений не нужно, проект стабильно и успешно работает. Визуально текущий дизайн в целом устраивает, выполнен в современном стиле, как и большинство похожих проектов. Нужно придерживаться этого минималистичного легкого стиля, графики должно быть не больше чем сейчас. Очень важно для нас быстрая загрузка на всех устройствах пользователей.
По конкурсу: Наиболее важные для сервиса страницы:
- страница каталога, пример
brobank.ru/kreditnye-kart... - страница продукта, пример
brobank.ru/credit-card-ti... Предложите свои варианты как можно сделать лучше и современнее эти шаблоны. Структуру страниц менять не нужно, только визуал. Либо если меняете, объясните в чем польза нового варианта.
Статистика по разрешению экранов наших посетителей
prnt.sc/0wQLVuP9_iO3 (в прикреплении). 90% заходят с мобильных устройств. Наиболее частая ширина экрана 360px, поэтому нужно предложить свои варианты именно в этом разрешении. Работаем в Фигме.
Лидеры рынка (конкуренты):
- Банки.ру
- Сравни.ру
- Банкирос.ру
- Выберу.ру
Что нравится по дизайну:
-
profi.ru/ -
vc.ru/ -
sravni.ru/ - поисковая выдача Яндекса на десктопе (легкие тени, отсутствие обводки)
Пара слов от верстальщика:
- Унифицируйте элементы: создайте единый документ, в который поместите все-все типовые элементы. Заголовки, списки, параграфы, ссылки, кнопки, поля форм, контролы, миниатюры изображений и прочее. И везде в проекте используйте только эти элементы и только в той форме, в которой они здесь запечатлены.
- Тестируйте элементы разным контентом.
- Продумайте позиционирование и отступы никаких подгонок, например межстрочником.
- Долой Pixel Perfect не выверять все до пикселя только в конкретных разрешениях, всегда нужно помнить в реальности их больше. Как правило в верстке используются условные единицы.
- Никаких подгонок цвета путем наложения эффектов или изменения прозрачности.
- Вся графика должна быть подготовлена в отдельной папке.
Верстка будет осуществляться под следующие разрешения экранов, нужно проверять дизайн исходя из этого
450px т.е. все мобилки от 320 до 449
@media (min-width: 450px) { / CSS для экранов размером: 450px 749px / }
@media (min-width: 750px) { / CSS для: 750px 999px / }
@media (min-width: 1000px) { / CSS для: 1000px 1200px / }
@media (min-width: 1200px) { / CSS для экранов больше 1200px / }
Настоящий конкурс не является публичным конкурсом в соответствии с гражданским законодательством Российской Федерации. Участие в
данном мероприятии не гарантирует определение победителя, а также выплату вознаграждения. Площадка FL не является организатором конкурса. Нажимая кнопку «Принять
участие в конкурсе», вы подтверждаете, что согласны участвовать на описанных условиях.