ГК ТОЧНО — лидирующая инвестиционно-строительная компания Юга России, которая объединила под своим брендом крупнейшего застройщика ООО СЗ «ЮгСтройИмпериал», входящего в ТОП-10 крупнейших строительных компаний РФ

Прежний сайт существовал уже более 5 лет. Из-за его перегрузки и технических проблем было крайне сложно и затратно вносить корректировки. На момент старта работ сайт закрывал только потребности отдела продаж, а также устарел по функционалу, по сравнению с конкурентами.
Нашей главной задачей стало создание площадки, которая будет:
- Объединять в себе все сервисы компании в одном месте для удобства пользователя;
- Погружать пользователя в новый образ компании, знакомить с новой бренд-платформой и ценностями ТОЧНО;
Минимизировать взаимодействие клиента с третьими лицами; - Иметь понятный дизайн и интуитивный пользовательский интерфейс, чтобы клиент мог осуществлять все действия самостоятельно;
- Новой Customer-Ecosystem и поможет компании шагнуть далеко вперёд в цифровизации
Мы создали более масштабную и современную площадку, которая теперь оснащена и абсолютно новым функционалом.
Теперь ТОЧНО — это целая экосистема, выделяющаяся среди конкурентов. Веб-пространство выполняет все необходимые функции для удобства пользователя, является единым окном для партнёров группы компаний, а также потенциальных и существующих клиентов. С переходом в экосистему прослеживается тенденция роста органической посещаемости и уменьшения количества отказов
Этапы работы

0
Анализ и сбор материалов
Заказчик обратился к нам с предварительно собранной структурой веб-страниц, которую хотел бы видеть на новом сайте.
Компания только что провела масштабный ребрендинг, поэтому было важно разработать соответствующий дизайн для комфортного погружения и знакомства пользователя в новую вселенную ТОЧНО.
Мы провели детальный анализ сайтов конкурентов, изучили все предоставленные материалы, описали ТЗ с учетом потребностей в абсолютно новом функционале, который пока что был оформлен в виде идей. Здесь нам предстояло предложить варианты их реализации. Для комфортной и оперативной работы мы разбили работы на этапы и ранжировали работы по приоритетности.
0
Рекомендации SEO
К разработке нового сайта мы всегда привлекаем SEO-специалистов, чтобы сайт был готов к дальнейшему продвижению. Мы собрали семантическое ядро, провели SEO-аудит конкурентов и текущего сайта, результатом которого стали:
- Рекомендации по структуре и концепции;
- Карта редиректов.
Перенос сайта мы также производим под надзором SEO-специалистов, которые контролируют, чтобы ни одна страница не потерялась из поиска.

0
Структура и архитектура сайта
Опираясь на все изученные материалы и рекомендации от SEO-отдела, мы приступили к разработке новой структуры сайта и страниц.
Нужно было сделать удобный современный сайт для пользователя и обеспечить стабильную быструю скорость загрузки.

Мы создали архитектуру проекта, которая совмещает в себе не только текущий функционал сайта, но и имеет большое поле для масштабирования и внедрения новых “фишек”.
Также была внедрена технология SSR*, чтобы поисковые системы корректно индексировали содержимое страниц, представляющих собой большие массивы данных.
*Серверный рендеринг (SSR, от английского server side rendering) — это генерация HTML-кода всей страницы на сервере в ответ на запрос.
0
Прототип
Провели кабинетное исследование для каждой страницы и отрисовали прототипы. Сайты строительных компаний имеют много общего, так как содержат UX паттерны взаимодействия с тематикой недвижимости.
Расположение блоков продумано таким образом, чтобы пользователь мог найти ответ на любой вопрос и интуитивно осуществить действия от выбора квартиры до обращения в свою УК.


0
Концепты
и дизайн
и дизайн
Концепт не пришлось долго выбирать и создавать множество итераций. Новый брендбук содержал все необходимые рекомендации для нас, мы наложили это на результаты нашей аналитики и пришли к одному единому варианту дизайна.
Отрисовка дизайна была постраничной, с целью оптимизации процесса правок и сонастройки с видением заказчика. Для начала мы создали варианты дизайна первой страницы с использованием узнаваемой буквы “Т”. Передавая ценности и философию нового бренда ТОЧНО в дизайне сайта, мы придерживались важнейшего приоритета — понятный пользователю user-friendly интерфейс.
Немного про
разработку концептов
Это был некий промежуточный этап в поисках структуры и визуального стиля
Но впоследствии мы вернулись к более интересной идее из брендбука

Пришли к выводу, что хотим выделить Точно среди других застройщиков примитивными формами фигур
Большой типографикой в заголовках
И использованием палитры брендбука во всем сайте, логически разделяя разделы сайта своим цветом


Во второй итерации мы не использовали Т-образные элементы на сайте, стараясь не отходить от общепринятых паттернов в разработке веб-сайтов








Про разработку
дизайна
Вкратце расскажем, как решали проблемы и какие интересные фичи придумали
Т-ДНК
Основная фишка нового бренда — это Т‑образные элементы. Мы смогли найти баланс между привычными паттернами и основной мыслью брендбука

Поможем быстро найти
нужный вариант
Проекты
Спроектировали карточку так, чтобы даже не заходя в проект вы могли быстро посмотреть квартиры в нем




Квартиры
Карточки квартир содержат всю информацию, можно определиться с выбором, просто ознакомившись с планировками в листинге
наглядно покажем,
как светит солнце
Компас
Чтобы просто и понятно показать с какой стороны будет светло, и выходят ли окна на солнечную сторону

0
Дизайн-система




0
разработка сайта
Изначально мы сделали структуру сайта и подготовили иерархию страниц. Для лучшего ранжирования и подключения контентной аналитики – мы использовали микроразметку (Shema.org), которая является важным параметром для поисковых систем. Так они лучше понимают контент, находящийся на странице. Это позволяет понять, какой контент нравится пользователям и какие источники приводят самую вовлечённую аудиторию.
Сайт был создан на Node.JS:
- vue.js – front-end;
- node.js, hapi.js – back-end.
Данные фреймворки использованы для осуществления всех пожеланий клиента. В отличии от популярных CMS-систем с множеством ненужных функций, которые в большинстве проектов не нужны, современный фреймворк позволяет создавать высоконагруженные системы.
Исключительно для данного сайта был создан личный кабинет контент-менеджера. С его помощью сотрудник компании может самостоятельно наполнять необходимым материалом сайт, что значительно влияет на скорость работы сайта.

0
доработки
Доработали отображение фильтров:
Они стали удобнее и занимают меньше места. Все выбранные фильтры отображаются в виде тегов, чтобы было легче контролировать

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


0
результат
Это масштабный и интересный проект, в ходе которого мы смогли создать многофункциональную площадку для пользователя и передать новую концепцию, философию, позиционирование и фирменный стиль компании ТОЧНО.
Каждый желающий может убедиться в этом уже сегодня. Мы действительно добились желаемого результата:
- Сайт получил новый уникальный интересный дизайн;
- Представили все необходимые сервисы компании;
- Новая платформа позволила расширить линейку интернет-продуктов компании и дала к ним доступ пользователю;
- Так как сайт не обделён административной частью, его по-прежнему легко наполнять;
- Сайт адаптирован к дальнейшим внедрениям, продвижению и готов к быстрому масштабированию;
- Функционал обновления контента для администратора проработан с учетом удобства и просты, без необходимости дополнительной помощи от разработчиков.
Разработка сайта строительной компании — довольно сложный процесс. Предыдущий руководитель отдела не прогадал, когда обратился к нашим партнерам. Несмотря на смену команды с нашей стороны коллеги довольно оперативно справлялись с поставленными задачами. Радует, что команда разработчиков сразу обеспокоилась будущим проекта и заложила необходимый функционал для роста
Запуск нового сайта застройщика — это важный шаг развития компании и улучшении её онлайн-присутствия. Мы уделяли особое внимание переработке дизайна и созданию удобного пользовательского пути, чтобы увеличить конверсию и обеспечить лучший опыт для наших потенциальных клиентов.
Дополнительно сайт был оптимизирован для успешного продвижения в поисковой выдаче, что поможет увеличить трафик и привлечь новых пользователей. Мы гордимся нашей работой и уверены, что новый сайт станет мощным инструментом нашей маркетинговой стратегии
Когда появилась необходимость разработки нового сайта, мы сразу начали думать масштабно.
Хотели
не только обновить дизайн и функционал, но и добавить новые фишки, которые бы выделяли
группу
компаний. Мы смотрели глазами пользователя, который делает важный выбор — покупает квартиру.
И
команда разработки разделила наше желание и стремление, на основе «хотелок» предоставила
дизайн
будущего сайта, который сразу согласовали.
Во время разработки периодически упирались в сложности интеграции с нашей стороны, но в этих
перерывах у команды разработки возникали новые качественные идеи. Ребята подхватили нашу
волну,
закрыли все задачи по запуску сайта и устранили баги на отлично. На этом мы, конечно, не
останавливаемся. Впереди масштабные планы