VorobeoffЯ довольно придирчив к визуальному оформлению. Если в дизайне что-то не нравится, мне сложно оставить всё как есть.
Со старой версией сайта именно так и происходило: постоянно хотелось что-нибудь изменить, поправить или полностью переделать. В какой-то момент я решил пересмотреть весь дизайн сайта, хотя чёткого представления о конечном результате у меня не было.
Дизайн, рождённый в диалоге
Сначала я изучал различные подходы к оформлению, собирал референсы и отправлял их Codex для обсуждения. Поскольку мы уже работали над предыдущей версией, Codex хорошо понимал мои предпочтения. Мы работали в режиме постоянного брейншторма: я предлагал варианты блоков, а он корректировал палитру, типографику и расположение элементов, нередко предлагая решения, которые оказывались интереснее моих первоначальных идей.
При этом критически важно было сохранить SEO-фундамент. У сайта уже была сформирована поисковая семантика и структура, терять которые не хотелось. При смене оформления мы сохраняли материалы, адреса страниц и внутренние ссылки, проверяли перенаправления со старых адресов. Codex помогал проверять, что после переноса страницы и переходы между ними продолжают работать.
Магия деталей и собственная дизайн-система
Основное время ушло на полировку визуальных элементов. Мы тщательно подбирали шрифтовую пару, выстраивали сетку и искали цветовую гамму, которая обеспечила бы единство восприятия на всех страницах, устраняя визуальный шум и баги адаптивности.
Самым трудным оказалось добиться согласованности всего сайта. Решение, которое хорошо смотрелось на одной странице, не всегда подходило другой: отличались заголовки, плотность текста, карточки и отступы. Приходилось возвращаться к уже сделанному и искать общие правила для всех разделов.
Постепенно мы начали фиксировать удачные решения: как должны выглядеть заголовки, таблицы, примечания и карточки материалов. Каждую следующую правку нужно было проверять на соответствие этим договорённостям. Отдельное внимание требовали светлая и тёмная темы, а также мобильная версия — на большом экране некоторые проблемы просто не были видны. О том, как фиксировать такие договорённости с агентами, я пишу в материале про AGENTS.md: единый источник истины для ИИ-агентов в проекте.
Отдельной историей стали иллюстрации. Вдохновившись стилем Flat Vector Editorial Illustration, я захотел внедрить подобную эстетику в свой блог. Мы с Codex начали разрабатывать детальный промпт для генерации таких изображений.
Со временем инструкция настолько выросла, что я преобразовал её в отдельный кастомный плагин для ChatGPT и Codex. Это позволило автоматизировать процесс и получать стабильный результат в едином визуальном стиле.
Обретение баланса
Полностью избавиться от перфекционизма невозможно, и я до сих пор замечаю мелкие детали, которые можно улучшить. Но масштаб этого стремления изменился.
Самое главное — ушло постоянное раздражение от старого интерфейса. Новый дизайн перестал отвлекать от главного, позволив сосредоточиться на основной цели VOROBEOFF AI: создании качественных материалов об искусственном интеллекте. Codex стал надёжным партнёром в этой трансформации, но финальный вектор развития проекта остался за мной.
