Это был не косметический редизайн и не история про то, как «подправили пару блоков». Мы пересобирали саму логику главной страницы: что человек должен понять в первые секунды, на чём строится доверие, как сайт ведёт дальше и почему он должен ощущаться живым, а не просто аккуратно свёрстанным.
В результате изменилась не только главная. У сайта появился более собранный визуальный язык: спокойнее первый экран, сильнее вынесенные кейсы, более чистые карточки, ровнее действия и отдельная страница с реальными компонентами, чтобы дальше уже не чинить интерфейс по кускам, а развивать одну систему.
Отправная точка
Внешний разбор + жёсткая фильтрация
Мы взяли полезные замечания, но не позволили сайту превратиться в безликий продающий шаблон.
Объём работы
Новая главная + каталог компонентов
Меняли не одну кнопку, а весь порядок входа в сайт, ритм блоков и поведение ключевых элементов.
Результат
Более цельный и взрослый сайт
После главной стало понятно, как подтягивать к тому же уровню внутренние разделы и не терять единый характер сайта.
Контекст
Старая главная уже содержала сильные смыслы и хороший материал, но новый посетитель не всегда быстро понимал, как в этот сайт войти. Проблема была не в одной секции и не в одном тексте, а в общей композиции первого опыта.
На сайте уже было много доверия: кейсы, статьи, база знаний. Но для холодного трафика первый экран и порядок блоков не давали достаточно ясного входа.
Внешний разбор дал полезные сигналы, но если тащить всё подряд, pimenov.ai быстро потерял бы характер и превратился бы в обычную продающую страницу без собственного голоса.
Разбор
Отправной точкой стал разбор сайта через Comet. Важным было не то, что он что-то оценил, а то, что это был внешний взгляд без внутренней привычки к текущей версии. Из него можно было вытащить полезную диагностику — и именно это мы сделали.
Первый экран должен быстрее объяснять, кто такой Сергей Пименов, в чём сила сайта и куда человеку идти дальше.
Сильные кейсы нужно было показать выше и сделать не украшением, а рабочим доказательством качества и реальной практики.
Всё, что вело к слишком типовой продающей риторике, мы не брали. Сайт должен был остаться интеллектуальным и живым, а не начать кричать о себе чужим голосом.
Принципы
Очень быстро стало понятно: редактировать надо не по инерции, а по нескольким жёстким принципам, иначе сайт снова расползётся в красивую, но бессвязную смесь блоков.
Ход работы
В таких задачах самое опасное — спорить с живой главной на корне сайта. Поэтому новая версия сначала жила отдельно и долго доводилась до ума в безопасном режиме.
Мы вынесли его на отдельный маршрут и там спокойно меняли первый экран, порядок блоков, кейсы, мобильную версию и весь интерфейсный мусор, который мешал восприятию.
Что-то оказывалось слишком декоративным, что-то ломалось на мобильном, что-то выглядело эффектно только на первом взгляде. Мы не прикрывали это красивыми словами, а выбрасывали лишнее.
Оставляли только то, что держало смысл, работало на разных экранах и реально усиливало сайт как систему, а не как картинку.
За счёт такого процесса переход в прод получился не авантюрой, а аккуратным переносом уже проверенной версии.
Новый визуальный язык
Главный результат этой работы в том, что изменился не один экран, а целая система решений. Сайт начал говорить более единым языком, а не набором случайно накопленных стилей.
Он перестал давить лишней конструкцией и начал быстрее объяснять, кто перед человеком и почему дальше по сайту вообще стоит идти.
Теперь они работают не как вторичная россыпь материалов, а как главный аргумент, что за сайтом стоит реальная практика.
Кнопки и вторичные ссылки перестали жить каждая в своём стиле. Сайт стал выглядеть как одна система, а не как набор локальных решений.
Блоки перестали бороться между собой за внимание и начали держать единый ритм чтения.
Отдельная страница с реальными компонентами дала возможность обсуждать сайт не словами «нравится / не нравится», а живыми элементами, из которых он реально состоит.
После запуска новой главной стало ясно, к какому уровню и какому языку нужно подтягивать остальные разделы сайта.
Результат
К концу работы мы получили не просто более красивую главную. Мы собрали точку опоры, вокруг которой дальше можно выравнивать весь сайт без ощущения, что каждую страницу нужно заново изобретать.
Сайт начал лучше объяснять себя новым людям и сильнее показывать, что за ним стоит не набор мыслей, а реальная работа и реальная система.
Первое впечатление стало спокойнее, яснее и убедительнее без ухода в агрессивную продающую подачу.
Появился не только новый корень сайта, но и понятная основа, по которой можно выравнивать about, services, blog, articles, knowledge и cases.
Теперь у него есть более ясная композиция, сильнее собранный визуальный язык и понятное направление для дальнейшего развития.
Почему этот кейс важен
Визуальный язык важен не потому, что делает сайт красивее. Он важен потому, что без него сайт нельзя спокойно развивать: каждая новая страница будет спорить с предыдущей, а каждое изменение будет создавать новый хаос. Здесь мы как раз переломили эту инерцию.
Мы работали не ради красивого рендера, а ради структуры, которая выдерживает продолжение работы и новые разделы сайта.
Это не разовая удача одной страницы, а набор принципов, который уже помог подтянуть внутренние разделы и дальше может вести сайт без лишнего шума.
Источник
Если нужен полный рассказ о разборе через Comet, выносе новой версии на отдельный маршрут, десятках правок, каталоге компонентов и дальнейшей гармонизации сайта, лучше открыть исходную статью.
Кейсы
Кейс
Связка человека, агента, Notion и кода, в которой мысль быстро превращается в опубликованный результат на живом сайте.
Открыть →Кейс
Миграция из amoCRM в Twenty через аудит, пилот на 50 активных сделках, нормализацию данных и сборку управленческой аналитики.
Открыть →Кейс
Автономный контур синка транскриптов из Plaud в Notion с дедупликацией, миграцией структуры данных и рабочим UX.
Открыть →