Клубный посёлок «Грин Парк» находится в курортно-санаторной зоне Владивостока. Отличительная черта района — уникальный микроклимат. В поселке создаются все условия для ведения здорового образа жизни. Клубный формат предусматривает проживание в нем успешных, близких по социальному статусу людей.
На момент размещения заказа клубный поселок уже располагал вот таким сайтом:
Задача
Сделать несложный, но престижный и оригинальный сайт поселка.
Требования заказчика:
- Качественно переработать шапку, преподнести её как основную деталь дизайна. Шапка должна доносить концепцию поселка (экологически чистый район, клубный формат, все условия для комфортной жизни).
- Вписать логотип в картинку шапки, связать шапку и остальной контент. Сайт должен смотреться целостно.
- Выполнить дизайн в соответствии с фирменными цветами (темно-зеленый, светло-зеленый).
- Интегрировать видеоролик и фотогалерею.
- Переработать навигацию, убрать дублирующие ссылки.
- Добавить аудиоподложку и максимум анимации.
Были обозначены очень сжатые сроки. Бюджет на разработку также был выделен минимальный. На таких условиях студия могла предложить довольно скромный, но аккуратный дизайн, а также перенос сайта на одну их младших редакций UMI.CMS.
Понимая несоответствие ожиданий заказчика и наших возможностей, предстояло принять непростое решение. Мы склонялись к тому, чтобы не брать заказ. Но тема оказалась интересной арт-директору студии, поэтому заказ все-таки был принят.
В ходе переговоров мы пришли к соглашению, что на работу будет наложен ряд ограничений. Будет только одна типовая страница и одна иллюстрация. Заказчик твердо настаивал на том, что нужен какой-нибудь флеш. Договорились о том, что будут плыть облака и слышны шумы природы.
Начало работы
В качестве исходного материала мы получили презентационный видеоролик,
несколько 3D-рендеров и план поселка. Фотографий не было, т.к. поселок
пока существует только в проекте. И, конечно, был действующий сайт, с которого мы должны были взять уже размещенный там контент.
Выбор CMS
Предыдущий сайт работал на самописной CMS, которая заказчика
устраивала.
— Наш сайт — это как дом. Каркас у него есть,
нужно поменять фасад, обои и прочее.
После изучения возможностей CMS, оказалось, что иметь с ней
дело не перспективно. В ней не было многих элементарных функций,
которые есть в современных коммерческих CMS. В итоге за основу взяли UMI.CMS Pro Corporate, с дополнительным модулем «Фотогалерея». Основные критерии выбора — удобство использования для самостоятельного
администрирования, сравнительно низкая цена.
Иллюстрация
Согласно первоначальному замыслуу, в иллюстрации сайта должны были быть отображены:
- Таунхаусы;
- Парк (небольшой сквер);
- Фонтан в центре парка.
В исходных материалах такой картины не было. Решили делать матте из нескольких изображений:
+
Как видно на картинках, объекты обладали довольно небогатой детализацией. Довольно грубо выполнены вода и растения. А люди... В общем, для перезентации оно, может, и подошло, но для главной иллюстрации сайта исходные материалы могли разве что дать представление о том, как выглядят таунхаусы. Нашему художнику предстояло сотворить чудо.
После двух дней работы поняли, что чуда все-таки не произойдет. Сперва разобрались с искажением перспективы: фонтан в том виде, в каком был, не желал вписываться в панораму, и после пары
эмоциональных взрывов художника фонтан попросту воссоздали заново, в 3D-модели.
Но проблема с перспективой — еще полбеды. Как в разумные сроки сделать хорошую техническую обработку с таким материалом?
Вернувшийся из командировки арт-директор был в шоке от увиденного, а художник впал в депрессию.
Дизайн
Пока художник выжимал соки из иллюстрации, дизайнер работал над макетом, предпогалая, какого формата она будет. В итоге мы показали заказчику такой эскиз:
— Ребята, ждем от вас оригинальности. То, что вы нам показываете, похоже на какой-то шаблонный сайт. Не видим разницы с тем, что у нас было.
После разговора с заказчиком, арт-директор студии решил взять всё в свои руки. Заперся в кабинете и начал сам работать над иллюстрацией и дизайном. Он взял только кусок изображения с таунхаусом, посчитав, что именно это является главным — представить людям дом, в котором они могли бы жить. Тем лучше для конечного результата — парк и многострадальный фонтан выглядели
чересчур искусственными.
↓
↓
↓
Иллюстрация готова. Тем временем возникло новое видение дизайна. В отделке домов поселка прослеживаются мотивы классической архитектуры, поэтому решено было это подчеркнуть.
Разметка и CMS
Работы над иллюстрацией и дизайном заняли всё отведенное время на проект. С трудом удалось убедить заказчика в отсрочке на 5 дней. За это время необходимо было закончить сайт. Сделать разметку, установить и настроить CMS. Все это время участники проекта работали в авральном режиме до 2 - 3 часов ночи. Кодер, сломя голову, делал разметку, редактор переписывал тексты прямо в CMS, дизайнер дорабатывал дизайн всех страниц сайта. Проще всего было программисту: при наличии «порезанного» и чистого HTML настройка UMI.CMS в редакции Corporate — задача совершенно не сложная.
В промежутке показали процесс заказчику... Получили обратную связь, что иллюстрация слишком большая, если смотреть на ноутбуке. Делаем версии для двух разрешений экрана: от 1024 до 1280 пикселей по ширине и более 1280. Всё это управляется java-скриптом при загрузке страницы или изменении размеров окна браузера.
Фонтан или скидка
Встреча с клиентам приподнесла нам контрольный сюрприз.
— Ребята, всё замечательно. Cайт отличный, всё нравится... Но! Куда вы дели фонтан? Изначально оговаривали, что фонтан должен быть. Поэтому одно из двух: либо делаете фонтан, либо даете нам скидку.
Мы были готовы вернуть предоплату и расторгнуть договор. Но всё же пришли к компромиссу.
Облака и звуки леса
Делаем флеш с плывущими облаками. Рисуем, анимируем, интегрируем во
фронтальную иллюстрацию.
Последний штрих — прикрутить птичье пение.
