Задача

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

Некоторые функциональные возможности:
Каждая компания имеет свою страницу, которая открывается в виде Landing Page: фотогалерея, описание, виртуальный тур, видеоролик из YouTube, контактная информация, отображение фотографий из Instagram компании, лента новостей из личной группы ВКонтакте, небольшой каталог цен, действующая акция (скидка), вакансии компании, блок "От первого лица", отзывы посетителей, карта с отметкой, ссылки на связанные страницы (филиалы), режим работы.
Каждая компания имеет свой личный кабинет в котором может редактировать вышеприведенные настройки.
На главной странице имеется поиск по компаниям выбранного города (название, слова, фразы).
Компании создаются модераторами в системной панели (панель администратора) путем добавления нового материала и заполнения соответствующих полей.
Мультиязычный сервис с возможностью настройки текстов и управления языками на сайте, управление и возможность изменения текущего города.
Возможность в панеле управления администратору создавать свои виртуальные туры из обычных JPG-фотографий, настраивать туннели (переход между сценами одного тура), информационные точки, снимок для отображения заставки тура по умолчанию, настройки доступа и публичную ссылку и др.

Инструменты разработки: PHP 5.4+, Mysql 5.5, jQuery 1.11.
Для проекта была разработана уникальная система управления, на базе которой построена CRM-система учёта организаций, управления виртуальными турами и пр.

Прототипирование и концепция

При заходе на сайт мы попадаем на главную страницу, где появляется окно с выбором города — если определен верно, то просто подтверждаем. Концепция дизайна

Слева мы видим блок с категориями компаний, поиск по компаниям выбранного города и кнопку "Добавить компанию".

Концепция дизайна

В нижнем блоке можно кликнуть на ссылку "Смотреть все" и перейти на страницу просмотра всех компаний выбранной категории.

Концепция дизайна

При нажатии на отметку на карте, либо на компанию нижнего блока, появляется всплывающее окно с кратким обзором выбранной компании.

Концепция дизайна

По кнопке "Смотреть подробнее" происходит переход на полную страницу компании (Landing Page) с отображением всей информацией о компании заполненных полей.

Концепция дизайна Концепция дизайна
Концепция дизайна

Основной дизайн проекта

Главная страница Внутренние страницы Внутренние страницы Внутренние страницы Внутренние страницы Внутренние страницы Внутренние страницы

Мобильная версия

Мобильная версия Мобильная версия Мобильная версия Мобильная версия Мобильная версия Мобильная версия Мобильная версия Мобильная версия Мобильная версия Мобильная версия

Финальные доработки

Виртуальный тур Виртуальный тур Виртуальный тур

Виртуальные туры

Разработали встроенный механизм создания собственных виртуальных туров в панеле администрирования. Создание собственных виртуальных туров Создание собственных виртуальных туров Создание собственных виртуальных туров Создание собственных виртуальных туров

Хотите заказать похожий проект?