Сайт ЖК Панорама

Предметом разработки является десктопная и мобильная версия веб-сайта компании для жилого комплекса «Панорама», с системой динамического управления наполнением на основе веб-интерфейса.

1.1 Назначений сайта

Презентация Жилого комплекса «Панорама», строительство которого осуществляется Заказчиком. Сайт должен представлять ЖК «Панорама» в Интернете, поддерживать его положительный и современный имидж, способствовать увеличению продаж квартир в данном комплексе. Позволять осуществлять коммуникацию с клиентами посредством современных способов связи.

1.2 Цели создания сайта

Цель сайта – презентация Жилого комплекса «Панорама» и увеличение продажи квартир в данном комплексе.

1.3 Целевая аудитория

В целевой аудитории веб-сайта можно выделить следующие группы:

- Потенциальные покупатели

2.1 Требования к сайту в целом

2.1.1 Требования к структуре и функционированию сайта

Сайт должен представлять собой информационную структуру, доступную в сети Интернет под доменным именем http://panorama-dom.ru/ . Сайт должен состоять из взаимосвязанных разделов с четко разделенными функциями.

2.1.2 Требования к персоналу

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

2.1.3 Требования к разграничению доступа

Информация, размещаемая на сайте, является общедоступной.

Пользователей сайта можно разделить на 3 части в соответствии с правами доступа:

- Посетители

- Маркетолог (сотрудник Заказчика - отвечающий за наполнение сайта)

- Администратор (сотрудник Заказчика – системный администратор)

1. Посетители имеют доступ только к общедоступной части сайта.

Доступ к маркетинговой части имеют пользователи с правами маркетолог

2. Маркетолог может:

- редактировать материалы разделов

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

- загружать файлы в файловое пространство для последующей работы с ними (к примеру pdf, jpg, видео, аудио материалы и прочее). Упорядочивать файлы с помощью каталогов.

- догружать или заменять виртуальные прогулки

- публиковать, редактировать удалять новостные разделы

Доступ к маркетинговой части должен осуществляться с использованием уникального логина и пароля. Логин и пароль создаются Исполнителем и передается Заказчику по завершении работ над сайтом

Доступ к административной части имеют пользователи с правами администратора.

3. Администратор может:

- редактировать материалы разделов

- добавлять и удалять разделы сайта

- добавлять пользователей с правами администратора или маркетолога

- изменять пароли пользователей

- изменять или добавлять ссылки (rtp поток, html и прочее) на ход строительства для видеопотоков, а также отключать раздел с камерами (с главной страницы) и добавлять\удалять, включать\отключать окошки камер

- иметь возможность загружать файлы в файловое пространство для последующей работы с ними (к примеру pdf, jpg, видео, аудио материалы и прочее)

- Включать отключать пункты меню в дереве (и страницы). При включении отключении страницы не должны более индексироваться и попадать в выдачу даже по прямым ссылкам на них, до включения.

Доступ к административной части должен осуществляться с использованием уникального логина и пароля. Логин и пароль создаются Исполнителем и передается Заказчику по завершении работ над сайтом.

2.2 Требования к функциям (задачам), выполняемым сайтом

2.2.1 Структура сайта

Сайт должен состоять из следующих разделов:

- Главная страница

- Боковое меню (открывающее при наведении на значок)

2.2.2 Навигация

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

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

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

Страницы всех разделов сайта должны формироваться программным путем на основании информации из базы данных на сервере.

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

В рамках разработки Исполнитель должен обеспечить ввод представленной Заказчиком статической информации в создаваемые динамические разделы (с учетом предусмотренной настоящим ТЗ функциональности). Текстовая информация заполняется Исполнителем на основе представленной Заказчиком информации о жилом комплексе, его инфраструктуре, технических особенностях и технологических решениях, используемых при строительстве жилого комплекса, сроках проведения строительных работ, а также другой информации, требуемой Исполнителю для создания итогового текстового контента, которым будут заполнены разделы разрабатываемого сайта. Вся исходная текстовая информация, передаваемая Исполнителю Заказчиком должна предоставляться Заказчиком в виде отдельных файлов формата MS Word (DOC/DOCX).

Весь графический контент предоставляется Заказчиком Исполнителю в форматах JPG, PNG и SVG. Названия графических файлов должны отражать содержимое файла.

Исполнитель должен обеспечить обработку иллюстраций для приведения их в соответствие с техническими требованиями и HTML-верстку подготовленных материалов. При необходимости дополнительной обработки в виде создания коллажей или монтажа Заказчик осуществляет это своими силами, учитывая рекомендации Исполнителя.

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

2.3.1 Система управления контентом (CMS)

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

- технология автоматического кеширования и сжатия

- оптимизация работы всех скриптов

- оптимизация изображений

Система управления контентом должна иметь стандартный для Windows интерфейс, отвечающий следующим требованиям:

- реализация в графическом оконном режиме;

- единый стиль оформления;

- интуитивно понятное назначение элементов интерфейса;

- отображение на экране только тех возможностей, которые доступны конкретному пользователю;

- отображение на экране только необходимой для решения текущей прикладной задачи информации;

- отображение на экране хода длительных процессов обработки;

- диалог с пользователем должен быть оптимизирован для выполнения типовых и часто используемых операций;

- для операций по массовому вводу информации должна быть предусмотрена минимизация количества нажатий на клавиатуру для выполнения стандартных действий.

- возможность загрузки массового визуального контента в один клик.

2.3.2 Типовые статические страницы

Все страницы могут изменяться, редактироваться и дополняться в административной части сайта.

Для каждой типовой статической страницы в административной части заполняются такие поля:

- Заголовок (длина не более 150 символов);

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

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

2.3.3 Функциональные возможности разделов

2.3.3.1 Главная страница

Главная страница , все переходы и прочую отработку, выезды картинок и т.д. взять за основу целиком сайт http://look-house.ru/ .

Анимация будет своя.

Все логотипы, бренды, номера и прочее своё. + добавится/поменяется несколько новых значков соц. сетей (в частности инстаграмм, телеграмм, WhatsApp).

Первоначальную заставку убираем. Вставляем только небольшую анимацию: При первом заходе на сайт выходит наименование PANORAMA с фирменной удлинённой буквой о. Затем она переворачивается и уходит налево как в http://look-house.ru// Через 10 секунд она скрывается и остаётся только фирменная буква о. Как кнопка перехода и выбора главной страницы (начальной).

Также на сайте в правом верхнем углу появится скрытая сейчас кнопка онлайн строительства с значком видеокамерой. Под ней 360– 3д прогулка с значком 360. Кнопки должны быть с прозрачным фоном и белыми значками.

Под адресом отдела продаж появится значок заказать такси до отдела продаж с надписью Заказать такси.

Примерное отображение картинки главной страницы. Все надписи оранжевого цвета-должны быть белого.

Фирменные цвета на сайте из брендбука по согласованию с маркетологом:

На главной странице будет располагаться визуализация/анимация/изображения. Переходы на следующие анимации и прочее должны быть автоматические. Также снизу левее центра, как на сайте http://look-house.ru/ должна быть панель для возможности ручного перелистывания видео/анимаций на любую из представленных (только более высокие подчёркивания как дефисы со скруглёнными фирменными концами. При наведении и выборе активной анимации её цвет должен меняться с серого на белый.

По центру справа должна быть кнопка стрелка-для перелистывания на следующую анимацию.

Все ссылки переходов и текст на главной странице – белые. Шрифт и его размер использовать из бренд бука ЖК «Панормама».

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

На всех страницах сайта неизменными, в т.ч. по положению остаются: Значок панорамы (о), РЭС Всё что связано с выбором квартирой заказать звонок и прочее. Соц сети уходят под эту надпись. Кнопка меню уходит в левый верхний угол. Вся анимация должна быть плавной при переходе с главной страницы и возвращении на неё. Значки должны красиво выплывать и перемещаться.

Визуально в анимированном доме подсвечиваются этажи при наведении на уровень этажа мышкой. При выборе этажа открывается ген. план с квартирами. Каждая квартира находящаяся в статусе «продажа» подсвечивается (оранжевым). Проданные квартиры при наведении мышкой не подсвечиваются. Также снизу располагается меню – Выбор по параметрам (этаж- тип квартиры - Комнат (кол-во) - Площадь м2). Все открытия и отображения данной вкладки должны быть заранее оптимизированы скриптами.

На странице с планировкой должны быть Кнопки Виртуальный тур - 360 и изображения визуализации с мебелировкой и ремонтом. Предусмотреть возможность скачивания в pdf формате.

- Предусмотреть, что необходимо активировать (подключить), Profitbase, чтобы клиент знал, что есть из квартир в наличии, а что уже куплено. Возможно активация данной функции должна отработать после продажи определённого %/количества квартир.

Раздел «Галерея» состоит из подразделов, представленных в виде страниц:

• Виды - см. картинку ниже

• Интерьеры - см. картинку ниже

• Инфраструктура - см. картинку ниже

• Ход строительства – Взять за основу Ход строительства (aquatoria.com). Добавить стрелочки для перелистывания месяцев и годов (одну налево в конце дат, другую направо. Даты крутятся между ними.

• События - см. картинку ниже

Основной цвет Галереи белый, отдельные элементы страницы выделяем фирменными цветами или элементами из бренд бука. Формат картинок – прямоугольник. Все открытия и отображения данной вкладки должны быть заранее оптимизированы скриптами. За основу взят Галерея (aquatoria.com)

 Необходим всплывающий(интегрированный) плеер с возможностью полноэкранного режима и поддерживающий 3-д прогулки/туры. Все открытия и отображения данной вкладки должны быть заранее оптимизированы скриптами.

Стиль сайта можно описать как современный. В качестве цветов оформления используются цвета из бренд бука. Оформление сайта должно быть выполнено в соответствии с фирменным стилем быть ярким и привлекать внимание.

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

В рамках работ по созданию дизайна сайта может быть произведено не более 3 (трех) корректировок дизайна. В случае необходимости внесения большего числа корректировок, все работы осуществляются Исполнителем за дополнительную плату на основании дополнительного соглашения к договору.

3.2 Типовые навигационные и информационные элементы

- Шапка сайта

- Основное меню/панель навигации

- Основное поле контента

3.2.1 Шапка сайта

Шапка сайта должна быть снизу как на картинке 1 (главная страница) и картинке 3 (о проекте). Вытянутая буква О является ссылкой на главную страницу сайта.

3.2.2 Панель навигации/боковое меню

Панель навигации должна содержать ссылки на все разделы первого уровня. Расположение панели навигации, а также ее вид определяются итоговым согласованным дизайном.

3.2.3 Основное поле контента

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