Заказ закрыт Редизайн страницы каталога и продукта для финансового сервис

admin366
Бюджет: 30 000 руб
Сервис Бробанк [admin366] [16.03.2023 | 11:28] [внесены изменения: 21.03.2023 | 19:03]
Зарегистрирован на сайте меньше месяца
Безопасных сделок: 0
Отзывы фрилансеров: + 0 - 0
Всем привет. Ищем дизайнера для редизайна сервиса Бробанк.ру – 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 не является организатором конкурса. Нажимая кнопку «Принять участие в конкурсе», вы подтверждаете, что согласны участвовать на описанных условиях.


Участники

Статистика по конкурсу

  • Сегодня опубликовано 0 работ и 0 комментариев

Заказ закрыт Конкурс окончен 26.03.2023

Конкурс длился с 16.03.2023 до 26.03.2023

Победитель будет объявлен в понедельник, 27.03.2023

Конкурсные работы

  • vmgdsgn

    Мария Волкова [vmgdsgn]   [16.03.2023 | 11:52]

    Очень интересно, участвую! Прикреплю работу позже.
  • polinamesnyanko

      Полина Погосян [polinamesnyanko]   [16.03.2023 | 12:20] [внесены изменения: 16.03 2023 | 12:21]

    участвую – для конкурса две страницы делаем?
    • admin366

      Сервис Бробанк [admin366]   [16.03.2023 | 12:22]  

      верно

  • danilfah

      Данил Ф. [danilfah]   [16.03.2023 | 12:45] [внесены изменения: 26.03 2023 | 23:17]

    +
    • Добавлено 26.03.2023 в 22:59
      f_7176420a423af7c7.png
    • Добавлено 26.03.2023 в 23:17
      f_7776420a84693fed.png
    • Добавлено 26.03.2023 в 22:59
      f_5636420a427cb325.png
    • Добавлено 26.03.2023 в 23:17
      f_4876420a84ab1b25.png
    • danilfah

        Данил Ф. [danilfah]    [26.03.2023 | 23:00] [изменен 26.03.2023 | 23:20]

      Вспомнил поздно, что успел. Сделал светлый с тенями и плоский вариант. 
       
      Предлагаю фильтры сделать нижний сайдбар как у vc.ru добавить (у финансовых сервисов не увидел).

      При нажатии на кнопку подробнее, можно сделать разворот карточки с остальной инфой или поп-ап

  • vitavet

      Ольга Соколова [vitavet]   [16.03.2023 | 13:42]

    +
    Добрый день, участвую.
  • denchikosintsev

    Денис Косинцев [denchikosintsev]   [16.03.2023 | 14:04] [внесены изменения: 26.03 2023 | 23:58]

    Добрый вечер!
    Прикрепляю свой вариант работы. Предложил свое видение. Если понравится – готов к сотрудничеству.
    • Добавлено 26.03.2023 в 23:56
      f_8226420b171cf1df.png
    • Добавлено 26.03.2023 в 23:56
      f_3746420b17d3c79a.png
  • iren_vl

    Irina Skaliy [iren_vl]   [17.03.2023 | 14:08] [внесены изменения: 25.03 2023 | 11:03]

    Добрый день, прикладываю свое видение по редизайну. Представлен визуальный минимум в рамках конкурса, не финальное расположение и состав. Если необходимо, могу проработать выборочно интересующие блоки, скрытые в данных макетах. Буду рада обратной связи. 
     
    Пара комментариев по макетам:
    - На первом экране на выбор два цветовых решения информации рядом с изображением карточки. 
    - В шапке поиск и сравнение предлагаю убрать в бургер-меню. Но есть товары добавлены к сравнению, то появится иконка слева от бургер-меню. 
    - В карточке товара мое предложение – убрать всю дополнительную информацию в меню блок "о карте" и далее скролл в право, чтобы когда открываешь с мобильного устройства не листаешь в низ бесконечно все эти разделы.
    • Добавлено 24.03.2023 в 14:29
      f_800641d8986ecea5.jpg
    • Добавлено 24.03.2023 в 14:29
      f_265641d898fe8c93.jpg
    • Добавлено 25.03.2023 в 11:03
      f_314641eaac53a403.jpg
    • admin366

      Сервис Бробанк [admin366]   [26.03.2023 | 13:44]  

      Добрый день. Спасибо за ваши идеи и участие:)

  • kobodovskiy
    Добрый вечер!
    Высылаю работу на конкурс, пока только страница каталога: десктоп 1440px, мобильная версия 360px
    Страницу продукта вышлю чуть позже.
    Буду благодарен за фидбэк по работе.
    • Добавлено 24.03.2023 в 21:48
      f_762641deda673f6a.png
    • Добавлено 24.03.2023 в 21:48
      f_921641dedac8a1aa.png
    • Добавлено 24.03.2023 в 21:48
      f_717641dee18e6bb0.png
    • admin366

      Сервис Бробанк [admin366]   [26.03.2023 | 13:48]  

      Добрый день. Спасибо за работу. В превью продукта забыли про кнопку "Подробнее" и возможность раскрыть карточку. На ПК карточка ну очень тесная.

  • mrlook

      Михаил Луковской [mrlook]   [26.03.2023 | 13:12] [внесены изменения: 26.03 2023 | 22:10]

    +
    Добрый день. 
    До конца конкурса выложу остальные страницы. Только Мобайл.  

    Жду ваших комментариев. Спасибо.
    • Добавлено 26.03.2023 в 19:34
      f_39064207412c8ede.png
    • Добавлено 26.03.2023 в 22:10
      f_3056420987b8b64d.png
  • PL-company

      Kir S [PL-company]   [26.03.2023 | 19:39]

    для связи inf-pl@ya.ru
    • Добавлено 26.03.2023 в 19:39
      f_8576420752ad55ad.png
    • Добавлено 26.03.2023 в 19:39
      f_87864207540e15ca.png
  • olegkachan

    Олег Качан [olegkachan]   [26.03.2023 | 20:34]

    Здравствуйте!

    Возможно ли продлить конкурс на несколько дней?
  • volckovamarika

    Marina Volkova [volckovamarika]  [17.03.2023 | 11:20]

    Добрый день, участвую!
  • kseniaea

    Ксения Ефремова [kseniaea]  [22.03.2023 | 13:00] [внесены изменения: 23.03 2023 | 20:20]

    Добрый день)
    Хочу предоставить свое видение редизайна сайта. 

    В моей визуализации имеется два основных цвета, идущих из логотипа компании (#FBDE44, #000000). Шрифт из семейства sans-serif обеспечивает максимальную читаемость (Raleway). Мною было подобрано 2 начертания: Regular, Medium. 

    Сайт получился очень легкий и воздушный, без потери информации. Для объема я добавила псевдо 3D элементы, по факту никак не изменяющие скорость загрузки. Графика минималистична, она не будет путать юзера, а, наоборот, проведет пользователя по вашему сайту.

    Первые два изображения-каталог, последующие-страница продукта.

    Буду рада сотрудничеству! Готова работать с вами до конца.
    • Добавлено 23.03.2023 в 20:20
      f_977641c89bee6549.png
    • Добавлено 23.03.2023 в 20:20
      f_652641c89c0c9c36.png
    • Добавлено 23.03.2023 в 20:20
      f_716641c89c5cf9d0.png
    • Добавлено 23.03.2023 в 20:20
      f_779641c89c9077f2.png
    • Добавлено 23.03.2023 в 20:20
      f_273641c89cc0bbf4.png
    • Добавлено 23.03.2023 в 20:20
      f_298641c89cf15a59.png
    • admin366

      Сервис Бробанк [admin366]   [24.03.2023 | 08:04]  

      Добрый день. Благодарю за участие:)

  • sritulasidg

    Стелла Сээманн [sritulasidg]  [22.03.2023 | 15:37] [внесены изменения: 26.03 2023 | 18:44]

    +
    • Добавлено 26.03.2023 в 18:44
      f_3726420682e79689.png
    • Добавлено 26.03.2023 в 18:44
      f_573642068446ae53.png
  • mezena96

    Елена М. [mezena96]  [22.03.2023 | 21:47]

    +
  • Corp27

    Green Luis [Corp27]  [24.03.2023 | 00:20] [внесены изменения: 25.03 2023 | 01:02]

    Здравствуйте! Добавил вариант страницы каталога. Хотелось бы получить фидбэк по работе, стоит ли ее продолжать дальше, там немного осталось + мобильная версия + страница продукта
    • Добавлено 24.03.2023 в 00:20
      f_558641cc218c094b.jpg
    • Добавлено 25.03.2023 в 01:02
      f_700641e1dcdb7f84.jpg
    • Добавлено 25.03.2023 в 01:02
      f_792641e1dd7e496d.jpg
    • admin366

      Сервис Бробанк [admin366]   [24.03.2023 | 08:07] [изменен 24.03.2023 | 08:07]

      Здравствуйте. Задача как раз таки была предоставить дизайн для мобильных устройств (в разрешении 360). С ПК у нас около 10% пользователей, не приоритетная версия:). Понравился блок "Как оформить кредитную карту онлайн". Благодарю за участие.

      • Corp27

        Green Luis [Corp27]   [24.03.2023 | 11:22]  

        Изначально проще делать из десктопа мобильную версию, чем наоборот, сегодня постараюсь предоставить мобильную в 360

      • Corp27

        Green Luis [Corp27]   [25.03.2023 | 01:03]  

        Добавил мобильную версию в 360

        • admin366

          Сервис Бробанк [admin366]   [26.03.2023 | 13:51]  

          Привет. Ок, спасибо за работу. Будем думать.

  • moosilin-lighty
    Здравствуйте!
    Прикрепляю свой вариант дизайна мобильной версии. Опиралась на информативность и удобство сайта без перегрузки элементами. Буду ждать обратной связи.
    • Добавлено 24.03.2023 в 19:34
      f_598641dd08e219ed.jpg
    • Добавлено 24.03.2023 в 19:34
      f_826641dd091608b2.jpg
    • admin366

      Сервис Бробанк [admin366]   [26.03.2023 | 13:53]  

      Здравствуйте. Благодарю за участие. В превью продукта понравилось как уменьшили размер изображения и расположили элементы.

  • HelixDesig

    Артем Зозуля [HelixDesig]  [25.03.2023 | 01:09]

    Приветствую.
    Ссылка на просмотр www.figma.com/proto/jEbd6...

    К сожалению, карточку продукта до завершения конкурса сделать не успею.
    Оставшиеся блоки этой страницы, постараюсь доделать до понедельника, конечно, если в этом будет необходимость. 
    • admin366

      Сервис Бробанк [admin366]   [26.03.2023 | 13:56]  

      Привет. Ок спасибо, неплохо. Не понимаю что за синий элемент с 3-мя точками.

      • HelixDesig

        Артем Зозуля [HelixDesig]   [26.03.2023 | 14:13] [изменен 26.03.2023 | 14:15]

        Это предварительно решение, вместо ссылки "развернуть" внизу карточки. При клике выезжает модалка, в которой можно быстро ознакомится с дополнительной информацией по карте.

  • olka38

    Volha Melnikava [olka38]  [25.03.2023 | 18:07]

    Здравствуйте. Буду благодарна обратной связи.

    www.figma.com/proto/6zp89...
    • Добавлено 25.03.2023 в 18:07
      f_661641f0e06a8529.png
    • Добавлено 25.03.2023 в 18:07
      f_132641f0e09c8a8e.png
    • admin366

      Сервис Бробанк [admin366]   [26.03.2023 | 13:58]  

      Здравствуйте. Спасибо вам. Бросается в глаза – теснота и пестрота. Нужно больше воздуха между элементами.

  • blueugen

    Evgeniy Renin [blueugen]  [25.03.2023 | 19:38] [внесены изменения: 25.03 2023 | 19:49]

    Доброго времени суток.
    www.figma.com/proto/wmPAt...
    • Добавлено 25.03.2023 в 19:38
      f_578641f23353ee31.jpg
    • Добавлено 25.03.2023 в 19:38
      f_182641f233866d64.jpg
    • admin366

      Сервис Бробанк [admin366]   [26.03.2023 | 14:00]  

      Добрый. Спасибо за участие. Для ссылок лучше выбрать один цвет, желтый такой себе вариант:)

      • blueugen

        Evgeniy Renin [blueugen]   [26.03.2023 | 14:25] [изменен 26.03.2023 | 16:01]

        Ну тут своя логика. 
        Синие – на новую страницу переводят ака гиперссылка. 
        Темно жёлтый – подстраница. Но это как вариант показать кликабельность. Можно заменить на подчеркивание-кнопку-синий-ост авить всё как есть. 
        Кстати, тени вам обязательны? Не думали просто легкую серую обводку? Если что добавил вариант с обводкой легкой.

  • alexpgchv

    Алексей Пугачёв [alexpgchv]  [26.03.2023 | 19:56] [внесены изменения: 26.03 2023 | 19:57]

    Эх, поздновато уже стало, только сегодня буквально 2 часа назад увидел эту работку. Хорошая работка, я бы доделал, если бы продлили конкурс.
    • Добавлено 26.03.2023 в 19:57
      f_70564207969bf048.jpg

Теги: резюме дизайнера, лучшие дизайны сайтов, сделать дизайн сайта, создать дизайн сайта, нужен веб дизайнер, требуется веб дизайнер, ищу дизайнера сайтов