Inside Wedding — как я спасал сайт свадебного агентства в разгар сезона Сайт-визитка (многостраничник) · Тильда · insidewed.ru
О клиенте Влада — основательница свадебного агентства Inside Wedding в Москве и Московской области. Она и её команда занимаются организацией свадеб больше 10 лет, провели уже 400+ мероприятий, и на каждый проект тратят не меньше 300 часов работы.
Как я познакомился с Владой Влада написала мне ещё когда только искала, кому доверить редизайн сайта. Я озвучил свою стоимость работы. И тут произошло то, что происходит с большинством клиентов: она посмотрела на цену, а потом на соседний вариант по дешевле.
Что пошло не так Специалист, к которому обратилась Влада, сделал всё плохо. А если сказать точнее сломал.Старый сайт нормально работал и приносил заявки. "Новый" же фактически развалился.
Проблема 1: Zero Block без понимания, как с ним работать Начну с технических деталей, потому что это ключ к пониманию масштаба катастрофы.
На Тильде сайты строят двумя способами:
Стандартные блоки — готовые компоненты с адаптивностью «из коробки». Они работают нормально на всех устройствах: вы просто добавили текст, картинку, кнопку — и она автоматически красиво выглядит на мобилке, планшете, десктопе.Zero Block — это практически чистый холст. Даёт полную свободу дизайнеру, но требует глубокого понимания верстки, адаптивности и взаимодействия элементов.Предыдущий специалист выбрал Zero Block. Это было бы ОК, если бы он знал, что делает. Но он... не знал.
Проблема 2: Адаптивность — полный крах Результат: На десктопе что-то выглядело относительно нормально На планшетах уже были проблемы На мобилках — это был ад Текст вылезал за границы экрана, картинки натягивались криво, блоки разъезжались в стороны. На разных размерах экранов — свой ужас. Человек, заходящий со своего смартфона на сайт свадебного агентства (а таких большинство), видел полный беспорядок.
Проблема 3: Интерактивные элементы не работали Половина кнопок либо не реагировала на клики, либо вообще не отображалась Ссылки не работали Формы не отправлялись На каких-то страницах элементы вообще исчезали при определённых размерах экрана Представьте: потенциальная невеста заходит на сайт, хочет оставить заявку — и кнопка либо не видна, либо не работает. Она просто уходит к конкурентам. За 5 секунд вы потеряли клиента.
Проблема 4: Визуальный беспорядок Огромные отступы между элементами на одних местах Почти никаких отступов на других Иерархия нарушена — непонятно, что главное, что второстепенное Всё выглядело как первый день работы в PowerPoint Проблема 5: Отсутствие аналитики Это отдельная боль. Он не подключил:
Яндекс.Метрику — сервис, который показывает, сколько людей заходит на сайт, откуда они приходят, как долго сидятЦели — это когда вы помечаете конкретное действие (например, «отправил заявку»), и сервис считает, сколько раз оно произошлоБез этого Влада просто не знала, жив ли сайт:
Приходят заявки? Может быть, по случайности Откуда они берутся? Загадка Сколько людей просто ушли не оставив контакт? Неизвестно Какую страницу чаще посещают? Понятия не имеет Невозможно запустить рекламу быстро Это как открыть магазин и не смотреть на кассу — вы не знаете, сколько товара продалось.
Проблема 6: Неправильная архитектура сайта Влада изначально хотела
многостраничный сайт с отдельными разделами:
Услуги Портфолио свадеб Топ площадок Команда Отзывы FAQ Контакты В портфолио у агентства десятки свадеб — полноценные истории с фотографиями. Они физически не помещаются на одной странице без того, чтобы превратить сайт в бесконечную простыню, по которой нужно скроллить 10 минут.одностраничник . Всё на одной странице, всё сразу. Это как взять библиотеку и заставить читать все книги одновременно.
Проблема 7: Видео — огромная проблема У Влады были видеоролики со свадеб: красивые, качественные видео, которые показывают атмосферу, эмоции. Они продают.тяжелые . Тильда по умолчанию позволяет загружать видео максимум до 5 мегабайт . А эти ролики были намного больше .
Проблема 8: Незавершённая работа Со своей стороны, он даже не довёл проект до конца. Сайт остался в полусыром состоянии с кучей недоделок.
И всё это происходило в разгар сезона Март-май — это время, когда пары активно ищут агентство и подают заявки. Каждый потерянный день — это потеря клиентов. Каждый час с нерабочим сайтом — это упущенные миллионы.
Как я спасал ситуацию Когда Влада мне позвонила, было ясно: нужна неотложная помощь. Но я знал, что просто чинить — неправильно. Нужна полная переделка.
День 1: Диагностика (1 день) Я потратил один день на полный анализ:
Посмотрел исходный код (вернее, его отсутствие в нормальном виде) Прошёлся по сайту на разных устройствах Проверил все кнопки, формы, ссылки Посмотрел структуру Zero Block'ов Понял масштаб беды Вывод был печален, но ясен: переделывать придётся почти всё. Отдельные куски можно спасти, но большую часть проще собрать заново, чем распутывать бесполезный код.
Недели 1-3: Реанимация и полная пересборка Я начал не с красоты, а с функциональности. Сайт должен был как можно быстрее снова нормально работать.
Вернул многостраничную структуру Собрал правильный многостраничник с отдельными разделами:
Главная — красивый лендинг с видео, контактов и быстрый запросУслуги — подробно о том, что предлагает агентствоПортфолио — отдельная страница для десятков свадеб (теперь они удобно расположены, можно фильтровать)Топ площадок — список лучших мест для свадеб в регионеКоманда — лицо агентства, люди, которые работаютОтзывы — социальное доказательствоFAQ — ответы на частые вопросыКонтакты — все способы связатьсяСобрал сайт на Zero Block'ах — но с пониманием технологии Проблема была не в самих Zero Block'ах, а в том, что предыдущий исполнитель не умел с ними работать. Я тоже собрал сайт на Zero Block'ах — они дают полную свободу в дизайне, которой у стандартных блоков нет. Но собрал их по правильной технологии:
Дополнительные брейкпоинты — помимо стандартных разрешений Тильды добавил контрольные точки под современные экраны, чтобы макет корректно перестраивался на любой ширине, а не только на пяти «типовых»Актуальные размеры адаптивов — пересмотрел мобильные версии под реальные современные смартфоны с высокими и узкими экранами, а не под устаревшие шаблонные размерыАвтоскейл — технология, которая автоматически масштабирует макет на весь экран: сайт пропорционально растягивается и выглядит цельно на больших мониторах, без пустых полей по краямПривязка к Window Container — адаптив привязан не к фиксированной сетке, а к размеру окна браузера: контент заполняет экран полностью на любом устройствеАвтолейаут — элементы выстраиваются в упорядоченную сетку и автоматически перестраиваются при смене разрешения. Это резко сокращает время работы над адаптивами и исключает «разъехавшиеся» блокиВ итоге сайт получил и то, и другое: полную дизайнерскую свободу Zero Block'ов — и надёжность, как у стандартных блоков. На любом экране, от старого ноутбука до нового iPhone, всё стоит на своих местах и заполняет экран целиком.
Пересобрал дизайн с нуля Убрал визуальный шум Выстроил правильную иерархию — что видит пользователь в первую очередь, что во вторую Выбрал цвета, которые соответствуют тематике свадебного агентства Сделал пространство, а не захламлённость Проверил адаптивность на 100% Я прошёлся вручную по разным устройствам и разрешениям:
Десктоп (1600px и1200px) Планшеты (960px и 640px) Мобилки (440px и 360px) Размеры указаны по ширине, итого 6 разрешений. Автоскей и Windows привязка помогает растягивать сайт на больште экраны, он будет отлично смотреть и на 1920рх и более экранах.
Проверил чтобы на каждом разрешении всё выглядеть идеально. Никаких вылезающих текстов, никаких съезжающих блоков и кривых объектов.
Решил проблему с видео Тут пришлось приложить усилия. Видеоролики Влады были намного больше 5 МБ. Обычный способ в Тильде не подошёл. Я:
Оптимизировал оба видео — нашёл оптимальный баланс между качеством и размером;Вставил их через код — использовал технику, которая позволяет обойти ограничение Тильды на размер видео, пришлось выгрузить на отдельный сервер;Настроил их так , чтобы они быстро загружались и не тормозили весь сайт.Теперь на главной странице красивые, а главное качественные видео со свадеб.
Настроил Яндекс.Метрику и цели Это критично для понимания, работает ли сайт:
Метрика показывает:
Сколько людей заходит на сайт Откуда они приходят (поисковики, соцсети, прямые ссылки) Сколько времени сидят Какие страницы популярны, а какие просматривают в два раза реже На каких страницах люди уходят Цели отслеживают конкретные действия:
Отправил заявку на консультацию Открыл страницу портфолио Заполнил форму обратной связи Теперь клиент видит в цифрах, что происходит на сайте. Это информация, на которой можно делать выводы и улучшать. Так же она важна для продвижения и рекламы.
Подключил все формы правильно Настроил отправку заявок так, чтобы:
Каждая заявка приходила на подключенные почты, ничего не терялось в спаме Подключил ботов для уведомления в Телеграмме и МАКсе Все данные сохранялись в Метрике как цель Подключил дополнительно ЦРМ от Тильды Оптимизировал скорость загрузки На главной странице есть видео. Видео — это всегда риск для скорости. Я:
Выбрал правильный формат (WebM для современных браузеров, MP4 как fallback) Сжал видео без потери визуального качества Настроил ленивую загрузку — видео грузится только когда пользователь его видит Оптимизировал все картинки, сжал их размер и включил функцию WebP для современных браузеров. Результат: сайт грузится быстро даже на медленном интернете.
Настроил базовое SEO Сайт должен показываться в поиске. Я:
Прописал правильную иерархию заголовков (H1, H2, H3) Добавил alt-теги для всех картинок (это важно для поисковиков и для слабовидящих) Настроил title и description для каждой страницы Добавил разметку Schema.org (это помогает поисковикам понять тип сайта) Теперь сайт еще лучше показывается в
Яндексе и
Google . А так же
Нейросети могут правильно прочитать информацию с него.
Сроки и организация работы Вся работа заняла четыре недели :
День 1 — диагностика проблем (1 день)Недели 1-3 — реанимация функциональности и полная пересборка (3 недели)Неделя 4 — финальные правки, тестирование, оптимизацияЭто быстро для такого масштаба работ. Потому что я знаю Тильду и знаю, как быстро решить проблемы.
Результаты Что получилось Многостраничный сайт с понятной структурой Все страницы нормально адаптированы под все устройства Два качественных видео со свадеб на главной (оптимизированы и работают быстро) Все кнопки и ссылки работают безупречно Формы отправляют заявки точно туда, куда нужно Яндекс.Метрика настроена со всеми необходимыми целями Базовая SEO-оптимизация для поиска Высокая скорость загрузки (даже со слабым интернетом) Цифры Самое главное — конверсия :
Во время поломки (неработающий сайт предыдущего исполнителя): конверсия упала почти до нуля . Люди просто уходили.После восстановления : конверсия выросла в 3 раза по сравнению с исходным сайтом Влады. Не просто вернулась на уровень — стала лучше в 3 раза .Сейчас агентство получает около 30 заявок в месяц через сайт. Это реальные пары, которые выбирают Inside Wedding благодаря тому, что сайт работает идеально.Важный момент про стоимость Когда Влада писала мне в первый раз, я озвучил свою цену. Она показалась ей высокой, и она выбрала дешевле.
Вот в чём подвох: переделывать чужую работу почти всегда дороже и дольше , чем делать с нуля. Потому что сначала нужно:
Разобраться, что вообще там происходит Понять, что можно спасти, а что выкидывать Собрать заново на правильном фундаменте Поэтому итоговая стоимость моей работы получилась выше изначальной оценки . Но Влада отнеслась к этому с пониманием — потому что видела, во что ей обошлась «экономия» на первом исполнителе.
Главный вывод Влада получила не просто «рабочий сайт». Она получила инструмент, который решает главную задачу — стабильно приносить заявки на свадьбы, даже в разгар сезона, когда цена любой потери клиента исчисляется в миллионах.
Сайт до сих пор регулярно приносит агентству новые заявки и работает как часы.
Что нужно знать, если вы оказались в похожей ситуации 🚩 Красные флаги при выборе специалиста Смотрите на портфолио — не на картинки в красивом виде, а на реальные сайты. Откройте их на мобилке. Работают ли кнопки? Адаптив ли? Или сайт выглядит как на десктопе?Читайте отзывы — особенно от клиентов, которые работали после проблем. Если всё отзывы про красоту дизайна, но ничего про функциональность — это подозрительно.Уточняйте детали — спросите:Будет ли сайт адаптивным? Подключена ли аналитика? Как будут работать формы? Кто будет поддерживать сайт после? Не ищите «бесплатный сыр в мышеловке» — если профессионал говорит цену 150 тысяч, а вы видите предложение за 50 — это не экономия, это лотерея. И обычно она заканчивается вот так же, как у Влады.Философия выбора Почему люди экономят на бизнесе, хотя понимают, что это важно?
Потому что сайт — это абстракция. Когда вы покупаете детскую куртку, вы видите её, трогаете ткань, проверяете швы. Когда вы платите за сайт, вы видите макет дизайнера. А потом?.. потом он запускается, и реальность может отличаться от макета.
Но вот в чём парадокс: мы не экономим на детях . Если ребёнку нужны качественные вещи, мы их покупаем. Потому что ребёнок — наше будущее.
Бизнес — это тоже наше будущее . Может быть, даже больше, чем что-то другое. Это то, на чём стоит наша семья, наши планы.
И на бизнесе не нужно экономить. Иначе нас ждёт то, что случилось с Владой: потерянный сезон, упущенные клиенты, стресс, деньги на переделку.
Хотите такой же результат? Если ваш сайт:
Не приносит заявки Выглядит криво на телефоне Какие-то элементы не работают Вы не знаете, сколько людей его посещает Это можно исправить. Я специализируюсь на:
Создании сайтов на Tilda (от лендингов до магазинов) Переделке и оптимизации неработающих сайтов SEO и интеграциях Аналитике и метриках Или напишите мне в
Telegram — посмотрим, что можно сделать.
Статью написал Андряшин Виктор — веб-дизайнер, 10 лет опыта, 100+ проектов. Специализируюсь на создании сайтов и создании инструментов, которые действительно работают на бизнес.
