Разбор / Сайт с большой библиотекой

Материал от 29 сентября 2026

Как мы с Codex пересобрали pimenov.ai 2.0

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

Мы со Степаном, моим помощником в Codex, прошли от картинок будущих страниц до работающего интерфейса. Я выбирал направление, смотрел результат и возвращал его на переделку. Агент писал код, выполнял проверки и сохранял решения, чтобы следующие страницы собирались по общим правилам.

Масштаб библиотеки

900+ материалов

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

Основная работа

Около 10 дней

С 18 по 28 сентября 2026 года. Это календарный период, а не подсчитанные рабочие часы.

Публичный результат

28 сентября

Новая версия заработала на основном домене. После запуска продолжилась доводка мобильных деталей.

Большой библиотеке понадобился другой способ показывать себя

Исходная ситуация

Первый сайт появился на Astro и бесплатной теме. За семь месяцев к нему добавлялись материалы и функции. При обновлении я уже воспринимал его как авторский журнал: хотелось одновременно показать объём и навести порядок.

Чтение терялось среди блоков

На странице конкурировали плеер, текст, пояснения и рекомендации. Начали с упрощения аудио и удаления лишнего, а затем пересмотрели весь путь читателя.

Материалов стало больше, чем вмещала старая навигация

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

Каждое визуальное решение проходило проверку настоящей страницей

Работа над интерфейсом

Codex с моделью Astra в режиме high генерировал варианты, делал вёрстку и проверял результат. Я обсуждал страницы голосом и оставлял аннотации во внутреннем браузере. Замечания Арсения Камышева и Вартана Чинчяна тоже влияли на направление.

Сначала сравнили картинки
Пробовали композиции, шрифты и расположение блоков. Так появился переход от бокового меню к верхнему. Имя, портрет и авторский текст получили своё место, отдельно от навигации.
Затем подставили свои материалы
На макете заголовок легко помещается в две строки. Для проверки взяли реальный заголовок длиной 111 символов: свои тексты и обложки быстро показали, где композиция не выдерживает нагрузку.
Довели работающие страницы
Смотрели на размер обложек, пустоты, положение кнопок и поведение блоков на телефоне. Решения менялись после просмотра в браузере, а не только после обсуждения изображения.
Сохранили удачные решения
Карточки, плеер, оглавление, промпты и завершающие панели стали общей библиотекой компонентов. Принятые правила записали, чтобы новая страница опиралась на уже проверенный опыт.

Статистика помогала выбирать изменения — и замечать границы выводов

Данные и решения

Люди искали инструменты по-русски и с опечатками. Эти наблюдения помогли улучшить соответствия запросов и уделить поиску отдельное внимание. При этом убедительная цифра сама по себе ещё не давала основания менять сайт.

Неполную выгрузку не выдали за всю аудиторию

Хотели узнать долю посетителей, которые приходят прямо в материалы. Выяснилось, что выгрузка входов покрывает только часть визитов. Полученный процент не стали использовать как ответ обо всех читателях.

Состав главной проверили отдельно от её оформления

После успешных технических проверок большая статья оказалась свежей, а соседние карточки — старыми. Часть блоков ещё читала данные макета. Источники исправили и добавили проверку состава карточек.

Проверяли первый клик, а не только уже загрузившуюся страницу

Проверка сценариев

Раннее нажатие на аудио иногда открывало сам MP3: кнопка появлялась раньше, чем было готово управление плеером. На полностью загруженной странице проблема не проявлялась. Полнотекстовый поиск тоже пришлось ускорять.

Первое действие

Открывали страницу и сразу запускали поиск или звук. Проверяли повторный запрос и возвращение к материалу, а не ограничивались наличием кнопки.

Разные условия

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

Результат глазами читателя

Сверяли реальные материалы и даты, читаемость длинных заголовков, переходы и воспроизведение. Успешная сборка была одним из этапов проверки.

На основном домене появилась новая версия — с основой для следующих страниц

Результат

28 сентября 2026 года pimenov.ai 2.0 стал доступен читателям. Вместе с новым оформлением появились согласованные компоненты и правила, по которым можно развивать сайт дальше.

Найти нужное

Поиск работает по полным текстам и открывается через ⌘K или Ctrl+K. Для знакомства с библиотекой есть страница «С чего начать», темы, разборы и спецпроекты.

Прочитать или послушать

Можно выбрать размер текста, перейти по оглавлению и увеличить изображение. Плеер сохраняет позицию и настройки в этом браузере; переход на другую страницу останавливает звук.

Перейти к своей практике

Промпты можно скопировать или открыть в ChatGPT и Claude. Руководство по сайту помогает попробовать его возможности, а общие компоненты упрощают подготовку новых страниц.

Авторские мысли рядом с портретом и сохранённая киберпанк-тема добавили личный слой. Мысли отобраны из моих материалов; ярко-жёлтый цвет связан с историей сайта ППК 1998 года.

Агент выполнял техническую работу, а направление и приёмка оставались у меня

Участие и ограничения

Точный расход токенов и количество рабочих часов не подсчитаны. По моим ощущениям, на проект ушло около двух недельных лимитов Pro; я продолжал работу на другой машине с другой подпиской, когда заканчивался доступный лимит. Это приблизительная оценка расхода, а не рассчитанная стоимость разработки.

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

Исходная статья

Личный рассказ о десяти днях работы: выборе направления, переделках, проверках и деталях, которые сделали сайт своим.

Статья29 сентября 2026

900 материалов и десять дней с Codex: как я пересобрал pimenov.ai

С чего начинается переделка собственного сайта, когда на нём уже тесно? Рассказываю, как статистика читателей, эксперименты с ИИ и десятки переделок помогли создать удобное место для большой библиотеки знаний.

От чтения — к своей практике

Спасибо, что дочитали. Если хотите применить прочитанное к своей задаче, приходите обсудить её со мной. Для регулярной практики, общения и вебинаров есть Перезагрузка.

Работа со мной Перезагрузка

Масштаб библиотеки

Основная работа

Публичный результат

Чтение терялось среди блоков

Материалов стало больше, чем вмещала старая навигация

Сначала сравнили картинки

Затем подставили свои материалы

Довели работающие страницы

Сохранили удачные решения