КЕЙС · РАЗРАБОТКА НА NEXT.JS

Разработка сайта клининговой компании на основе поискового спроса

Для новой клининговой компании в Дубае мы собрали семантическое ядро, распределили запросы по кластерам и на этой основе спроектировали структуру сайта. Каждое направление проработали отдельно: изучили конкурентов, определили необходимые смысловые блоки, подготовили контент и прототипы. После этого разработали и запустили сайт на Next.js.

Главная страница сайта клининговой компании
Платформа
Next.js
Рынок
Дубай, ОАЭ
Проект
Новый сайт с нуля
Выполнено
Семантика, структура, контент, прототипы и разработка
МАСШТАБ ПРОЕКТА

От структуры сайта до десятков готовых страниц

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

50+страниц услуг опубликовано на сайте
10+материалов подготовлено для раздела статей
70+прототипов создано в рамках проекта
70+страниц находятся в публичной карте сайта
ИСХОДНАЯ ЗАДАЧАС чего начинался проект

Новой компании требовался не просто красивый сайт

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

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

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

ПРОЦЕСС

Полный путь от семантики до запуска

  1. 1
    Собрали семантическое ядро

    Изучили, как пользователи ищут клининговые услуги в Дубае, и собрали запросы по основным направлениям.

  2. 2
    Разделили запросы по кластерам

    Объединили близкие запросы по интенту, чтобы определить будущие страницы и не создавать несколько материалов об одной и той же услуге.

  3. 3
    Спроектировали структуру сайта

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

  4. 4
    Изучили сайты конкурентов

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

  5. 5
    Подготовили систему типовых блоков

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

  6. 6
    Проработали каждую страницу отдельно

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

  7. 7
    Написали контент и собрали прототипы

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

  8. 8
    Передали систему в дизайн и разработку

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

АРХИТЕКТУРА

Сначала выяснили, что ищут люди, и только потом создавали страницы

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

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

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

Упрощённая схема архитектуры сайта клининговой компании
Основные разделы и примеры вложенных страниц. Схема упрощена и не показывает каждый опубликованный URL.
Что даёт подход

Структура, в которую можно добавлять новое

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

  1. 01

    Посетителю проще найти нужную услугу

  2. 02

    Поисковая система получает понятную структуру

  3. 03

    Близкие страницы не конкурируют между собой

  4. 04

    Контент можно последовательно расширять

  5. 05

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

КОНТЕНТ

Один шаблон не мог одинаково хорошо раскрыть все услуги

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

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

Одинаковые смыслы объединяли, недостающие добавляли, а второстепенное убирали. Затем составляли собственную структуру страницы и писали контент под конкретную услугу.

В результате страницы различаются не только заголовками. Каждая из них раскрывает своё направление и отвечает на связанные с ним вопросы потенциального клиента.

Страница услуги по глубокой уборке
Каждое направление получает собственную структуру и содержание.
ПРОТОТИПИРОВАНИЕ

Десятки страниц собрали из одной продуманной системы блоков

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

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

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

Так дизайнер работал уже не с абстрактным описанием сайта, а с готовой контентной логикой.

Страница услуги по уборке офисов
Страницы собираются из общей системы блоков, но не повторяют друг друга целиком.
ДИЗАЙН И РАЗРАБОТКА

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

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

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

Для управления содержанием подключили отдельную CMS. Команда клиента может редактировать тексты и развивать сайт без необходимости менять код при каждом обновлении страницы.

Десктопная и мобильная версии сайта клининговой компании
Одна визуальная система адаптирована для компьютеров и мобильных устройств.
ГОТОВЫЙ САЙТ

Страницы, собранные из общей системы блоков

Главная страница сайта клининговой компании
Главная страницаПозиционирование компании и переходы к основным направлениям услуг.
Страница услуги по чистке ковров
Специализированная услугаПосадочная страница под отдельное направление клининга.
Страница услуги по очистке фасадов
Другое направлениеСтраница услуги с другим содержанием и набором блоков.
Страница о клининговой компании
О компанииИнформационная страница с собственным составом блоков.
Раздел статей сайта клининговой компании
Раздел статейРедакционные материалы встроены в общую структуру сайта.
Статья об уходе за мрамором и камнем
СтатьяИнформационный материал внутри общей визуальной системы.
Страница контактов сайта клининговой компании
КонтактыОтдельная страница для обращения и выбора формата услуги.
РЕЗУЛЬТАТ

Готовый сайт с заложенной основой для дальнейшего развития

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

Содержанием можно управлять через CMS, а новые направления добавлять в уже существующую структуру. Дополнительно мы заранее зарегистрировали Google Business Profile, чтобы подготовить локальное присутствие компании в Дубае.

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

Опубликовано страниц услуг
50+
Информационных материалов
10+
ОБСУДИТЬ ПРОЕКТ

Нужен сайт, который можно развивать после запуска?

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

ЧТО МЫ ДЕЛАЛИ

Услуги, которые объединили в одном проекте