Сайт-представительство для нотариальной конторы Корсика Владимира

Этап 1. Маркетинг

Собрали информацию по принципу трех «К»: Компания, Клиенты, Конкуренты.

Компания:

🔵 провели интервью с клиентом;

🔵 проанализировали нормативные акты, регламенты и внутренние процессы;

🔵 составили карту пользовательских сценариев (например, «клиент ищет нотариуса для оформления доверенности», «компания оформляет сделку с недвижимостью», «наследник уточняет порядок вступления в наследство»).

Клиенты:

🔵 сформировали образ целевой аудитории:

• частные лица (доверенности, наследственные дела, сделки с имуществом);

• юридические лица (нотариальное заверение документов, сделки, корпоративные процедуры);

• риелторы и юристы (сопровождение сделок);

🔵 создали 5 «аватаров клиента» для разных сегментов;

🔵 проанализировали боли и потребности (поиск надежного нотариуса, прозрачность тарифов, удобное расписание, возможность предварительной консультации).

Конкуренты:

🔵 изучили 12 сайтов нотариусов и юридических сервисов;

🔵 создали список из 30 идей для реализации.

На основе данных сформировали «Чемодан знаний».

Результат:

🔵 анализ эксперта;

🔵 5 «аватаров клиента»;

🔵 анализ 12 конкурентов.

🔵 список из 30 идей для реализации.

Этап 2. Проектирование

Используя «Чемодан знаний», спроектировали ключевые страницы:

🔵 главная страница (презентация нотариуса, краткое описание услуг, призыв к действию);

🔵 «Услуги» (перечень по категориям с делением на подкатегории);

🔵 «Тарифы и льготы» (подробный список с точными суммами);

🔵 «О нас» (лицензия, стаж работы нотариуса);

🔵 «Советы нотариуса» (рекомендации для различных правовых случаев);

🔵 «Новости»;

🔵 «Отзывы»;

🔵 «Выезд нотариуса» (возможность заполнить форму и заказать выезд нотариуса на дом);

🔵 публичный реестр (ссылки на другие сайты);

🔵 «Контакты» (адрес, схема проезда, телефон, email, часы работы);

🔵 «Вопросы и ответы» (FAQ по частым ситуациям).

Разработали прототипы всех страниц. Неоднозначные функции описали в техническом задании (ТЗ), сделав его лаконичным и понятным.

Результат:

🔵 прототипы страниц;

🔵 документ ТЗ.

Этап 3. Дизайн

Что сделали:

🔵 разработали дизайн в строгом официальном стиле с акцентом на доверие и надежность;

🔵 создали адаптивные макеты для планшета и смартфона;

🔵 проработали UX‑элементы: формы записи, фильтры услуг;

🔵 подобрали фотоконтент (портрет нотариуса, фото офиса, символические изображения правовой тематики);

🔵 согласовали визуальную концепцию (сдержанная цветовая гамма, классические шрифты, четкая структура).

Результат: дизайн‑макеты всех страниц.

Этап 4. Верстка

Что сделали:

🔵 сверстали макеты с использованием HTML, CSS и JavaScript;

🔵 оптимизировали скорость загрузки (сжатие изображений, кеширование);

🔵 обеспечили адаптивность для разных браузеров и устройств;

🔵 добавили микроанимации для улучшения UX (плавные переходы, подсветка активных элементов);

🔵 протестировали отображение на экранах с разным разрешением.

Результат: готовые HTML‑страницы сайта.

Этап 5. Разработка (back‑end)

Разработали сайт на платформе «1С‑Битрикс» (лицензия «Стандарт»).

Реализовали модули:

🔵главную страницу с презентацией нотариуса и ключевыми услугами;

🔵раздел «О нас»;

🔵раздел «Тарифы и льготы» с указанием стоимости каждого нотариального действия;

🔵раздел «Услуги» с основными и дополнительными категориями;

🔵механизм записи на прием (выбор услуги, даты, времени);

🔵раздел «Публичные реестры» со ссылками на сторонние ресурсы;

🔵страницу «О нотариусе» с лицензией, фото, графиком работы;

🔵«Советы нотариуса» — статьи с полезными рекомендациями; 

🔵«Выезд нотариуса» — краткое описание услуги и форма для записи;

🔵раздел «Отзывы»;

🔵контакты с формой обратной связи, картой и телефонами;

🔵FAQ с ответами на частые вопросы.

Дополнительно:

🔵 интегрировали систему уведомлений о новых заявках (email, SMS);

🔵 подключили календарь для синхронизации расписания;

🔵 провели SEO‑оптимизацию (ЧПУ, метатеги, микроразметка);

🔵 настроили CMS для простого добавления услуг, тарифов и документов;

🔵 установили SSL‑сертификат и политику конфиденциальности;

🔵 реализовали защиту форм от спама и несанкционированного доступа.

Результат: готовый сайт альфа‑версии.

Этап 6. Тестирование и запуск

Что сделали:

🔵 проверили работоспособность всех функций (запись, формы);

🔵 протестировали адаптивность на разных устройствах;

🔵 устранили баги и оптимизировали скорость загрузки;

🔵 перенесли сайт на основной сервер и подключили домен;

🔵 провели финальное SEO‑сканирование и исправили недочеты;

🔵 проверили соответствие требованиям по защите персональных данных.

Результат: готовый сайт.

Этап 7. Обучение

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

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

Для удобной работы менеджера со стороны заказчика мы:

🔵подготовили видеоинструкции по управлению контентом (добавление услуг, обновление тарифов, публикация уведомлений);

🔵провели онлайн‑консультацию для клиента;

🔵продемонстрировали функционал сайта и ответили на вопросы;

🔵передали документацию по администрированию.

Результаты:

🔵 подготовленная документация;

🔵 готовая инструкция;

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