Logo

Школа бачаты – ясные тексты, удобный UX

От перегруженных текстов к понятному сайту c конверсиями за один вечер

Этот проект – полноценный спринт по UX-райтингу, дизайну и структуре контента. Я просмотрел сайт от и до, выявил проблемные точки и переписал ключевые разделы так, чтобы посетители сразу увидели предложение, цены и без препятствий могли связаться с тренерами. Результат – более дружелюбный сайт, которым проще и удобнее пользоваться.

Bachata case study hero
Раздел Hero сайта школы бачаты. Хотя клиент сохранил некоторые элементы интерфейса по своему вкусу, внесенные изменения заметно улучшили UX и общую привлекательность сайта.

Проект в двух словах

Моя роль

UX-райтинг и ревью; оптимизация информационной архитектуры; микротексты и CTA на английском

Сроки

Один вечер: ревью → согласование правок → повторная QA-проверка

Инструменты

Google Docs (спеки и обоснование), Tilda (платформа сайта), Figma (быстрые макеты)

Аудит UX-райтинг Информационная архитектура / структура CTA и формы Локализация (EN)

Вызовы

Отсутствие доступа к Tilda-аккаунту клиента, поэтому все изменения нужно было фиксировать в понятном документе с примерами и пояснениями. После внесения обновлений клиентом я провел повторный QA, чтобы устранить недочеты и убедиться, что не было пропущено никаких важных правок.

Задача

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

Мои основные достижения

  • Определил проблемные зоны и переписал все блоки от Hero до FAQ и CTA.
  • Консолидировал информацию, снизив когнитивную нагрузку.
  • Пересобрал иерархию CTA и сделал путь клиента к записи понятнее.
  • Подготовил плейбук в Google Docs с вариантами «до/после» и пояснениями.
  • Провел вторичную QA-проверку, чтобы убедиться в отсутствии ошибок.

Результаты

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

Прозрачный процесс правок

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

Spec doc: annotated screenshot with arrows → current copy → proposed revision
Пример флоу: предлагаемые правки, пояснения – такая структура помогла уложиться в срок.
Spec doc: headline and CTA alternatives with rationale
Я шел блок за блоком и в первую очередь прорабатывал ключевые сценарии, такие как пробные занятия и адрес.
Spec doc: final proposed copy with notes for implementation
Результат был заметен сразу после первых правок. Лендинг стал понятнее и дружелюбнее.

До → После: ключевые правки

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

До: основной сценарий

Before — hero and primary flow
  • • Нет явной кнопки «Записаться»
  • • Тяжелый и малопонятный язык
  • • Карточки разного размера, несогласованная верстка
  • • Плохая читаемость для быстрых решений

После: основной сценарий

After — hero with Book Now and improved microcopy
  • • Добавлена кнопка «Записаться»
  • • «Package» заменено на «Pass» (ближе к пользователю и лучше отражает дух)
  • • Карточки приведены к единому размеру
  • • Тексты и структура переработаны, добавлены буллеты

До: инфоблок

Before — dense information block
  • • Большие однотипные текстовые блоки
  • • Нет визуальных акцентов, глазу не за что зацепиться
  • • Важные детали теряются в абзацах

После: инфоблок

After — scannable info with emojis and bolding
  • • Добавлены подходящие эмодзи для легкого восприятия
  • • Текст сокращен для удобства чтения
  • • Важные детали выделены жирным для быстрой навигации

До: ключевые пункты / выгоды

Before — key points/benefits section
  • • Слабые или отсутствующие заголовки
  • • Длинные строки без ритма
  • • Текст выглядел «ненативно» и воспринимался с трудом

После: ключевые пункты / выгоды

After — clearer benefits with strong headings
  • • Добавлены четкие и заметные заголовки
  • • Переписанные тексты выиграли в ясности и тоне
  • • Естественные формулировки сделали текст намного понятнее

Результаты

Всего за один вечер сайт стал понятнее, удобнее и помог бизнесу. Переработка убрала UX-барьеры, упростила поиск важной информации и сделала онлайн-образ школы профессиональнее. И самое главное – изменения увеличили количество записей на занятия, так как связаться с тренерами и забронировать место на уроке стало кратно проще.

  • Юзабилити: Более понятные CTA, согласованная верстка, на голову выше сканируемость блоков.
  • Ясность: Упрощенный язык, меньше двусмысленностей, структурированный контент-флоу.
  • Согласованность: Единый размер карточек, единый стиль заголовков и CTA для профессионального вида.
  • Действия: Сценарий записи на занятия стал заметным на всем сайте и начал работать на бизнес.
  • Доступность: Человечные формулировки без лишнего жаргона, удобные для новичков.
  • Бизнес-эффект: Упрощение бронирования привело к росту записей на занятия (по словам клиента).

Уроки

Этот проект вновь показал, как UX-райтинг способен изменить продукт всего за несколько часов, а не недель. Четкая структура, удобные для быстрого чтения блоки и продуманные CTA превратили сайт из перегруженного в ясный и полезный.

  • Структура и читаемость: блоки должны легко восприниматься с первого взгляда.

  • Конкретные CTA: кнопки вроде «Записаться» очень важны и помогают пользователю пройти основной сценарий.

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

  • Документированный процесс: наглядные «до/после» документы ускоряют внедрение даже без доступа к CMS.