Разработка сайта нового квартала от ЛСР на намывных территориях
За 1,5 месяца создали сайт-презентацию масштабного проекта по комплексному развитию территории Санкт-Петербурга — жилого квартала «Новый Васильевский» от ЛСР.
О клиенте
Проверить наши способности в обеспечении высокой скорости и качества работ к нам обратился один из известных девелоперов Северо-Запада — Группа ЛСР. Он активно участвует в проектах по развитию территорий, и на этот раз речь зашла о намыве на Васильевском острове Санкт-Петербурга.
О проекте
Хотя технология намывных территорий для Санкт-Петербурга не нова и ее применяют еще со времен Петра I, среди населения этот метод считается спорным, и ему требуется положительная огласка. Сайт квартала «Новый Васильевский» задумывался как PR-инструмент этого способа строительства и развития города. Данный веб-ресурс должен стать источником достоверной информации о технологии, отвечать на возможные вопросы читателя и развенчивать мифы, касающиеся намыва территорий.
Кроме того, требовался «лакшери»-дизайн, погружающий в сказку и показывающий, как из ниоткуда возникает жилой квартал.
Какой сайт был нужен клиенту
Дома на намывных территориях не позиционируются как дешевое жилье. Сайт должен соответствовать статусу компании и подчеркивать занимаемое ею заметное место в отрасли.
Планировалось показать квартал без четко прорисованного облика, но в узнаваемой локации: должны быть видны ключевые объекты вокруг (Лахта-центр, Газпром Арена, залив).
Необходимо ответить на вопросы потенциальных покупателей, экологов, градозащитников, жителей Васильевского острова.
Всё требовалось сделать за 2 месяца (а точнее, за 1,5 — пара недель ушло на предварительные договорённости).
В дополнение к дизайну, разработке и наполнению, работы включали в себя базовую SEO-оптимизацию. В итоге получился продукт, готовый к дальнейшему продвижению в поисковых системах и отслеживанию статистики в сервисах Яндекс и Google.
Стратегия разработки
С учетом сжатых сроков и многоступенчатых процессов согласования мы решили декомпозировать работы на мелкие составляющие и согласовывать их по отдельности.
Главная
Первый экран приветствует посетителей лёгкой анимацией названия проекта, пока незаметно для пользователя подгружается видеоролик. Видео обращает на себя внимание, но не перебивает главное — название проекта, описание и меню.
Подробное меню расположено в привычном месте — наверху страницы и открывается при наведении на кнопку-«бургер».
Для тех, кто предпочитает скроллить, а не кликать по меню, на Главной мы разместили блоки со всеми страницами сайта.
Внутренние страницы
На момент создания сайт включал в себя 5 основных разделов:
-
О проекте
-
Новости
-
Галерея
-
Часто задаваемые вопросы
-
Контакты
Ярко оформили главное
Раздел «О проекте» отображает особенности и преимущества квартала. Это легко читающиеся короткие абзацы с эмоциональными графическими материалами и украшением текста в виде буквиц.
Нашли, как спрятать длинные тексты
Более подробную информацию о технологии намыва и о жилом квартале мы поместили в раздел «Часто задаваемые вопросы». Он реализован в формате спойлеров, что позволяет наполнять его длинными текстами, не жертвуя внешним видом сайта.
Выделили место для нового
В разделах «Галерея», «Новости» и «Полезная информация» клиент постепенно выкладывает информацию о ходе работ: в виде фотографий, видео и полноценных статей.
Упростили страницу с контактами
Контактные данные привычно размещены в футере на всех страницах сайта, а также на отдельной странице. Здесь нет ничего лишнего: адрес отдела продаж, номер телефона и ссылка на основной сайт компании. Формы обратной связи на этом проекте пока не нужны, ведь ближайшие несколько лет сайт отрабатывает именно информационную и PR роль, а не продажу квартир.
Цвета и шрифты
Дизайнер использовал синий и золотой цвета из брендбука клиента (эти оттенки ЛСР применяет для продвижения элитной недвижимости). Шрифт также прописан в Руководстве по фирменному стилю. Светлый фон сделали не чисто белым, а с ненавязчивой и почти незаметной текстурой.
Верстка и программирование
Проект реализован на 1С-Битрикс, его удобно администрировать и развивать в более сложный портал с интеграциями и тысячами страниц.
Конечно, сайт полностью адаптивный, на страницах реализована быстрая и корректная загрузка всех медиафайлов и скриптов, добавлена лёгкая ненавязчивая анимация.
Одним из главных выводов после сдачи проекта стало то, что заряженная команда и ответственный субподряд позволяют получить отличный результат в сжатые сроки. Это были бодрящие два месяца, очередной раз подтвердившие, что качественный сайт можно сделать даже, если нет никаких материалов и катастрофически мало времени.
Результат
Клиенту результат понравился, он активно включился в работу с новым сайтом и наполняет визитную карточку жилого квартала свежей информацией.
Следующим важным этапом развития сайта стало его SEO-продвижение с целью улучшения результатов выдачи поисковых систем. В результате мы добились того, чтобы в топ выдачи попадала достоверная и проверенная информация по нескольким ключевым запросам тематики, и пользователи имели возможность ознакомиться с данными по проекту из первоисточника.