Мы переделали AdSnap. Не просто поменяли цвета или шрифт - реально прошлись по каждой странице и переработали, как всё выглядит и ощущается. Особенно на телефоне.
Это было в планах давно. Старый дизайн работал, но было видно, что он строился под десктоп, и это чувствуется, когда пытаешься листать объявления на телефоне в очереди за кофе. Кнопки мелкие, отступы кривые, фильтры раздражают. Знакомо, да?
В общем, сели и сделали нормально.
Главное изменение? Мобильная версия.
Если сейчас откроете AdSnap на телефоне, должно ощущаться так, будто сайт реально сделан для телефона. Навигация занимает меньше места, карточки объявлений компактнее и удобнее для прокрутки, а фильтры больше не захватывают весь экран. Можно открыть, выбрать нужное и листать дальше, не теряя место, где остановился.
Звучит просто? Но добиться, чтобы это ощущалось естественно, заняло гораздо больше времени, чем кажется. У каждой категории свои фильтры, свои поля, свой макет. Сделать так, чтобы всё это гладко работало на маленьком экране и ничего не потерялось - вот это была настоящая задачка.
Страницы объявлений изменились больше всего
Здесь вы, скорее всего, заметите самую большую разницу. У старой страницы объявления была боковая панель, которая нормально смотрелась на большом мониторе, но на всём остальном было неудобно.
Теперь фотографии в центре внимания. Листать их приятно, важная информация там, где ожидаешь её увидеть, а кнопку "Написать продавцу" наконец легко найти. Раньше приходилось её искать в зависимости от размера экрана. Не лучший вариант, когда это буквально главное действие, которое хочешь совершить.
Формы создания и редактирования объявлений тоже переделали. Чище отступы, лучше организация полей, и заполнять всё с телефона больше не мучение.
Все остальные страницы тоже
Не остановились на объявлениях. Вход, регистрация, сброс пароля - все страницы аккаунта теперь выглядят как часть одного сайта. Раньше некоторые из них будто принадлежали совсем другому продукту.
Чат тоже подтянули. Если у вас были длинные переписки с продавцами, возможно замечали, что список сообщений на мобильном становился неудобным. Это исправлено. Поле ввода остаётся на месте, список диалогов компактнее.
Даже этот блог, который вы сейчас читаете, страница контактов, политика конфиденциальности - всё теперь в одном стиле. Мелочь, но ощущение от сайта совсем другое.
Зачем мы об этом рассказываем
Отчасти потому что гордимся проделанной работой. Но в основном потому что, если вы когда-то попробовали AdSnap и подумали "ну такое, сыровато" - стоит зайти ещё раз. Основа всегда была хорошая - бесплатные объявления, три языка, нормальные фильтры поиска. Теперь и обёртка соответствует содержанию.
Что дальше
Мы не закончили. Есть ещё крайние случаи в фильтрах, которые нас самих бесят, улучшения доступности, которые хотим внедрить, и наверняка десяток мелочей, которые мы заметим теперь, когда живые люди пользуются новым дизайном каждый день.
Если что-то выглядит криво на вашем устройстве или натыкаетесь на странный баг в вёрстке - напишите нам. Серьёзно. Ссылка на страницу и быстрый скриншот очень помогают. Связаться можно через страницу контактов.
Спасибо, что пользуетесь AdSnap.