Техническое задание по разработке сайта axioma-dom.kz
- Обязанности сторон
1.1 Исполнитель обязуется разработать
А. Клиентскую часть (верстку) для сайта Жилого комплекса Аксиома.
Б. Программную часть сайта на языке программирования Python, фреймворк Django на основе согласованного с Заказчикам функционала, описанного в текущем документе.
1.2 Сроки и стоимость выполнения работ зафиксированы на площадке https://freelancehunt.com
1.2.1 Общий срок выполнения работ Исполнителем составляет 30 (тридцать) рабочих дней. Старт разработки начинается с даты заключения соглашения на площадке https://freelancehunt.com
Заказчик обязуется предоставить:
дизайн всего сайта, в том числе дизайн мобильной версии главной страницы;
дизайн одной страницы pdf-файла ;
алгоритм работы калькуляторов (ипотечный калькулятор, рассрочка, аренда).
база данных квартир, содержащая информацию:
id-квартиры в CRM-системе,
номер квартиры,
стоимость квартиры,
комнатность квартиры,
площадь квартиры,
этаж квартиры;
секция квартиры;
1.2.2 В течение 10 (десяти) рабочих дней с даты начала разработки Исполнитель обязуется предоставить Заказчику на тестирование верстку следующих страниц сайта: “Главная”, “О проекте”, “Галерея”, “Контакты”, “Условия приобретения”
1.2.3 Остальные промежуточные результаты работ предоставляются Исполнителем по ходу их выполнения, при этом соблюдая общие сроки работ. После предоставления промежуточных результатов работы, Заказчик обязан протестировать их и предоставить список доработок в течение 2 (двух) рабочих дней, в ином случае сроки сдачи работы смещаются на период задержки.
2. Описание работ
2.1 Решение о способе реализации и выборе технологий при разработке функционала сайта и его внешнего вида остается на стороне Исполнителя.
2.2 Двухсторонняя интеграция с CRM-системой
Сайт должен быть интегрирован с CRM BPM Online от компании Terra Soft. Синхронизация должна быть 2-сторонней:
· из CRM-системы на сайт посылается информация:
id квартиры;
цена квартиры;
статус квартиры;
· из сайт в CRM передается информация:
- id квартиры;
- статус квартиры;
Интеграция должна быть проведена по протоколу Odata, согласно имеющейся документации: https://drive.google.com/file/d/0BzA1SBsROkjJWHhKbTkzNXlNSDQ/view?usp=sharing
2.3 Разработка клиентской и программной частей сайта
2.3.1 Структура сайта
· Главная;
· О проекте;
- Описание;
- Инфраструктура;
- Расположение;
- Архитектура;
- Генеральный план;
- Партнеры;
· Выбор квартиры (реализован по аналогии с выбором квартиры на сайте mirmitino.ru)
рендер общего вида городка;
страница блока;
страница секции;
страница с выбором этажа:
страница планировки квартиры;
печать pdf-файла.
Подбор по параметрам
страница подбора (фильтра);
страница с результатом поиска.
· Коммерческая недвижимость;
· Условия приобретения;
Ипотечный калькулятор;
Калькулятор для аренды;
Калькулятор для рассрочки;
· Галерея;
· Контакты.
Хедер: логотип, контакты (адрес, email, номер телефона), часы работы, пункты меню (О проекте, Выбрать квартиру, Коммерческая недвижимость, Условия приобретения, Галерея, Контакты), кнопка “Заказать звонок” - при клике поп-ап с полями: имя, телефон, email, комментарий (все поля, кроме комментария, обязательны к заполнению), кнопка “Заказать”. В случае корректного заполнения формы - поп-ап с текстовой информаций.
Футер: контактная информация, ссылки на аккаунты проекта в соц. сетях (Facebook, Instagram, VK).
Главная страница
Сделана в виде слайдера. Всего 3 слайда. На всех слайдах есть кнопка «Выбрать квартиру по параметрам» и кнопка “Расчет по ипотеке” (“Сделать расчет платежа”, “Ипотечный калькулятор” “Узнать подробнее”, “Узнать стоимость квартиры”) (при клике - переходы на соответствующие страницы сайта). Эффект смены изображений слайдера по примеру Главной страницы сайта http://zilart.ru/
Страница “О проекте”
В левой части меню появляется вертикальное меню с вкладками (при клике - переход на соответствующую страницу сайта):
· Описание;
· Инфраструктура;
· Расположение;
· Архитектура;
· Генеральный план;
· Партнеры.
При переходе на данную страницу сайта по умолчанию открыта вкладка “Описание”. Внизу каждой страницы из раздела “Описание” - кнопки “Записаться на показ” (при клике поп-ап с полями: имя, телефон, email, комментарий (все поля, кроме комментария, обязательны к заполнению), кнопка “Записаться”) и “Выбрать квартиру” (при клике - переход на соответствующую страницу сайта). Эффект смены изображений слайдера по примеру Главной страницы сайта http://zilart.ru/
Страница “О проекте. Описание”
Информация на странице подана в виде слайдера (3 слайда, листается горизонтально) с текстовой информацией о проекте.
Страница “О проекте. Инфраструктура”
Информация на странице подана в виде слайдера (2 слайда, листается горизонтально). Информация об инфраструктуре жилищного комплекса, инфографика с перечнем объектов, представленная в виде тематической иконки и названия.
Страница “О проекте. Расположение”
Текстовая информация о расположении жилищного комплекса (подано в виде слайдера, всего 3 слайда, на втором - блок с картой).
Страница “О проекте. Архитектура”
Страница представлена в виде слайдера (4 слайда), на каждом из которых текстовая информация с тематическими изображениями.
Страница “О проекте. Генеральный план”
Слайдер. На первом слайде - изображение всего жилищного комплекса (далее “рендер”) с метками. При наведении стрелкой мыши на метку - всплывающее окно с текстовым описанием.На втором слайде - инфорграфика.
Страница “О проекте. Партнеры”
Логотипы партнеров в виде слайдера.
Страница “Выбрать квартиру”
На странице - рендер с общим видом жилищного городка. При наведении на определенный блок - он меняет цвет (ховер), здесь же появляется блок с информацией о количестве квартир в данном блоке (данные берутся из CRM, периодичность актуализации информации - 1 раз в час ).
При клике на определенный блок – открывается изображение “блок вблизи”. При открытом изображении "блок вблизи" есть возможность выбрать дом. При открытом изображении “дом вблизи” “подсвечиваются” те этажи, на которых еще доступны квартиры. При наведении стрелкой мыши на этаж слева появляется информация: номер секции (корпуса), этаж, количество квартир в продаже на данном этаже.
При клике на этаж появляется общий чертеж этажа. На нем подсвечены лишь те планировки, которые являются доступными (информация “подтягивается” из CRM).
При наведении на планировку квартиры, которая есть в наличии – слева появляется информация: корпус, номер квартиры, комнатность, площадь, стоимость.
При клике на конкретную планировку квартиры – на экране появляется планировка отдельной квартиры, появляются 3 кнопки: «Печать PDF», «Отправить заявку», “Рассчитать в кредит”. При клике на “Рассчитать кредит” открывается страница с ипотечным калькулятором (стоимость квартиры в ипотечный калькулятор подтягивается автоматически). При клике на “Печать PDF” – формируется и открывается в новом окне PDF-файл с планировкой, ценой, квадратурой, номером секции и квартиры. При клике на “Отправить заявку” появляется форма обратной связи с полями: номер квартиры (автоматически заполняется), имя, телефон, кнопка “Отправить”, при корректном заполнении формы - поп-ап с текстовой информацией.
Внизу страницы кнопки “Подбор по параметрам” и “Записаться на показ”
Страница “Подбор по параметрам”
Реализовано по принципу mirmitino.ru
При клике на кнопку “Подбор по параметрам”, расположенной на странице “Выбрать квартиру”, открывается страница “Подбор по параметрам”. Страница Поиска представляет собой форму: пользователь сайта может выбрать объект, планировку, секцию, этаж, комнатность, площадь и стоимость; кнопка “Начать поиск”. При клике на кнопку “Начать поиск” открывается страница с результатами Поиска: информация подана в виде таблицы, каждая из строк которой является ссылкой на соответствующую страницу конкретной квартиры. Вертикальные столбцы: цена, квадратура, комнатность, номер будут иметь сортировку , то есть при нажатии на каждый столбец будет применяться сортировка от меньшего к большему и наоборот.
Внизу страницы кнопки “Рассчитать в ипотеку” и “Рассчитать в рассрочку”
Страница “Коммерческая недвижимость”
Данная страница аналогична со странице “Подбор по параметрам”. В фильтрах слева будет возможен выбор параметров: секция, этаж, площадь, стоимость. Справа - список доступных помещений.
Страница “Условия приобретения”
Информация о вариантах покупки квартиры:
· ипотека;
· аренда;
· рассрочка.
Под каждым из блоков кнопка “Рассчитать”,
При клике на кнопку “Рассчитать” - переход на страницу “Подбор по параметрам”.
Страница “Ипотечный калькулятор”
Калькулятор с полями:
· стоимость квартиры (если переход был сделан с определенной квартиры, то ее стоимость подтягивается автоматически);
· первоначальный взнос;
· срок кредита;
· процентная ставка;
· чек-бокс “Без первоначального взноса”
· радио-кнопки “С подтверждением дохода”, “Без подтверждения дохода”;
· кнопка “Рассчитать”
Формулы расчета калькуляторов предоставляются Заказчиком.
Галерея
Четыре блока с изображениями и соответствующими заголовками, при клике на одно из них - попап окно с фото-галерее в виде слайдера
Контакты
Текстовая информация о контактах; карта (реализована посредством Google Maps), форма обратной связи (поля: имя, телефон, email, комментарий; кнопка “Отправить”; после заполнения - поп-ап с текстовой информацией об успешности отправки формы).
2.3.2 Требования к клиентской части сайта
Верстка сайта должна быть адаптирована под мобильные и планшетные устройства. Десктопная верстка сайта должна корректно отображаться в браузерах: Google Chrome (версия 60 и выше), Opera (версия 46 и выше), Mozilla Firefox (версия 55 и выше), Safari (версия 5.1 и выше для MacOS), Microsoft Edge (версия 15 и выше). Мобильная верстка должна корректно отображаться в браузерах: Google Chrome (версия 59 и выше), Opera Mini (версия Android 4.0.3 и выше), Safari для iOs (версия iOs 10 и выше), Android (версия Android 4.0.3 и выше).
В мобильной верстке функционал выбора квартиры на рендере должен быть отключен.
Изображения на сайте должны быть в формате .png/.jpg. Для рендера и квартир - в формате .svg, планировка самой квартиры - в .png.
В случае отсутствия каких-либо элементов в дизайне, необходимых Исполнителю для реализации работ по созданию сайта, Заказчик обязан предоставить их в течение 2-х дней, начиная с даты запроса. В случае задержки предоставления необходимых материалов со стороны Заказчика срок выполненных работ автоматически пролонгируется на соответствующий задержке период времени.
2.3.3 Требования к админ-панели сайта.
Админ-панель сайта:
· позволяет редактировать любую текстовую информацию на сайте, добавлять и изменять мультимедийные материалы (изображения)
· имеет возможность редактирования информации о квартирах ЖК:
ID квартиры в админ-панели;
ID квартиры в CRM-системе;
корпус квартиры;
номер секции квартиры;
этаж квартиры;
цена квартиры;
комнатность квартиры;
площадь квартиры;
номер квартиры.
2.4.4 Требования к языковой версии. Языковая версия должна быть доступна в 2х вариантах языка. Казахский и русский. В админке при переводе контент не должен дублироваться. Переводить нужно будет только текст, картинки и остальные элементы подставляются автоматически из русского языка.
