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

Цель
Увеличить количество обращений с сайта.

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

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

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

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


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

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

• Заказчик попросил сделать редизайн сайта, хотел добавить современности и лаконичности.

Сайт до редизайна:

• сайт не передаёт направление деятельности компании
• не попадает в ЦА
• не цепляет и выглядит достаточно просто, учитывая специфику компании

Этап 1
Сначала мы изучили сайты конкурентов на схожую тематику. После этого собрали мудборд, наметили примерную концепцию и отрисовали несколько вариантов главной страницы.

Мы подготовили три дизайн-концепции, ориентируясь на современный стиль. В качестве референсов выбрали швейцарскую верстку.
По итогу обсуждения дизайн-концепций с заказчиком мы поняли, что он готов к реализации более смелых решений. Поэтому мы создали новый мудборд и отрисовали ещё 3 концепции. Спойлер: они оказались успешными!
Во всех концепциях дизайнеры придали блокам свободы: большие отступы, чистая типографика и работа с пустым пространством. Благодаря этим решениям нам удалось передать завораживающий исторический дух археологии.

Этап 2
Мы начали отрисовывать дизайн сайта в соответствии с выбранной концепцией.
И здесь столкнулись с распространённой проблемой, которая встречается при разработке сайта: недостатком графического и текстового контента со стороны заказчика.

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

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

Этап 3
Следующим этапом стала вёрстка сайта. После тестирования и выявления проблемных участков мы внесли ещё несколько важных корректировок, которые повлияли на удобство сайта. Добавили элементы интерактивности, которые делают пользовательский опыт еще более захватывающим и незабываемым.
Далее — программирование: «натяжка» вёрстки на WordPress. Мы разработали не просто удобную админ-панель, но и сделали её интуитивно понятной, чтобы даже непрофессионалу было легко управлять контентом на сайте.


Этап 4
На завершающем этапе мы провели комплексную работу по подготовке сайта к рекламному продвижению. Напомним, что помимо создания функционального и интересного веб-ресурса перед нами стояла задача подготовить сайт к SEO-оптимизации и запуску рекламных кампаний. Для этого мы подключили к проекту SEO-отдел и специалистов из отдела рекламы. В дальнейшем проведенные работы помогут сайту достигнуть максимальной видимости и подняться в поисковой выдаче.
Первым шагом на этом этапе было подключение специалистов SEO-отдела. Эксперты по поисковой оптимизации начали анализировать ключевые слова и сайты конкурентов, чтобы определить наилучшую стратегию продвижения. Они разработали план оптимизации, который включал технические улучшения, контентную стратегию и работу над ссылочным профилем.
Далее специалисты отдела рекламы дали рекомендации по стратегии продвижения ресурса. Они проанализировали рынок и выделили основных конкурентов. Затем наши специалисты разработали эффективные рекламные объявления, которые помогут привлечь новых посетителей на сайт.
Когда проект был готов к запуску, наступил момент переноса данных. Учитывая, что у нашего клиента уже был существующий сайт, мы провели анализ и перенесли все необходимые данные на новую платформу без потерь.
После успешного переноса данных и завершения всех технических работ мы передали готовый сайт клиенту. Он получил не просто веб-ресурс, а мощный инструмент для развития своего бизнеса. Наша команда продолжила работу с клиентом по рекламной поддержке сайта, чтобы он оставался актуальным, полезным и эффективным на протяжении многих лет.

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

Задачи

1. Создание главной и отдельных страниц с навигацией по сайту
2. Программирование сайта с настройкой админ-панели для простоты создания, редактирования и удаления контента
3. Разработка модального окна заявок для описания проблем региона

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


Этап 1 Настройка шаблона и вёрстка страниц

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

Этап 2 Перенос сайта на CMS Wordpress
Для удобного управления новостями, страницами и остальным контентом на сайте мы предложили клиенту разработать сайт на CMS WordPress. WordPress ― это система управления содержимым сайта (CMS) с открытым исходным кодом. На данный момент WordPress является самым популярным способом создания сайта.

Этап 3 Тестирование
Перед сдачей проекта заказчику мы провели тестирование сайта, чтобы посетители могли без проблем использовать весь его функционал.


Результат
В результате мы разработали сайт, который полностью отвечает требованиям заказчика. Сайт отражает предвыборную агитационную деятельность клиента, содержит в себе все необходимые новостные страницы и формы обратной связи, а также даёт возможность удобно редактировать любой контент внутри.
Наверное, в процессе чтения кейса вам стало интересно, как в итоге прошли выборы? 🙂 Наш клиент победил! 🏆
Мы уверены, что депутаты, которые вносят такие масштабные инициативы и тесно контактируют с населением своего округа, всегда будут менять наш мир к лучшему.

Задачи

1. Создать новый дизайн сайта с учётом современных требований UX
2. Создать удобную админ-панель для редактирования контента

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


Этап 1 Настройка шаблона

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

Этап 2 Верстка страниц

Главная страница
Выделили основные блоки для удобного и быстрого перемещения по нужным разделам. Также вывели на главную страницу последние новости ВУЗа.

Страница контактов
Разместили контактную информацию основных отделов института. Настроили удобное и гибкое редактирование блоков с контактами.

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

Контентная страница
Служит для размещения любой информации в удобном виде.
Страница поиска
Эта страница нужна для поиска любой информации, которая размещена на сайте.


Этап 3 Посадка сайта на CMS
Для удобного управления новостями и остальным контентом на сайте мы выбрали систему CMS WordPress.

Результат
В результате проделанной работы сайт выглядит более современно и привлекательно, а также стал гораздо удобнее в использовании. Структура сайта стала понятнее. Появилась возможность оставить заявку на консультацию в интерактивном формате, пройдя квиз.
Благодаря посадке сайта на CMS WordPress клиент получил возможность экономить бюджет. Теперь он может добавлять и редактировать контент самостоятельно, не привлекая сторонних специалистов.
Сайт: imsit.ru

О клиенте
Делимобиль – крупная российская каршеринговая компания.
По стандартам использования автомобилей в каршеринге, машина должна быть не старше 5 лет. Из-за этого появилась необходимость реализации ранее купленных авто.

Компания открыла новое направление Купи Делимобиль, которое занимается продажей б/у автомобилей из каршеринга юр.лицам (B2B) и в розницу (B2C). Мы работали с направлением розничных продаж.


Ситуация
Подразделение Купи Делимобиль проводило тендер на внедрение CRM-системы для своего отдела продаж. Заказчик сразу озвучил, что хочет внедрить именно amoCRM, так как основная компания работает с этой системой. С Битрикс24 у клиента также был опыт работы, но для задач компании эта система не совсем подходила.
Среди всех агентств, участвовавших в тендере, мы предоставили наиболее интересное предложение и богатый практический опыт в сфере автобизнеса. Поэтому заказчик остановился на выборе нашей команды.

Задача
Перед нами стояла задача организовать работу нового отдела продаж Купи Делимобиль в 3-х городах и настроить фиксацию всех обращений в одной CRM. А также распределить между ответственными менеджерами в своем городе.
Способы рекламы и продвижения компании заказчика — классифайды (avito, drom, auto.ru), и сайт.
Коммуникация с потенциальными покупателями ведется через Telegram, Whatsapp и по мобильной связи.

Нам нужно было подключить к CRM:

1. Телефонию Sipuni
2. Авито, drom.ru, auto.ru
3. Calltouch
4. Whatsapp и Telegram
5. Сайт

Этап 1. Разработка карты процессов отдела

Первым этапом мы совместно с клиентом сформировали структурное распределение ответственных лиц по городам. Выделили каждому из них номера для связи.
Описали воронку “распределение” и воронку “следование продажи авто”, отвечая на вопросы:

• Что делает сотрудник на каждом из этапов?
• Что должна делать CRM автоматически?
• Как уведомлять сотрудника?
• Как уведомлять покупателя?
• С какими документами работают сотрудники?
• И много другое.

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

Этап 2. Моделирование процессов

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

Этап 3. Подключение каналов коммуникации
Мы продемонстрировали клиенту работу в системе и совместно определили требования на автоматические уведомления. Затем реализовали автоуведомления и автозадачи ответственным сотрудникам.
Далее подключили каналы коммуникации: мессенджеры и виртуальную телефонию с распределением звонков на ответственных. А также через сервис бачата подключили классифайды. 
Сформировали шаблоны документов и настроили автогенерацию договоров при продаже авто.

Этап 4. Обучение сотрудников
Завершающим этапом мы организовали демонстрацию работы CRM-системы сотрудникам отделов продаж. Провели онлайн-встречу, на которой прошлись по всем этапам воронок: от заведения клиента до продажи авто. Ответили на возникшие вопросы. Передали доступы, чтобы каждый сотрудник мог самостоятельно войти в систему и начать в ней работать.

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

Проблемы в процессе работы
Во время внедрения CRM-системы сменилась рабочая группа проекта со стороны заказчика. Сменились ответственные лица, что увеличило срок внедрения продукта. Однако совместными усилиями команд нам удалось завершить проект успешно.


Результат
В результате мы эффективно реализовали поставленную перед нами задачу по фиксации входящего трафика на всех этапах воронки, что значительно уменьшает % потери клиентов.
Теперь заявки, поступающие из разных источников, падают в CRM и распределяются по соответствующим воронкам направления.
Также появилась возможность проанализировать загрузку отделов продаж в регионах и источники рекламных каналов.

О клиенте
Автомобильный холдинг Квазар — это сеть дилерских центров (ДЦ) в Москве, Казани и Краснодаре. Осуществляет полный спектр услуг по продаже новых автомобилей и автомобилей с пробегом. Включает страховые, кредитные и лизинговые продукты, сервисное обслуживание и кузовной ремонт автомобильных марок китайских брендов.

Проблема клиента
Подразделение Купи Делимобиль проводило тендер на внедрение CRM-системы для своего отдела продаж. Заказчик сразу озвучил, что хочет внедрить именно amoCRM, так как основная компания работает с этой системой. С Битрикс24 у клиента также был опыт работы, но для задач компании эта система не совсем подходила.
Среди всех агентств, участвовавших в тендере, мы предоставили наиболее интересное предложение и богатый практический опыт в сфере автобизнеса. Поэтому заказчик остановился на выборе нашей команды.

Задача
Перед нами стояла задача связать все этапы сделки воедино, чтобы сотрудники компании могли:

• Отслеживать и удерживать лиды со всех источников трафика
• Вести учет заявок в одной системе
• Обрабатывать все заявки вовремя

Провести интеграцию с телефонией, сайтами и системами аналитики Calltouch и Roistat..

Нам нужно было подключить к CRM:

1. Телефонию Sipuni
2. Авито, drom.ru, auto.ru
3. Calltouch
4. Whatsapp и Telegram
5. Сайт

Этап 1. Аналитика

На первом этапе определили рабочую группу со стороны клиента: кто будет совместно с нами организовывать работу отдела продаж.
Затем мы проанализировали текущие бизнес-процессы компании и выстроили карту процессов.

Этап 2. Внедрение CRM

Вторым этапом стало внедрение и настройка CRM-системы.
Мы построили этапность ведения клиента от первого обращения до выдачи автомобиля:
1) Сначала система квалифицирует запрос: в какой ДЦ и по какому автомобилю обращается клиент.
2) Далее менеджер обрабатывает запрос и при общении с клиентом определяет, целевой он или нет.
3) Если запрос целевой, система формирует контакт и сделку в соответствующем ДЦ.

Запросы могут быть следующие:

• Покупка нового авто в Краснодаре OMODA
• Покупка нового авто в Краснодаре JAECOO
• Покупка нового авто в Краснодаре FAW
• Покупка авто с пробегом в Краснодаре
• Обращение в сервисный центр Краснодар
• Покупка нового авто в Казани OMODA
• Покупка нового авто в Казани JAECOO
• Покупка авто с пробегом в Казани
• Обращение в сервисный центр Казань

4) На этапе работы со сделкой менеджер консультирует клиента и договаривается о выборе конкретного автомобиля:

• Уточняет наличие авто
• Предлагает провести тест-драйв
• Формирует документы на тест-драйв
• Формирует типовые договоры на выдачу автомобиля

5) Если покупка была совершена, клиент переводится в сервисный центр, а специалист СЦ формирует заказ-наряд на выдачу автомобиля. Каждый описанный шаг фиксируется этапом ведения сделки в CRM.


Этап 3. Обучение сотрудников
Третьим этапом стало обучение сотрудников клиента.
Мы провели встречу с отделом продаж, где поэтапно продемонстрировали работу CRM-системы, а также предоставили сотрудникам детальную инструкцию.
Затем проводили консультации уже по запросу компании.

Этап 4. Сопровождение CRM
Компания клиента постоянно развивается: растет количество отделов и сотрудников, увеличиваются каналы привлечения трафика. Чтобы новые процессы работали слаженно, нужно развивать CRM-систему и регулярно актуализировать информацию.
Поэтому завершив внедрение, мы предложили клиенту услугу по сопровождению CRM.
На протяжении года работы мы провели и поддерживаем следующие работы:

• Настроили выгрузку баз данных
• Настроили и поддерживаем работоспособность телефонии (ВАТС Мегафон)
• Даем регулярные консультации по работе CRM
• Заводим новых и увольняем старых сотрудников, создаем дополнительные отделы
• Подключаем новые каналы привлечения трафика. Например, телефонию, сайты, квизы, авито, дром, авто.ру
• Формируем кастомные отчеты.

Например, реестр выдачи авто. Этот отчёт фиксирует, сколько обращений было за месяц и по каким брендам, откуда пришли обращения и как двигались по воронке. К примеру, отчёт показывает, был ли тест-драйв автомобиля или клиент сразу вышел на контракт. Также фиксируем количество сделок, проигранных на этапе “контракт”, чтобы более оперативно на них реагировать. Так как на этом этапе клиент уже горячий, но по какой-то причине отказался от сделки.
За год сопровождения структура CRM клиента разрослась в несколько раз как по сотрудникам, так и по номерам.

Результат
В результате работы мы внедрили эффективную и функциональную CRM: теперь клиент ведет учет всех заявок в одной системе, процессы стали понятными и прозрачными.
Сотрудники компании отслеживают лиды с разных источников трафика и обрабатывают их вовремя. Есть четкое понимание, на каком из этапов происходит провал по обработке запросов клиентов.
В дополнение маркетологи компании собирают и анализируют качественные заявки. Эти данные помогают им обучать рекламные кампании.

Мы продолжаем сопровождение клиента по Битрикс24, есть совместные планы по расширению и автоматизации.

О клиенте
Компания «Арктические технологии» специализируется на производстве датчиков и программного обеспечения для мониторинга коррозии трубопроводов (нефть, газ, биоотходы и др.). Одно из направлений — создание купонов мониторинга коррозии — изделий из того же материала, что и труба, позволяющих прогнозировать срок ее службы.

Задача
Мы давно работаем с клиентом — ранее разрабатывали сайт для их холдинга. В этот раз поступила нестандартная задача: создать уникальный для России продукт — интерактивный конфигуратор купонов мониторинга.
Клиенту нужен был инновационный инструмент, которого нет на российском рынке. Изначально планировался блок на существующем сайте, но в процессе обсуждения мы решили сделать отдельный продукт.
Мы провели встречу с клиентом, собрали референсы, проработали возможные проблемы. Затем сформировали ТЗ и визуализировали будущий сайт.

Этапы работ:

• Этап 1. Оценка макета и выбор инструментов
• Этап 2. Верстка квиза
• Этап 3. Доработки и релиз

Этап 1. Оценка макета и выбор инструментов
Изначально мы рассматривали чистый JS или React. Но по итогам оценки решили, что за счет большого количество уже готовых решений, скорости работы приложения при использовании этой технологии и с учётом крайне сжатых сроков, будем использовать React, TypeScript и Zustand.

Этап 2. Верстка квиза
За 2 дня нам удалось сверстать и частично реализовать весь квиз-цикл. При этом код получился чистым и легко поддерживаемым благодаря TypeScript.
Для быстрой и гибкой настройки темы сайта мы использовали библиотеку Mantine UI.

Этап 3. Доработки и релиз
На завершающем этапе клиент вносил много правок, но благодаря гибкости кода все доработки выполнялись быстро.
Мы разработали реал-тайм конфигуратор, который рисует схему изделия на основе введенных данных. За 1 день создали админ-панель на WordPress для управления контентом. Также настроили редиректы, метатеги и сервер.

Фишки сайта
1. Необычный стек технологий: Frontend на React + TypeScript + Zustand, а Backend на WordPress (админка).
2. Реал-тайм визуализация: чертежи рисуются в реальном времени, по указанным пользователем параметрам. Это кастомный конфигуратор, который разрабатывался с нуля, без какой-либо базы.
3. Генерация уникального артикула: каждое изделие имеет свой артикул (из-за индивидуальных параметров).
4. Самостоятельное управление контентом: клиент может добавлять новые параметры без участия разработчика.

Результат
Несмотря на сложность проекта, мы смогли создать уникальный продукт: кастомный конфигуратор без аналогов в России, который решает задачи клиента и дает ему конкурентное преимущество на рынке.
Нам удалось быстро реализовать всё, что задумал заказчик без ущерба качеству.
Итоговый конфигуратор подстраивается под установленные из админки значения и все фигуры внутри работают корректно относительно друг друга.

Сайт: https://ruskupon.ru/