• Кейсы

Кейс Otsfera: обновили дизайн сайта, перенесли данные на WordPress, наполнили страницы услуг и сэкономили бюджет

Клиент пришел с запросами:

• Обновить дизайн для сайта otsfera.ru, и перенести данные на платформу WordPress.

• Внедрить и соблюсти SEO-требования по техническому заданию.

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

• Сделать наполнение страниц «услуги» и «статьи» по принципу блочного конструктора.

Подготовили коммерческое предложение

Помогли клиенту сформулировать запросы и понять ожидания. А главное — уложиться в бюджет.

При подготовке КП мы разделили проект на несколько этапов:

• Подготовка концепта главной страницы.

• Подготовка дизайн-макета.

• Разработка главной и статичных страниц.

• Разработка раздела «Услуги».

• Разработка раздела «Блог».

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

Выстроили работу с руководителем отдела развития

Со стороны клиента мы общались с SEO-специалистом и ЛВР.

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

• Сложно угодить человеку, не общавшись с ним лично;

• Нужно объяснять все досконально по каждому этапу, чтобы ЛВР все передал правильно;

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

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

• На каждом этапе мы сначала детализировали задачу, разбивали ее на подзадачи, если нужно. Созванивались и обсуждали результат, который должен получиться на выходе. Так маркетолог со стороны клиента всегда был в курсе наших действий и хорошо понимал финальный результат. И конечно, все этапы выполнялись в срок, чтобы не подвести маркетолога перед директором бизнеса.

• Мы приходили к маркетологу с промежуточным результатом, чтобы показать и чекнуть, в правильном ли направлении мы идем. Если все ок, то продолжаем. Чтобы убедиться, попадаем ли в ожидания, мы подготовили около 4–5 референсов и 3 концептов по продукту.

• По завершении каждого этапа мы отдавали готовый результат и сопроводительное письмо, чтобы ЛВР было проще защитить дизайн перед руководителем.

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

Что делали на каждом этапе разработки сайта

1. Подготовка прототипа и концептов

Этап занял пять рабочих дней. На выходе клиент получил три концепта.

Клиент дал фидбек и мы еще взяли два дня на внесение правок.

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

2. Разработка дизайна

Этап занял 15 рабочих дней. В рамках этапа мы подготовили дизайн для ПК и мобильной версии для страниц:

• Главная;

• О компании / Контакты;

• Лицензии;

• Служебные страницы: 404, политика конфиденциальности;

• Услуги (разводящая);

• Категория;

• Страница Услуги;

• Поиск по сайту.

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

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

3. Верстка и натяжка страниц главной и статичных страниц

Интеграция системы вывода сайта с разработанной версткой (бекенд-разработка) заняла 20 рабочих дней, включая тестирования. На выходе клиент получил готовый сайт, где:

• Был добавлен весь контент.

• Были разработаны все анимации взаимодействия.

• Разработан поиск по сайту.

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

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

4. Верстка и натяжка раздела «Услуги» и страницы услуг

Этап занял 10 рабочих дней.

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

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

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

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

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

Нами остались довольны:

Заполняйте заявку — разработаем сайт под ваши потребности.

Digital Strategy
еще 26 публикаций

Лучшее в блогах

27.11.2025

Новости НРФ’9: официальный журнал доступен в цифровом формате

Вчера

Итоги конференции Group4Media «Этот год — следующий год. Искусство эффективности»

Вчера

Кейс UM, Points Lab, АДВ+Эндемика и «Самолет»: как с математической точностью измерить эффективность маркетинга в недвижимости

Вчера

«Сбер, где всё возможно»: банк создал музыкальный HR-манифест

Вам понравится

Demis Group

19 часов назад

Маркетинг для поколения Z и Альфа: что важно сейчас, и как строить долгосрочные стратегии

Digital Маркетинг

Денис Чуприн, руководитель группы продуктового маркетинга Demis Group, рассказывает о рабочих маркетинговых стратегиях для молодых поколений.

ВкусВилл

28.11.2025

Во ВкусВилле на блюдах из детства появились наклейки «Мама одобряет»

Маркетинг Ритейл

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

АРИР

27.11.2025

Онлайн-версия Журнала НРФ’9 вышла в свет

Коммуникации Маркетинг

Главное об индустрии — в одном издании.
Опубликована цифровая версия Журнала НРФ’9 — отраслевого издания о российском рекламном и медийном рынке, приуроченного к Национальному рекламному форуму. Новый выпуск фокусируется на ключевых вызовах индустрии и предлагает прикладные ориентиры для бизнеса, работающего в условиях стремительной трансформации.

Karuza Digital

11.11.2025

Алгоритм в кадре: как собрать фабрику видео-вариаций и не потерять лицо бренда

Маркетинг Контент

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