«Золотой сайт»: редизайн сайта одного из старейших конкурсов Рунета-

Главное о кейсе

«Золотой сайт» — один из старейших конкурсов Рунета и знакомое имя для профессиональной среды. При этом собственный сайт конкурса давно не обновлялся: устаревший дизайн и структура плохо сочетались с репутацией премии, которая оценивает лучшие цифровые проекты страны.
⠀
Мы провели исследования, пересобрали пользовательские сценарии, разработали новый дизайн и реализовали его. Теперь сайт в первую очередь сфокусирован на конкурсных работах: нужные разделы легче найти, а проекты участников становятся заметнее.
⠀
Визуальную идею подсказало название конкурса. Золотой цвет, блеск и переливы металла появились во многих элементах и состояниях интерфейса и состояниях интерфейса. Заодно сделали рестайлинг логотипа: сохранили знакомый знак, но поправили его геометрию и пропорции.
⠀

Как проект изменил жизнь пользователей

У сайта три основные аудитории: участники, члены жюри и посетители, которые следят за конкурсом и смотрят работы.
⠀
Раньше пользователю приходилось разбираться в устройстве сайта и искать нужные разделы. Работы, ради которых люди приходят на площадку, терялись за устаревшим интерфейсом.
⠀
После редизайна проекты вышли на первый план. Участники получили достойную площадку для своих кейсов, посетителям стало проще смотреть работы и результаты конкурса. Члены жюри и эксперты теперь собраны в одной галерее, которая выглядит аккуратно даже при очень разных исходных фотографиях.
⠀
И главное: сайт конкурса сайтов больше не вызывает вопроса, почему он выглядит именно так. Теперь он соответствует имени «Золотого сайта».
⠀

Бизнес-задача и ее решение

Каждый год «Золотой сайт» собирает работы агентств, студий, продуктовых команд и независимых авторов. Имя конкурса хорошо известно в индустрии, но сайт эту репутацию не поддерживал.
⠀
Для конкурса, который оценивает дизайн и разработку, этот разрыв был особенно заметен. Сайт должен был принимать заявки, показывать работы и публиковать результаты. При этом он сам должен был показывать, каким конкурс видит хороший цифровой продукт.
⠀
Нам предстояло обновить внешний вид конкурса и сделать сайт удобным для участников, жюри и посетителей. Мы взяли на себя весь проект: исследование, UX, дизайн и разработку.
⠀
Мы упростили структуру и перенесли внимание на конкурсные проекты. Навигация стала понятнее, работы — заметнее, а сайт наконец догнал имя конкурса.
⠀

Крафт (мастерство), реализация, технические детали

Весь проект сделан нашей командой: от исследования старого сайта и проектирования сценариев до дизайна и разработки.
⠀
Золото легко превратить в декор, но нам нужен был рабочий принцип для интерфейса. Поэтому в основу легли свойства материала: цвет, блеск, отражения и переливы. Они проявляются в кнопках, окантовках и интерактивных состояниях и повторяются на разных страницах.
⠀
Логотип не стали менять радикально — его уже знала аудитория. Мы заново собрали геометрию знака, исправили пропорции и подготовили версии для цифровых носителей.
⠀
Больше всего ручной работы потребовала галерея жюри и экспертов. Исходные фотографии отличались по свету, качеству и стилю. С помощью ИИ мы выровняли их визуально, сохранив внешность и характер каждого человека. Галерея стала однородной, но не обезличенной.
⠀
Новая система рассчитана на развитие сайта. На её основе уже можно проектировать личные кабинеты участников и жюри и собирать следующие разделы.
⠀

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Отправная точка лежала в самом названии. Мы проверили, можно ли развить тему золота дальше очевидного сочетания чёрного и жёлтого, и собрали вокруг неё весь визуальный принцип сайта.
⠀
Цвет отвечает за узнаваемость, а блеск и переливы — за ощущение материала. При этом золото используется точечно: оно выделяет важные элементы и не спорит с конкурсными работами, которым отдана главная роль.
⠀
С логотипом выбрали тот же подход. Вместо нового знака сделали рестайлинг существующего: сохранили узнаваемость, исправили конструкцию и вписали его в обновлённый сайт.
⠀
Исследование, UX, дизайн и разработка шли внутри одной команды. Поэтому решения не терялись между этапами: то, что находили в сценариях, сразу проверяли в макетах и учитывали при реализации. Сейчас эта же система становится основой для личных кабинетов и новых разделов.
⠀

Скриншоты