Стиль и сайт Редакс.геймс

Рассказывает Максим Бугайчук

На момент старта проекта у клиента был логотип, сделанный на основе купленного шрифта:

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

А ещё клиент очень попросил сделать стиль и сайт оранжевыми.

Решаем начать с сайта. Нужно сделать страницу‑визитку с названием, текстом, контактами и информацией об игре. Арт‑директор предлагает сделать всё в швейцарском строгом стиле, который будет разбавляться ярким оранжевым цветом, который хотел клиент:

Обращаем внимание, что точка в логотипе стоит почти, но не совсем по центру. Решаем слегка поправить кернинг и ширину букв, чтобы она стояла совсем по центру:

Экспериментируем с фоном, пробуем заменять точку иконками из игры клиента:

Параллельно работаем над другими элементами стиля. Арт‑директор предлагает представить точку как бесконечный кладезь идей и творческий источник. Пробуем отразить это с помощью графики в плакатах:

Генерим кучу куч иконок в Мидджорни, но пока не получаем того, что нам нужно:

Продолжаем собирать плакаты и примерять стиль на худи. Смотрим, как стиль выглядит на постах в Линкедине:

Нейросеть выдаёт кучу, похожую на ту, что нам нужна. Примеряем:

К сожалению, у нейросети не получается довести кучу до ума, поэтому мы отказываемся от 3д‑иконок и пробуем использовать пнгшки иконок из игры клиента:

Делаем ещё несколько попыток развить стиль:

Тем временем дособираем сайт и придумываем идею, что при наведении на точку в логотипе из неё должны анимированно вываливаться те же самые иконки‑идеи:

Нам больше нравится жёлтая версия сайта с оранжевым логотипом, но на всякий случай мы готовим и вариант с оранжевым фоном, потому что помним о пожеланиях клиента:

Готовим презентацию:

Клиенту нравится фирстиль, но оказалось, что дизайн сайта, который мы предлагаем, не подходит Редаксу. Он не достаточно запоминается, не акцентирует внимание на игре и её показателях.

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

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

Чтобы сайт лучше запоминался и был веселее, придумываем анимацию при загрузке:

Клиент сразу принимает новую версию сайта. Верстаем, анимируем за два дня.

В последний день ещё подкручиваем логотип:

Примеряем докрученный логотип на плакатах:

Ииииии делаем визитку:

Отправить
Поделиться
Запинить

Когда выйдет новый проект

Оставьте почту, чтобы узнавать о выходе новых проектов и обновлениях других продуктов бюро.

Расскажите о своём продукте команде бюро