Блог
Начать работу
Услуги Кейсы О нас Наши продукты Контакты
Скопируйте номер или нажмите на него, чтобы позвонить нам
+7 (930) 333-36-93

Скопировать

Позвонить

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

img

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

задача

Нашей главной задачей стало создание площадки, которая будет:

  • Объединять в себе все сервисы компании в одном месте для удобства пользователя;
  • Погружать пользователя в новый образ компании, знакомить с новой бренд-платформой и ценностями ТОЧНО;
    Минимизировать взаимодействие клиента с третьими лицами;
  • Иметь понятный дизайн и интуитивный пользовательский интерфейс, чтобы клиент мог осуществлять все действия самостоятельно;
  • Новой Customer-Ecosystem и поможет компании шагнуть далеко вперёд в цифровизации
решение

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

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

Этапы работы

shema

0
Анализ и сбор материалов

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

Компания только что провела масштабный ребрендинг, поэтому было важно разработать соответствующий дизайн для комфортного погружения и знакомства пользователя в новую вселенную ТОЧНО.

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

0
Рекомендации SEO

К разработке нового сайта мы всегда привлекаем SEO-специалистов, чтобы сайт был готов к дальнейшему продвижению. Мы собрали семантическое ядро, провели SEO-аудит конкурентов и текущего сайта, результатом которого стали:

  • Рекомендации по структуре и концепции;
  • Карта редиректов.

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

shema

0
Структура и архитектура сайта

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

Нужно было сделать удобный современный сайт для пользователя и обеспечить стабильную быструю скорость загрузки.

shema

Мы создали архитектуру проекта, которая совмещает в себе не только текущий функционал сайта, но и имеет большое поле для масштабирования и внедрения новых “фишек”.

Также была внедрена технология SSR*, чтобы поисковые системы корректно индексировали содержимое страниц, представляющих собой большие массивы данных.

*Серверный рендеринг (SSR, от английского server side rendering) — это генерация HTML-кода всей страницы на сервере в ответ на запрос.

0
Прототип

Провели кабинетное исследование для каждой страницы и отрисовали прототипы. 
Сайты строительных компаний имеют много общего, так как содержат UX паттерны взаимодействия с тематикой недвижимости.

Расположение блоков продумано таким образом, чтобы пользователь мог найти ответ на любой вопрос и интуитивно осуществить действия от выбора квартиры до обращения в свою УК.

0
Концепты
и дизайн

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

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

Немного про
разработку концептов

Самая первая итерация 👀

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

Но впоследствии мы вернулись к более интересной идее из брендбука

Мы разработали множество концептов, чтобы точно найти то, что нам нужно
Вторая итерация

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

Большой типографикой в заголовках

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

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

Также во второй итерации мы хотели сделать упор на векторные иллюстрации
Но они противоречили основной идее бренда, да и выглядели скучновато
img

Про разработку
дизайна

Вкратце расскажем, как решали проблемы и какие интересные фичи придумали

Т-ДНК

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

Поможем быстро найти

нужный вариант

Проекты

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

Квартиры

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

наглядно покажем,
как светит солнце

Компас

Чтобы просто и понятно показать с какой стороны будет светло, и выходят ли окна на солнечную сторону

и мобильная версия

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

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

0
разработка сайта

Изначально мы сделали структуру сайта и подготовили иерархию страниц. Для лучшего ранжирования и подключения контентной аналитики – мы использовали микроразметку (Shema.org), которая является важным параметром для поисковых систем. Так они лучше понимают контент, находящийся на странице. Это позволяет понять, какой контент нравится пользователям и какие источники приводят самую вовлечённую аудиторию.

Сайт был создан на Node.JS:

  • vue.js – front-end;
  • node.js, hapi.js – back-end.

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

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

img

0
доработки

Доработали отображение фильтров:

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

h

Упростили отображение внутри квартиры

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

img_compare
img_compare

0
результат

Это масштабный и интересный проект, в ходе которого мы смогли создать многофункциональную площадку для пользователя и передать новую концепцию, философию, позиционирование и фирменный стиль компании ТОЧНО.

Каждый желающий может убедиться в этом уже сегодня. Мы действительно добились желаемого результата:

  • Сайт получил новый уникальный интересный дизайн;
  • Представили все необходимые сервисы компании;
  • Новая платформа позволила расширить линейку интернет-продуктов компании и дала к ним доступ пользователю;
  • Так как сайт не обделён административной частью, его по-прежнему легко наполнять;
  • Сайт адаптирован к дальнейшим внедрениям, продвижению и готов к быстрому масштабированию;
  • Функционал обновления контента для администратора проработан с учетом удобства и просты, без необходимости дополнительной помощи от разработчиков.

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

Александр Чернев. Руководитель отдела интернет-маркетинга ГК ТОЧНО

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

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

Андрей Бутков. Заместитель руководителя отдела интернет-маркетинга ГК ТОЧНО

Когда появилась необходимость разработки нового сайта, мы сразу начали думать масштабно. Хотели не только обновить дизайн и функционал, но и добавить новые фишки, которые бы выделяли группу компаний. Мы смотрели глазами пользователя, который делает важный выбор — покупает квартиру. И команда разработки разделила наше желание и стремление, на основе «хотелок» предоставила дизайн будущего сайта, который сразу согласовали.

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

Ольга Римская. Ведущий интернет-маркетолог ГК ТОЧНО

ул. Длинная 81, Краснодар, Краснодарский край, 350000
Как добраться?

Связаться с нами

Оставьте номер телефона, и мы обсудим с вами суть работы

ул. Длинная 81, Краснодар, Краснодарский край, 350000

Скопировано!

Спасибо за заявку, мы свяжемся с вами в ближайшее время!

Произошла ошибка, попробуйте еще раз