Кирилл СарычевОфициальный сайт
Обновили структуру, тексты и вёрстку сайта на Tilda. Собрали спортивные, медийные и предпринимательские проекты Кирилла в одном месте.
Смотреть сайт
Первый экран подготовленной версии сайта
Показать, чем Кирилл живёт сегодня
Клиенту было важно раскрыть разные стороны деятельности Кирилла: международную федерацию WRPF, турниры, спортивные шоу, собственные бренды и помощь родному Пугачёву. Спортивная биография должна была стать частью этого рассказа.
Нужно было сохранить узнаваемый стиль сайта, дать каждому проекту своё место и сделать понятный переход к сотрудничеству.
Как шла работа
Разобрались
в материалах
Начали с действующего сайта, технического задания, биографии, публикаций и материалов о проектах. Определили, что посетителю важно увидеть на главной, а что стоит раскрыть на отдельных страницах.
Уточнили формулировки: где Кирилл выступает как основатель, где работает с соавторами и командой, а где участвует в чужом проекте.
Собрали структуру
главной
Выстроили последовательность из десяти разделов. В начале страницы разместили короткую навигацию по направлениям, чтобы посетитель мог сразу перейти к тому, что ему интересно.
Главная знакомит с проектами. Подробные истории раскрываются в трёх отдельных материалах.
- Первый экран
- Биография
- Турниры и фестивали
- Шоу
- Телевидение
- Медиа
- Добрые дела
- Бренды и гайды
- Истории
- Контакты
Спортивный путь
и проекты Кирилла
Открыть страницуСтатьяПомощь родному
Пугачёву
Открыть страницуСтатьяНеобычные форматы
Punch Club
Открыть страницуПереписали тексты
от лица Кирилла
Убрали тяжёлые формулировки, повторы и общие слова. Оставили конкретные истории: первую штангу, занятия у тренера, работу над турнирами, съёмки и помощь спортивным секциям.
Вместе с командой клиента уточняли тон и акценты. Для первого экрана выбрали фразу, которая связывает спортивный путь Кирилла с его сегодняшними проектами.
Мировой рекорд —
только одна из моих вершин.
Доработали
оформление
Сохранили тёмную палитру, шрифты и зелёные акценты существующего сайта. Привели карточки и кнопки к общему стилю, выровняли отступы, убрали лишний декор.
Для телевизионных проектов сделали крупную основную карточку и компактные дополнительные. Выпуски с гостями собрали в ряд. В разделе помощи Пугачёву связали фотографии с конкретными историями.
Собрали блоки
для Tilda
Сверстали разделы на HTML, CSS и JavaScript для вставки в Tilda. Настроили расположение карточек, размеры фотографий и поведение элементов под содержание каждого блока.
Сохранили переключение на английскую версию. Доработали меню и переходы между главной и статьями. Подготовили отдельные файлы блоков и панель для копирования кода.
Подготовили
страницы к поиску
Для главной и трёх статей подготовили заголовки и описания для поисковой выдачи, адреса основных версий страниц и изображения для ссылок в соцсетях.
Собрали разметку schema.org, которая связывает Кирилла, сайт и статьи о его проектах. Подготовили llms.txt и llms-full.txt с описанием сайта и материалами для ИИ-систем. Проверили правила обхода и составили порядок публикации и отправки страниц на переобход.
Проверили адаптив
и подготовили передачу
Проверили вёрстку на ширинах 360, 390, 768 и 1440 пикселей. Доработали положение портрета, переносы длинных заголовков, расстояния до кнопок и кадрирование обложек с надписями.
Проверили навигацию и соответствие файлов сборке. Подготовили комплект для переноса в Tilda: блоки главной, статьи, разметку, поля SEO, обложки и инструкции по публикации.
Что получилось
В новой версии собраны основные направления работы Кирилла. Можно перейти к турнирам, посмотреть выпуски шоу, познакомиться с брендами, прочитать истории и обратиться по поводу сотрудничества.
Сохранили узнаваемое оформление и подготовили структуру, которую можно дополнять новыми проектами.
- Разделов главной
- 10
- Отдельные статьи
- 3
- Страницы с SEO и разметкой
- 4
- Ширины в проверке адаптива
- 4
Обновим ваш сайт под сегодняшние задачи
Расскажите, что изменилось в вашем бизнесе и чего сейчас не хватает на сайте. Разберём структуру, содержание и техническую часть, затем предложим состав работ.
Обсудить обновление сайта