Редизайн Avito по версии студии Progress

Мы решили обновить дизайн сайта-лидера в сфере объявлений о товарах и услугах — Avito. Проанализировали, протестировали и сделали.

Прототип главной страницы

Что сделано:

  • Переработан весь дизайн и юзабилити.
  • Выделены основные категории сайта (по цветам с картинками).
  • Сайт стал шире — 1140 px, за счёт этого мы показали в выдаче четыре карточки товара в строке вместо трёх.

Прототип главной страницы.

Добавилась долгожданная кнопка «Наверх».

Прототипы фонов основных категорий.

Прототип страницы категории.

Мобильная версия сайта — мобильное приложение.

Добавилось дополнительное прилипающее нижнее меню, личные настройки теперь всегда под рукой.

Прототип страницы объявления.

Прототип футера сайта.

0
65 комментариев
Написать комментарий...
Слон Петрович

Что значит "сделали"? Это называется – "решили пофантазировать на тему", а не "сделали". Да и сделаны только скриншоты. Очень плохой самопиар. Не уверен насчет законности, но использование таких формулировок определенно неэтично.

Ответить
Развернуть ветку
Victor Denisov

Если честно, вообще непонятно, зачем авито такой редизайн. Пусть уважаемые господа обоснуют. Когда у сервиса миллионы пользователей, и сервис нормально работает, даже незначительные изменения очень рискованы.

Все эти улучшения дизайна от дизайнеров не стоят ни копейки, если они не протестированы на практике и не повышают конверсию. Заменить фон, ок - это повлияет на конверсию в лучшую сторону? Пестрая хуета вместо нейтральных цветов - а как это влияет? Короче - тлен...

Вспомните, как ebay менял свой желтый фон на белый (гуглится, если кто не знает эту историю). Или почитайте, почему у booking.com сайт такой упоротый на первый взгляд, люди сотни тысяч часов тратят на проверки гипотез.

А тут взяли и сделали редизайн... Ну ё моё...

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Anton Zhitarev

Кнопка "вверх"!

Ответить
Развернуть ветку
2 комментария
Эван Макгрегор

Что изменилось? Прибрались? Молодцы! Времени много что ли? Самое бесполезное это долгожданная кнопка наверх, кому она нафер нужна?

Ответить
Развернуть ветку
Сергей Артеменко

это зачем тут пузыри на "вводы" наползают?

Ответить
Развернуть ветку
Кирилл

Каждый колхоз дизайнер вставляет эту хуйню в качестве <<подачи>>

Ответить
Развернуть ветку
Илья Селин
Автор

Это тема подачи. На самом деле их не должно быть

Ответить
Развернуть ветку
3 комментария
Кирилл Ходасевич

Вот случайно остановишься на разделе "Услуги" и всё испортит рыжий пузырь (не из Думы)

Ответить
Развернуть ветку
VVV

На счет адекватности выше уже сказали )

А по делу:
1. Осталась та же самая проблема с невидимой и незаметной кнопкой "Найти". Вместо которой часто щелкаешь "Подать объявление" и сбиваешь нафиг установленный фильтр. Жутко бесит в текущем дизайне.

2. На кой черт так выделять продавца в объявлении? Тем более аватарку. Это не соцсеть, а сайт объявлений.

3. "Прототип страницы объявлений" - это скриншот текущей страницы объявлений с большой авой продавца?

Ответить
Развернуть ветку
Илья Селин
Автор

1. Кнопку "Найти" и "Подать объявление" развели подальше друг от друга.
2. Аватар будет показываться только у зарегистрированного пользователя.
3. Да

Ответить
Развернуть ветку
Anton Zhitarev

Возможно, в вашем дизайне или для Вас размещение платное, но для меня оно халявное.

Ответить
Развернуть ветку
Anton Zhitarev

Прошу прощения. Ответ ниже не Вам.

Ответить
Развернуть ветку
Mark Quincy

бредовый дизайн. Дизайн должен не только решать текущие проблемы пользователей, но и ввести какую-то идеологию новую. А вы просто кнопки перекрасили и блоки подвигали, оставив плохой UX сервиса и ужасную систему нахождения нужных товаров.
Уважаемая редакция зачем это вообще висит на главной? Реклама такая что ли?

Ответить
Развернуть ветку
Семен Смирнов
А вы просто кнопки перекрасили и блоки подвигали, оставив плохой UX сервиса и ужасную систему нахождения нужных товаров

А что, где-то делают другие редизайны? =)

Ответить
Развернуть ветку
Никита Радионов

Вот что происходит когда у студии нет заказов и «а давайте перерисуем авито, на vc все лайкнут и нам мильен заплатят». Что-то пошло не так.

Дизайн ради дизайна от людей которые не понимают ui/ux. Автор, не воспринимай близко к сердцу, но дизайн прям вообще никакой.

Ответить
Развернуть ветку
Михаил Фомин

крейгслист - вот это дизайн. а что у вас, что у авито - это херня собачья

Ответить
Развернуть ветку
Anton Zhitarev

анекдот.ру, корова.ру

Ответить
Развернуть ветку
Sergey Sergeychik

опрос общественности - а кто жмёт "долгожданные кнопки наверх" на сайтах и в приложухах ? я - никогда, интересно стало.

Ответить
Развернуть ветку
Антон Смуров

Часто пользуюсь «кнопкой» вверх в виде всей левой стороны сайта - вк, кинопоиск, хабр, вц. Кнопка справа внизу мне не удобна, обычно ее игнорирую. И все это касается только десктопа.

Ответить
Развернуть ветку
Alexey Novov
Ответить
Развернуть ветку
Nata Kuznetsova

Сначала надо было А. Лебедеву показать :)

Ответить
Развернуть ветку
Aleksandr Kuznetsov
Ответить
Развернуть ветку
Тимофей Слепченко

"Проанализировали, протестировали и сделали"

Начните с этого. По пунктам. Не понятно что вы сделали и для чего.

Стало слишком шумно. Авито воспринимается легче. Даже с его обилием рекламы. Ну и про аватар и пользователя (выше) подписываюсь.

Ответить
Развернуть ветку
Виктор Арапов

Сий концепт не решает никаких задач. Акценты ради акцентов и не там, где надо. Как тыкаем хуй пойми куда, в надежде, что объявление опубликуется, так и будем тыкать, в том числе на вашем концепте. Но смотреть на такое любопытно. За смелость держите пятюню, щас мы вам тут напишем.

Ответить
Развернуть ветку
Anton Zhitarev

Зачем прикнопливать в мобильной версии "подать объявление"?
Это не настолько часто используемая ф-ия чтобы ей мозолить глаза.

Ответить
Развернуть ветку
Илья Селин
Автор

Сайт зарабатывает на размещении объявлений и дальнейшем их продвижении.

Ответить
Развернуть ветку
14 комментариев
Alexander Matveev

Regress

Ответить
Развернуть ветку
Alexander Mellon

Про веб не могу сказать, но про мобилу:
1. Как вы в стандартный компонент боттом таб бар собираетесь вставлять 6 элементов, тогда как в нынешней библиотеке при попытке вставить больше 5 там появляются многоточия.
2. А где подписи к иконкам? Вы не поверите насколько они важны в том де меню, плюс опять же избавится от них не получиться. А кстати в каком разделе я нахожусь?
3. Применение бургер меню в левом нижнем углу - что будет если нажму на него, перейдет в другой экран? Или отодвинется текущий? Что происходит? Не соишком ли похожи иконки бургера и настроек фильтрации, вы уверены что не будет путаницы?
4. Применение подсказки о добавлении в избранное вне элемента сетки - я бы сказал что это потенциальная яма проблем. Зачем?

Ответить
Развернуть ветку
Виталий Холодов

Какая-то сплошная патока. Слишком нагружено, сложно. В таких сервисах нужно все упрощать до нельзя, тут же ни одного подобного решения не обнаружено. Кнопка вверх тут тоже лишняя. Лучше уж тогда header c формой поиска показывали при скролле вверх. Это все ИМХО, конечно же.

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Александр Новиков

Херня, пробуйте еще.

Ответить
Развернуть ветку
Алексей Калаверин

Внебрачное дитя фликра и пинтереста какое-то.

Ответить
Развернуть ветку
Игнат Смирнов

С трисомией по 21-й паре хромосом

Ответить
Развернуть ветку
Irina Magdenko

Это лучше того что есть сейчас.

Ответить
Развернуть ветку
Pixel Lens

Нормально.

Ответить
Развернуть ветку
Ivan Beloborodov

Жуть. Сделали только хуже.

Какими вопросами вы задавались при работе, кроме как «запилим, закинем на vc.ru и будет у нас дох... [много] заказов»?

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Георгий Баталов

А мне нравится!

Ответить
Развернуть ветку
Франциск КороваЗаДрова

Мне понравилось.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Александр Толмачев

Дизайн отстой

Ответить
Развернуть ветку
Александр Рамазанов

Это фиаско, братан

Ответить
Развернуть ветку
Игнат Смирнов

Ну и говно

Ответить
Развернуть ветку
Анатоли Маслоу

Мда, это реклама как дизайнера себя? А Авито в курсе, что бренд используется в несогласованных целях? Были уже студии, кто так попадали на бабки за такое...

Ответить
Развернуть ветку
Андрей Евстафьев

Вот сейчас не понял: написано «сделали». Зашёл на сайт - всё равно узкий дизайн, в 3 карточки. А где посмотреть, что сделали?

Ответить
Развернуть ветку
Андрей Евстафьев

И ещё - Авито, как вы не садитесь, в музыканты не годитесь. Ваша служба тех.поддержки просто-напросто не отвечает, зато шлёт спам с требованием оценить работу службы тех.поддержки.

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
62 комментария
Раскрывать всегда