Создание сайта бизнес-отеля «Park Wood Hotel»

Заказчик: Park Wood Hotel, г. Новосибирск, Академгородок.

Задача: создание представительного сайта на основе фирменного стиля бизнес-отеля. Обязательная поддержка 2-х языковых версий сайта: русского и английского. Фотографии предоставляются Заказчиком.

Процесс

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

Прототипы страниц сайта - процесс создания сайта

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

Веб дизайн сайта

Для понимания стилистики и общего настроения сайта, дизайнер Riva Siberia готовит moodboard:

moodboard - процесс создания сайта

Видение дизайна представляется Заказчику, а после дизайнер приступает к воплощению идей. Пока сайт находится в разработке, ставим заглушку:

Разработка заглушки для сайта

Разрабатываем 2 вида главной страницы – центруем содержимое сайта и заливаем контрастным фоном; и наоборот разгружаем и облегчаем дизайн, подаем информацию в горизонтальном представлении:

2 концепции сайта

Останавливаемся на втором варианте, дорабатываем детали и далее переходим к разработке внутренних страниц сайта. Итоговые страницы дизайна сайта, главная страница:

Выносим форму бронирования поверх интерактивного баннера, что позволяет его визуально выделить и акцентировать внимание. Далее располагаем специальные предложения бизнес-отеля, с которыми можно ознакомиться, не покидая страницы, при помощи стрелочек прокрутки (решили не пускать прокрутку автоматически, чтобы не перегружать страницу эффектами: интерактивный баннер автоматически прокручивается). Ниже показываем лучшие и привлекательные номера бизнес-отеля.

Внутренние страницы:

Разработка сайта - внутренние страницы

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

На странице ресторана освещаем блюда русской кухни – показываем лучшие из них на странице. Меню для скачивания нет, но при этом можно хорошо себе представить вкусный завтра, обед и ужин в уютной обстановке ресторана, сориентироваться по ценовой политике ресторана.

Верстка и подключение сайта

Когда все макеты сайта готовы, отправляем их на html верстку. Заказчик выбрал обычную верстку (не адаптивную) по причинам быстрого запуска и сокращению расходов.

На этапе html верстки важно иметь представление о дальнейшем наполнении сайта: будет ли это подключаемый (и/или разработанный) Модуль системы управления сайтом, либо наполнение будет идти просто из визуального редактора.

Для данного проекта подключаем PHP фреймворк MV – быстрая разработка сайта, в умелых руках это еще и безграничные возможности по развитию проекта. Для удобства наполнения подключаем Модули: Специальные предложения, Номера, Блюда русской кухни, Фотогалерею. При помощи модулей наполнять очень просто: заполняем форму, подгружаем картинки, сохраняем – и все преобразуется на сайте в нужном виде и формате:

Модуль системы управления сайтом

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

Отзыв клиента

Иван Рыков, директор бизнес-отеля

"Благодарю команду Riva Siberia за оперативность, гибкость в работе, профессионализм. Сайт был изготовлен в короткие сроки в сопровождении грамотного менеджера, которая оперативно реагировала на все наши пожелания по дизайну и наполнению. В итоге мы получили качественный продукт за разумные деньги. Помимо всего этого у сайта очень удобное управление."


24 Февраля 2016

Теги: Кейсы Разработка и создание сайта Дизайн