ЗАКАЗАТЬ ПРОЕКТ

Клиент

widoo
Социальная сеть для путешественников, где собирается информация о странах, городах и местах, в которых побывали люди. Через сайт можно забронировать кафе, которое вам понравилось, забронировать экскурсию по городу, просмотреть список вакансий в выбранном городе.

Задача

Разработать адаптивный дизайн и сверстать сайт социальной сети для путешественников. Интегрировать сайт с Google maps.

Дизайн главной страницы

Основной идеей данного сервиса является возможность подобрать место для путешествия или ознакомиться с местом, куда вы уже направляетесь. Все просто:
  • Вы выбираете страну
  • Выбираете город внутри страны
  • Получаете всю нужную информацию о городе, его заведениях, о вакансиях в городе, о новостях.

Общий концепт отображения контента

На главной странице изначально пользователь видит только список популярных стран, при клике на название страны справа "выезжает" блок с информацией о стране, при клике на "бургер-меню" выезжает основное меню, в котором содержатся все страницы. На внутренних же страницах изначально видна только контентная часть, а меню вызывается при клике. Слева на всех страницах присутствует карта, на ней динамически отображаются элементы, о которых идет речь на страницах.

Страница городов

В списке городов отображаются популярные города в выбранной стране. По левую сторону открыт блок с информацией о стране, список самых больших городов и кнопка просмотра вакансий в стране. На каждой странице, где имеется список информации, предусмотрен свой уникальный фильтр.

Страница города и открытого места

На странице города показаны все события, новости, места и вакансии из этого города. Также на этой странице есть информация о городе, показанная иконками, при наведении на которые появляется описание параметра. Ниже расположен график численности населения и отзывы людей, которые в этом городе уже были. Для тех, кто приезжает в город первый раз, есть блок с экскурсиями по городу

Верстка

Все страницы адаптивны и хорошо отображаются на всех девайсах. Основная проблема, на которую мы наткнулись - масштабирование контейнера с картой в зависимости от того, насколько открыты блоки на главной странице. Для интеграции сайта с API Google maps был привлечен отдельный специалист, вся интеграция написана на node.js

Результат

Результат моей работы – добавленный на themeforest продукт, который может купить любой человек.
ЗАКАЗАТЬ ПРОЕКТ

Получайте мои работы на почту!

Я написал серию автоматических писем, которые будут отправляться вам на почту один раз в неделю. В письмах будут описаны мои работы. Одно письмо - одна работа. Раз в неделю. Никакого спама.