Разработка конструктора путешествий: думаем над главной страницей

Первая версия дизайна главной страницы. Фрагмент
  • был отличным от других,
  • чётко объяснял, где оказался пользователь, что он может здесь сделать, как он может это сделать,
  • оставлял приятное послевкусие.
  • больший процент посетителей, чем на варианте с лендингом, начал бы общаться с сервисом — люди ввели бы город, в который хотят отправиться в свой следующий отпуск, их бы, вероятно, заинтересовал маршрут, который выдаст IQPlanner.
  • мы бы точно выделились среди большинства сервисов, предлагающих купить билет на перелёт или размещение в отеле, главная страница которых напоминает Aviasales или AirBnb.
Первый макет главной страницы
  • Строка для ввода первого пункта вашего путешествия. Курсор сразу на начале строки и мигает, приглашая начать ваш план.
  • Ниже кратко говорим, кто мы и что мы делаем. По кнопке можно узнать более подробно о сервисе.
  • Ниже мы показываем несколько самых интересных маршрутов от блогеров или опытных путешественников.
  • Футер с подпиской и прочими служебными ссылками.
  • Создал главное меню из трёх пунктов, которые переводят на страницу о проекте, на каталог featured-постов от путешестенников и на создание или редактирование текущего плана пользователя.
  • Краткий текст о проекте перешёл в верхнюю часть страницы. Скорее всего, те пользователи, которые оказались на главной странице, вообще впервые видят сервис. Поэтому им будет лучше вкратце узнать, где они оказались, и не удивляться крупной строке «Куда вы хотите отправиться?» Те же, кто здесь уже побывал, вероятно, пойдут сразу в свой план.
  • Ниже мы видим пять featured-постов от наших путешественников, каждый виден как крупная красивая фотография на полный экран с заголовком и кратким описанием маршрута.
  • Ниже, если пользователя не очень интересуют готовые маршруты, он может начать свой план — вот тут и пригодится крупная строка.
  • Футер обзавёлся крупной формой подписки — в таком виде она появится только на главной странице. Также мы обязаны добавить логотипы партнёров — они идут по нижней кромке страницы.

--

--

--

IQPlanner makes finding your perfect holiday easy. Browse through unique holidays shared by other travellers or build your own. www.iqplanner.com

Love podcasts or audiobooks? Learn on the go with our new app.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
IQPlanner team

IQPlanner team

IQPlanner makes finding your perfect holiday easy. Browse through unique holidays shared by other travellers or build your own. www.iqplanner.com

More from Medium

What will be the Future of User Interface Design

Adding colour swatches to Shopify collection page — the easy, simple and free way.

Achieving 1000% faster designs & development cycles in Mumzworld

Mumzworld Design System

Squarespace Product Quick View Lightbox