Задача
Суть данного проекта состояла в том, чтобы создать крутой сайт с красивым дизайном и удобным интерфейсом, который позволил бы гостям какого либо города, еще ближе познакомиться с его историей, посредством интерактивных квестов, при прохождении которых, пользователь узнал бы массу интереснейшей информации! Далее мы расскажем о процессе создания данного проекта.
Дизайн
Специфика данного проекта состояла в том, что подавляющее количество посещений сайта будет совершено с мобильного телефона и для этого требовался максимально удобный и интуитивно понятный интерфейс, а так же ввиду того, что существует возможность, что пользователь может просматривать страницы с устройства имеющего слабый процессор - мы не стали делать супер анимации для данного сайта.
Приветливое цветовое решение, стильный и современный дизайн, а так же толково размещенный контент - в сумме дают великолепный результат. Взгляните сами.
Как это работает?
Все очень просто. Для сайта была разработана консоль администратора, в которой есть все необходимые функции для того чтобы создавать новые квесты, редактировать их содержимое, назначать цену и добавлять их в каталог, просматривать статистику по каждому созданному событию.
У каждого квеста есть собственная страница c полной информацией - время на прохождение квеста, протяженность и карта с отметкой где показывается место где начинается задание.
В проект интегрирована платежная система Robokassa. После оплаты на почту пользователю приходит уникальный код, введя который ему откроется доступ к выбранному квесту.
Прохождение квестов в режиме реального времени
Во время путешествия - пользователю рассказывается история и интересные факты по мере прохождения маршрута, а затем задаются вопросы с возможностью использовать подсказку для ответа. Рассказ истории имеет хорошее визуальное оформление и сопровождается картинками. А при завершении путешествия у пользователя есть возможност дать квесту оценку и поделиться результатом в соц. сетях.
Адаптивный и мобильный дизайн
Сайт был разработан с применением адаптивной верстки. С помощью такой верстки достигается удобство пользования сайтом в независимости от того, на чем его просматривают: на телефоне, планшете или обычном компьютере. Кроме того, применение адаптивной верстки увеличивает шансы сайта попасть на более высокие позиции в поисковой выдаче, поскольку у отдельной версии сайта будут свои адреса страниц, свой HTML код, отличный от основной версии сайта, а ресурсы с адаптивным дизайном используют одни и те же URL, одни и те же страницы и файлы, что облегчает их индексацию поисковыми системами.