Бомжорно, друзья! На связи AZ Agency и сегодня мы расскажем вам о том, как мы разработали сайт для Le Stanze del Professore.
Но немного предисловия. Несколько месяцев мы активно сотрудничаем с нашими клиентами из Италии. Первым выполненным проектом для них стал Fodazione Simone Cesaretti ETS. Кстати, о нем мы тоже рассказали в статье на DSGNERS!
Проект Le Stanze del Professore
Le Stanze del Professore - это туристический проект в историческом городке Террачина в Италии, включающий в себя проживание на вилле со всеми удобствами, различными активностями и прелестями местной кухни.
Посетители имеют возможность принимать участие в дегустации местных продуктов: вино, сыр, мед. А также ходить в походы, наслаждаться природой, отправиться в путешествие на рыбловном судне и попробовать блюда домашнего ресторана.
Такой комлексный подход к отдыху поставил перед нами главную задачу при разработке сайта: в полной мере передать настроение этой местности. А также рассказать пользователю об этом туристическом проекте и интегрировать возможность бронирования.
Начало проекта (анализ и карта сайта)
Всегда перед началом разработки проекта мы проводим подробный анализ конкурентов, делаем выводы и разрабатываем карту сайта. Почему же этот этап такой важный?
Благодаря проведенному анализу конкурентов мы понимаем какая структура сайта подходит именно для этой сферы, а также как максимально логично и поняно разместить информацию.
И конечно же, карта сайта. Она позволяет с самого начала продумать структуру сайта и избежать многих правок в процессе работы.
Мудборды
Еще одна часть подготовки перед разработкой прототипов и дизайн-макетов - это мудборды.
Они помогают наглядно показать клиенту как может выглядеть его будущий сайт, точнее в какой стилистике мы можем его разработать. Таким образом, клиент выбирает стилистику из нескольких вариантов и уже ожидает увидеть подобный дизайн в будущем.
Для проекта Le Stanze del Professore мы подготовили 2 варианта мудбордов: "Акценты" и "Минимализм".
Нашим клиентам больше всего подошел мудборд "Минимализм", который включает в себя легкие пастельные оттенки, фото местности, комбинацию шрифтов.
Вайрфрейм
Или по-другому прототип. Это наборосок будущего сайта. Мы обязательно используем его в своей работе, так как это максимально простой способ визуализировать карту сайта, всю информацию в короткие сроки.
При этом он не обязательно должен на 100% совпадать с будущими дизайн-макетами, но он дает понимание каким будет сайт по наполнению.
Таким образом мы разрабатываем все страницы, прописанные в карте сайта. И отправляем клиенту на согласование расположения информации.
Дизайн-макет
У наших клиентов уже был разработан логотип и мы отталкивались от него при разработке дизайна, чтобы все элементы сочетались между собой
При разработке дизайна мы старались связать дизайн, логотип и фотографиями вилл, природы и местности. Поэтому мы использовали пастельные, спокойные цвета, а акцентные цвета взяли из логотипа.
Выбирая шрифты мы остановились на сочетании гротеска и курсивной антиквы, особенно в заголовках. Такой выбор погружает нас в историческую и изящную атмосферу.
Мы начали разработку дизайн-макета главной страницы, которая кратко рассказывает о проекте и создает первое впечатление у пользователя.
На главной страницы перед нами стояла задача также рассказать о локации, активностях и мероприятиях, об особенностях города Террачины и показать отзывы посетителей.
Таким образом, согласовав дизайн-макет главной страницы мы приступили к внутренним. Всего их 8, считая главную.
О вилле
На них необходимо было рассказать о вилле и условиях на ней. Конечно же, мы добавили возможность бронирования на сайт с помощью интеграции со сторонним сервисом бронирования.
Страница "Активности"
Далее следует одна из самых интересных страниц на сайте - это страница с активностями. Она рассказывает о мероприятиях, полностью связанных с природой, историей и отличительными особенностями Террачины.
Как мы рассказали ранее, там проводятся дегустации местных продуктов в окружении природы регионального парка. Они проводят дегустационный тур по местным винам с опытным сомелье, а также предлагают уникальный опыт древней крестьянской кухни.
Посетителям также предлагается день на борту рыбацкой лодки, походы на природе и изысканный домашний ресторан.
Страница "Обучение"
Le Stanze del Professore проводят свое обучение, посвященное созданию баланса между туристами и территорией.
Таким же образом, мы разработали остальные страницы, такие как: эвенты, FAQ, блог и контакты.
Верстка
Последним этапом нашей работы является верстка. Мы переносим сайт на выбранную платформу клиентом, адаптируем под мобильные и планшетные версии, а также настраиваем анимацию. На этом сайта анимация получилась мягкой, спокойной и добовляющей атмоферу на сайт.
Настройки и завершение проекта
Разработать дизайн и сверстать его - это не все, остается совершить все технические настройки.
Так как Le Stanze del Professore - это отель, соответственно номер в нем можно забронировать. Поэтому мы интегрировали такой сервис бронирования, как Bedzzle. Такая интеграция позволит нашим клиентам получать заявки на бронирования прямо сайта и контролировать все в одном сервисе.
А также благодаря интегрированному сервису рассылок на сайте есть возможность подписаться на новостную рассылку.
И мы готовы передавать сайт в руки нашим клиентам из Италии. А также для каждого клиента в конце проекта мы записываем подробную видео-инструкцию, чтобы он самостоятельно мог вносить измнения на сайте.
Спасибо за прочтение! Подписывайтесь на наш аккаунт DSGNERS, мы делимся новостями о развитии нашего digital-агентства, даем полезные советы и представляем наши проекты!
