Дизайн сайта и приложений Anywayanyday
Помогли команде тревел-сервиса Anywayanyday улучшить дизайн сайта и интерфейсы мобильных приложений.
Сервис для путешественников
Anywayanyday — популярный сервис для бронирования билетов и отелей. Он помогает путешественникам гибко планировать поездки и экономить деньги. Мы обожаем путешествия и всегда очень рады работать с компаниями из этой отрасли.
Первая задача, которую нам доверили — переработка главной страницы сайта. Ребята уже заказывали макет в другом агентстве, но в нём были проблемы с юзабилити. Ниже — скрин старого сайта и забракованный макет первого экрана.
В первую очередь мы изучили похожие сайты, выделили основные пользовательские паттерны, переписали микротекст, привели в порядок интерфейс — сделали его более линейным и понятным, потому что главное в дизайне — функциональность, а не эстетика.
Затем проработали содержимое остальных экранов главной страницы: визуальный стиль, иллюстрации, иконки и прочие декорации. Для десктопа, планшета и мобильной версии.
Напоследок — спроектировали и отрисовали несколько подстраниц.
Мобильные интерфейсы
Интерфейс приложения тоже нуждался в доработке. Мы начали с главного — экрана поиска авиабилетов. Оптимизировали юзабилити и переложили на тот же визуальный стиль, который используется на сайте.
Отрисовали макеты для iPhone X, iPhone 8 и для маленького экрана iPhone SE.
Оптимизировали макеты для Android, соответствующий гайдам Material Design.
Очень важной часть приложения — фильтры поиска, которые помогают юзеру найти именно то, что он хочет. В этом разделе очень много элементов управления и на его проработку ушло не меньше времени, чем на главный экран приложения.
Привели другие экраны приложения к аналогичной стилистике. Всё — в строгом соответствии с гайдлайнами iOS.
Гайдлайны и дизайн-система
Anywayanyday — очень большой продукт. В нём постоянно что-то меняется, появляются новые функции, которые нужно проектировать и отрисовывать. При работе с таким количеством дизайн-ассетов важно сохранять целостность, чтобы приложение не превратилось в винегрет разных стилей и элементов.
Поэтому вместе с дизайн-командой продукта мы создали огромную библиотеку стилей и компонентов, которые упрощают дизайн и разработку. Теперь макет для любого нового сценария можно создать с помощью готовых элементов.
Все компоненты и стили созданы по строгим правилам. Они состоят из мелких модулей, легко адаптируются под разные экраны и встраиваются в контекст приложения.
- Антон ШаяховСооснователь OUT.AGENCYВместе с командой Anywayanyday мы проделали гигантскую работу. Десятки макетов, сотни компонентов и стилей. Но главное — тысячи пользователей, которые будут бронировать авиабилеты и искать гостиницы с помощью удобного сайта и приложения. Это очень круто!
