Как собирался этот сайт

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

Брендбук под меня — но не мне

Когда-то мне сделали брендбук: неоновый зелёный, космический туннель, пиксельный шрифт, заголовки капителью. Первым делом сайт сделали строго по нему. Получилось аккуратно и узнаваемо — и мне понравилось меньше, чем было до этого, в простой вёрстке.

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

Иллюстрации как ядро

Зато мне давно нравились иллюстрации: персонаж в круглых очках со светящимися линзами и кот-голограмма. Их и сделали главным элементом, а вёрстку вокруг — спокойной.

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

Логотип с третьего раза

Логотип пришлось переделывать трижды, и каждый раз я узнавал что-то о собственном вкусе:

1. Шлем со светящимися очками в визоре. Интересно, но сложно.
2. Кот с бинарным хвостом. Красиво — и неправильно: кот — это маскот, а логотип должен быть отдельно от него.
3. Буква «B» из двух волн. Фамилия от слова «берег», и это оказалось точнее всего.

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

Что я вынес

• Проще показать и посмотреть, чем долго обсуждать. Почти каждое решение здесь принято после «давай посмотрим на сайте».
• Вкус проявляется через отказы. Я не смог бы заранее описать, какой логотип хочу, но сразу видел, какой не мой.
• Маскот, логотип и иллюстрации — три разные вещи с разными задачами.