Как сделать сайт, который не хочется сразу же закрыть
Вы когда-нибудь заходили на сайт, где информации так много, что чай уже остыл, а ты всё ещё что-то ищешь? Да, кто не заходил. И как быть, если там всё важное? Его же нужно как-то уместить, чтобы посетителю было проще разобраться?
Сейчас мы всё расскажем: как сделать сайт одновременно информативным и лёгким для восприятия — чтобы всем было проще.
Сейчас мы всё расскажем: как сделать сайт одновременно информативным и лёгким для восприятия — чтобы всем было проще.
Четыре дома — и ни одного лишнего клика
/ ИНФОРМАЦИЯ О ДОМАХ
Необходимо
Добавить новые информационные блоки по всем четырём домам. В каждом должна была быть своя уникальная информация: описание и перечень доступных удобств, дополнительные сведения об этих объектах, правила бронирования, видеообзор каждого дома, фотогалерея, цены, максимальное количество проживающих. Каждый дом отличался по наполнению и характеристикам, поэтому информация требовала персонализированного подхода
Добавить новые информационные блоки по всем четырём домам. В каждом должна была быть своя уникальная информация: описание и перечень доступных удобств, дополнительные сведения об этих объектах, правила бронирования, видеообзор каждого дома, фотогалерея, цены, максимальное количество проживающих. Каждый дом отличался по наполнению и характеристикам, поэтому информация требовала персонализированного подхода
Решение
Чтобы блок не занимал много места, решили оформить информацию о домах в виде табов. При нажатии на каждый открывается информация о конкретном доме. Самое важное: название, цену, количество гостей, фото, видео и наполнение дома вынесли на основной экран. Более подробная информация была вынесена во всплывающие окна — попапы. Такой подход позволил сохранить структуру и удобство, а также не перегрузить страницу лишними деталями
Чтобы блок не занимал много места, решили оформить информацию о домах в виде табов. При нажатии на каждый открывается информация о конкретном доме. Самое важное: название, цену, количество гостей, фото, видео и наполнение дома вынесли на основной экран. Более подробная информация была вынесена во всплывающие окна — попапы. Такой подход позволил сохранить структуру и удобство, а также не перегрузить страницу лишними деталями
Голод? Решили одной кнопкой
/ ГДЕ ПОЕСТЬ
Необходимо
Разместить на сайте информацию о восьми заведениях, где можно поесть или заказать еду с доставкой. При нажатии на любое из них должны открываться Яндекс.Карты. При этом блок с заведениями должен занимать минимальное пространство, а самое популярное кафе в городе — быть выделено баннером с фотогалереей из блюд
Разместить на сайте информацию о восьми заведениях, где можно поесть или заказать еду с доставкой. При нажатии на любое из них должны открываться Яндекс.Карты. При этом блок с заведениями должен занимать минимальное пространство, а самое популярное кафе в городе — быть выделено баннером с фотогалереей из блюд
Решение
Для экономии пространства и удобства пользователей было решено добавить кнопку, при нажатии на которую открывался блок со списком заведений. Такая реализация позволила компактно разместить информацию, при этом сделав её доступной
Для экономии пространства и удобства пользователей было решено добавить кнопку, при нажатии на которую открывался блок со списком заведений. Такая реализация позволила компактно разместить информацию, при этом сделав её доступной
Отзывы, которые обновляются сами
/ ОТЗЫВЫ
Необходимо
Добавить блок с отзывами, разделёнными по теме: отдельно про глэмпинг и отдельно про баню. При этом отзывы должны автоматически обновляться на сайте
Добавить блок с отзывами, разделёнными по теме: отдельно про глэмпинг и отдельно про баню. При этом отзывы должны автоматически обновляться на сайте
Решение
Поскольку в Tilda отсутствует готовое решение для такой задачи, мы создали виджеты через сервис Яндекс. Карты для каждой категории — глэмпинга и бани. Чтобы сэкономить место, отзывы были размещены в 2 колонки
Поскольку в Tilda отсутствует готовое решение для такой задачи, мы создали виджеты через сервис Яндекс. Карты для каждой категории — глэмпинга и бани. Чтобы сэкономить место, отзывы были размещены в 2 колонки
Три способа доехать — и не заблудиться
/ КАК ДОБРАТЬСЯ
Необходимо
Добавить информацию, как добраться до глэмпинга всеми возможными способами: на автомобиле, по железной дороге, на автобусе. По возможности требовалось разместить расписание, маршруты, контактные телефоны, карту и адрес
Добавить информацию, как добраться до глэмпинга всеми возможными способами: на автомобиле, по железной дороге, на автобусе. По возможности требовалось разместить расписание, маршруты, контактные телефоны, карту и адрес
Решение
Для удобства пользователей информация была разделена на 3 группы и распределена по табам: «На автомобиле», «По железной дороге», «На автобусе». Ссылки на расписания и маршруты были встроены в интуитивно понятные тексты. Также была добавлена карта с персонализированным маркером в виде логотипа, чтобы подчеркнуть уникальность проекта
Для удобства пользователей информация была разделена на 3 группы и распределена по табам: «На автомобиле», «По железной дороге», «На автобусе». Ссылки на расписания и маршруты были встроены в интуитивно понятные тексты. Также была добавлена карта с персонализированным маркером в виде логотипа, чтобы подчеркнуть уникальность проекта
Атмосферу глэмпинга — через экран
/ ВИДЕОКОНТЕНТ
Необходимо
Создать и разместить на сайте видеоматериалы, которые позволят погрузиться в атмосферу отдыха, услышать тишину, почувствовать свежий воздух. Для этого нужно было показать каждый дом, сибирский чан, баню и окружающую природу
Создать и разместить на сайте видеоматериалы, которые позволят погрузиться в атмосферу отдыха, услышать тишину, почувствовать свежий воздух. Для этого нужно было показать каждый дом, сибирский чан, баню и окружающую природу
Решение
Отдел контента профессионально снял и смонтировал 14 видео: 7 горизонтальных для полноценного погружения прямо с экрана компьютера и 7 вертикальных, идеально подходящих для мобильных устройств. После чего ролики разместили на сайте, тем самым обеспечили удобный и эффектный способ знакомства с глэмпингом на расстоянии. Также сделали блок с клипами, которые дублировались из группы ВКонтакте
Отдел контента профессионально снял и смонтировал 14 видео: 7 горизонтальных для полноценного погружения прямо с экрана компьютера и 7 вертикальных, идеально подходящих для мобильных устройств. После чего ролики разместили на сайте, тем самым обеспечили удобный и эффектный способ знакомства с глэмпингом на расстоянии. Также сделали блок с клипами, которые дублировались из группы ВКонтакте
Сайт, где всё находится за два клика
/ ИТОГ
После обновления сайт стал заметно легче и понятнее для посетителей. Пользователи теперь быстро находят нужную информацию. Клиент получил меньше однотипных звонков. Современная структура и визуальное оформление сделали проект не только удобным, но и привлекательным для потенциальных гостей