Цифровой редизайн сети из 70+ магазинов

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

Задачи включали:

• Мигрировать и реструктурировать 70+ страниц магазинов без потери индексации
• Улучшить время загрузки страниц и показатели Core Web Vitals
• Внедрить семантический HTML и чёткую иерархию для поддержки скринридеров
• Обеспечить гибкие макеты для будущих обновлений контента и новых функциональных возможностей

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

Чтобы новый сайт отвечал целям доступности, SEO и удобства использования, оставаясь верным визуальному языку Grandbains, я сосредоточилась на деталях, объединяющих производительность с целостностью бренда:

• Доступность в приоритете — оптимизация уровней контрастности в рамках фирменной цветовой палитры для улучшения читаемости без ущерба для идентичности.
• SEO в рамках гайдлайнов бренда — доработка заголовков, метаданных и внутренней перелинковки для усиления поисковой видимости при сохранении единообразия тона и структуры.
• Ясность контента — структурирование блоков с чёткой иерархией и интуитивным потоком, обеспечивающим естественную навигацию для пользователей.
• Дизайн-коллаборация — тесное взаимодействие с лид-дизайнером для создания гибких макетов, сочетающих творческую выразительность и функциональную чёткость.

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

• Персонализированную систему онлайн-записи, доступную напрямую через поиск магазинов — как в режиме карты, так и в списочном представлении
• Динамический поиск магазинов с фильтрацией на карте
• Интерактивный стилевой гид, где пользователи выбирали изображения, связанные с архитектурой, интерьером и материалами, после чего получали два варианта дизайна ванной, соответствующих их вкусу, — и приходили в магазин с готовыми идеями
• Функцию избранного для сохранения понравившихся объектов
• Кастомные модули описания магазинов для каждой локации — выстроенные с чёткой структурой, организованным контентом, щедрым воздухом и сдержанными анимациями, которые ведут посетителя через информацию естественно, без ощущения перегрузки.
• Раздел FAQ на странице каждого магазина, созданный для ответа на частые вопросы и дополненный разметкой schema для усиления SEO, повышения видимости в ИИ-ответах и охвата локальных ключевых запросов. Каждый FAQ персонализирован и полностью управляется через CMS — что позволяет каждому магазину таргетировать собственные локальные запросы и выделяться на конкурентных рынках.
• Превращение скучного в вовлекающее: унаследованная страница «все товары» требовала более 2 000 редиректов со старых URL. Простая сетка из девяти карточек категорий выглядела бы плоско и невыразительно. Вместо этого я спроектировала и разработала современный макет с анимациями и интерактивными элементами — сохранив вовлечённость пользователей, сделав навигацию интуитивной и превратив рискованную точку миграции в сильный брендовый опыт.

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

Пересборка сайта дала более чистую, быструю платформу со значительно улучшенными показателями в реальных условиях. Core Web Vitals выросли на 80%, навигация стала прозрачнее как для пользователей, так и для поисковых систем, а новая архитектура допускает масштабирование в будущем с минимальными затратами на разработку.

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

Достигнутые результаты:

• Прирост Core Web Vitals на 80%
• Стабильные позиции в поисковой выдаче несмотря на масштабную реструктуризацию URL
• Доступные шаблоны с поддержкой клавиатурной навигации и скринридеров
• Кастомные модули магазинов и гибкая CMS-логика для локальных страниц
• Двукратный рост посещаемости в первые месяцы после запуска

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

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

Ключевые уроки:

• Держать код модульным — для гибкой адаптации к поздним изменениям со стороны клиента
• Отстаивать доступность и SEO-преемственность с самого начала — ретрофит обходится дороже
• Балансировать творчество с реальными потребностями пользователей через грамотную структуру и чёткую иерархию
• Поддерживать прозрачную коммуникацию с дизайн- и контент-командами для выравнивания целей

Ключевые цифры:

• 70+ магазинов мигрировано
• Core Web Vitals быстрее на 80%
• Двукратный рост посещаемости сайта