Редизайн листинга объявлений (десктоп) для сервиса посуточной аренды

Вадим8 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
26.12.2018

Редизайн каталога (десктоп)

airbnb  https://goo.gl/43xngq 

Основные фильтры (те которые видны в шапке, остальные под спойлером): даты, гости, цена, расположение (у нас это 1 поле ввода для поиска района, метро, улицы), мгновенное бронирование (сразу с переключателем , т.к. многие не понимают что делает эта кнопка и не замечают её) + кнопка "Очистить фильтры" если что-то выбрано.

Все остальные фильтры — под спойлер (кнопка Другие фильтры) и там нужно использовать по максимуму сверстанные адаптивные фильтры  (минус те что над спойлером в шапке)

Фильтры даты и гости использовать по максимуму сверстанные варианты, в том числе фичу когда выбираешь даты --> следом тебя переводит на выбор гостей.

Фильтр по цене оставляем (в десктопе) +- в текущем варианте (разве что перерисовать его под текущий стиль объявки) т.к. он удобнее чем полоска на адаптиве. 

Выбранные фильтры можно показывать:

Фильтры:

  • http://prntscr.com/kpy0yi  группировка фильтров, если фильтры не помещаются, группируем их в Другие фильтры переключатель режимов Показать карту

  • фильтры всегда прилеплены при скролле  http://prntscr.com/kpy32z
  • другие фильтры открываются так: http://prntscr.com/kpy3wc​ верх и низ всегда видимы, содержимое скролится (в выпадашке по сути дублируется вид фильтров из адаптива)
  • скомпоновать фильтры по гостям, спальным местам, животным в одну выпадашку

Пагинация:

Разрешения:

  • прорисовать вид каталога и карточки под разные разрешения для десктопа - от 2х до 3х карточек в виде с картой
Мотивашки в каталоге:

  • мотивашка #1
  • мотивашка #2
  • мотивашка #3 (вы отправляетесь в поездку через N дней - используйте фильтр "Мгновенное бронирование" чтобы...)
  • добавить ещё мотивашек:
  • (когда ценой юзер очень ограничил поиск, например, показалось меньше 5 обеъектов) Найдено всего 5 объектов. Попробуйте увеличить цену за сутки
 

Карточка объявления в каталоге:

  • вывод отзывов как на airbnb (звездочки и кол-во отзывов)
  • нужно перерисовать карточку объекта, согласно карточке для адаптива
  • Вывод значка о защите платежей , выводить напр. только на мгновенных.
  • более мотивирующая\заметная пометка о мгновенном (доступна\свободна)
  • Вот такие  карточки со ссылками на хелп
  • Вывод информации о скидках . Если не поместится вывод или не понятно будет как выводить — в виде пометки на фотке мол эта объявка со скидками
  • Вывод цен  http://prntscr.com/kpykuh если есть скидка, старую цену показывать зачеркнутой и рядом показывать новую.
Футер:

  • Рефералка  для существующих пользователей. По клику - сообщение по аналогии   "Реферальная ссылка скопирована. Отправь её другу и получи бонус за оплаченную бронь!"
  • Вывести в футере все подключенные платежные системы которыми можно оплатить: Visa\masterCard, Privat24, PayPal
  • Блок с погодой в выбранном городе на выбранные даты https://www.screencast.com/t/FKkHH0esn8Mc  - только в скрине помесячно, а нужно что-то в стиле выдачи гугла  только проще

Заявки фрилансеров