О клиенте
Агентство недвижимости «Девелопмент-Юг» — одна из ведущих компаний на рынке недвижимости Краснодара и Краснодарского края с 2006 года.
Задача
Заказчик обратился к нам с задачей провести редизайн текущего сайта и сделать его более современным. Проанализировав сайт мы поняли, что помимо обновления дизайна, он требует еще и технологических доработок, и предложили провести все работы в рамках бюджета на техподдержку.
Этапы работ
1
Составление плана работ
2
Разработка дизайн-макета
3
Верстка страниц
4
Интеграция верстки на CMS 1C Битрикс
Этап 1
Составление плана работ
На первых этапах обсуждения задач с клиентом мы выяснили, что ему важно оставить текущую структуру сайта. Основное требование заключалось в том, чтобы по юзабилити, функционалу и структуре сайт остался прежним.
В рамках этих условий мы разработали прототип, на который перенесли функционал старого сайта, но также расположили и новые блоки. После разработки прототипа провели презентацию клиенту: рассказали все свои идеи и получили согласование.
Этап 2
Разработка дизайн-макета
Разработку мы начали с создания дизайн-макета сайта, опираясь на фирменный стиль компании заказчика. Для главного экрана добавили новые баннеры.
Заказчику сразу понравился концепт, поэтому согласование произошло очень быстро. После этого мы приступили к разработке дизайна остальных страниц.
Старый сайт

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

Страница «О компании»
Новый сайт

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

Страница «О компании»
Этап 3
Верстка страниц
После согласования дизайн-макета перешли к этапу верстки. Мы перевели макет в цифровой вид при помощи гипертекстового документа на основе HTML.
Основной стек, который использовался:
- JavaScript
- HTML
- CSS
Этап 4
Интеграция верстки на CMS 1C Битрикс
На этапе программирования сайта мы использовали CMS 1C Битрикс.
После интеграции верстки и настройки шаблонов столкнулись с проблемой выгрузки товаров на сайт по фиду.
Проблема заключалась в следующем:
Для улучшения юзабилити сайта мы предложили заказчику добавить новый фильтр, которого не было на старом сайте. Фильтр реализован в двух уровнях: первый — упрощенный, на котором все поля практически одинаковые, а второй — подробный (расширенный) фильтр. Соответственно, нужно было определиться, какие поля для фильтрации необходимы.
Так как недвижимость на сайте разнообразная: гаражи, коммерческая недвижимость, зарубежная недвижимость, земельные участки, то к расширенному фильтру однотипные поля не подходили.
Как мы ее решили?
Менеджер проекта изучил фид выгрузки, просмотрел все теги, которые возможно использовать. Создал гугл-таблицу, где сформировал все поля фильтра, и на конференции с клиентом согласовал их. После этого новый фильтр был передан разработчикам.

Фильтр на старом сайте

Фильтр на новом сайте
Результат
Мы учли все требования и пожелания заказчика по структуре и функционалу сайта, подсветили важные проблемы и устранили их. А также внесли свои предложения по юзабилити, добавили фильтры, новые формы обратной связи и изменили структуру хедера.
В результате в рамках бюджета на тех.поддержку клиент получил полностью новый сайт: с современным дизайном, дополненным функционалом и обновленным бэкендом.
Наша команда всегда готова к новым проектам!
Сайт: andevelug.ru