Редизайн сайта Премии Рунета

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

Премия Рунета по праву считается настоящим «Оскаром» Рунета. На соискание «Премии Рунета» выдвигаются организации и их проекты, внесшие особый вклад в развитие российского сегмента сети Интернет (Рунета), по итогам предыдущего и/или текущего года. Премия проходит ежегодно с 2004 года. Организована Российской ассоциацией электронных коммуникаций (РАЭК).

Организаторы обратились в Notamedia за редизайном официального сайта Премии.

The Runet Award is rightfully considered the real "Oscar" of Runet. Organizations and their projects that have made a special contribution to the development of the Russian segment of the Internet (Runet), based on the results of the previous and/or current year, are nominated for the Runet Award. The Award has been held annually since 2004. It is organized by the Russian Association of Electronic Communications (RAEC).

The organizers turned to Notamedia for a redesign of the official website of the Award.

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

К началу приема заявок на Премию Рунета 2023 пользователи увидели сайт в новом дизайне, который не только отражает высокий уровень премии на digital-рынке, но и позволяет удобно и понятно получить всю необходимую для номинантов информацию: ознакомиться с номинациями, этапами, посмотреть последние новости и подать заявку.

By the beginning of accepting applications for the Runet Award 2023, users saw the site in a new design that not only reflects the high level of the award in the digital market, but also allows them to conveniently and clearly get all the necessary information for nominees: get acquainted with the nominations, stages, view the latest news and apply.

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

Новый дизайн должен был отразить престижность премии и ее богатую историю.
Работа над проектом включала в себя такие этапы, как прототипирование, создание дизайн-концепции и сам дизайн: адаптивы, создание иллюстраций, внутреннее наполнение.
Использовались инструменты: Figma, Blender, Photoshop.

The new design was supposed to reflect the prestige of the award and its rich history.
The work on the project included such stages as prototyping, creating a design concept and a design itself: adaptations, illustrations, content.
Figma, Blender, Photoshop were used as tools.

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

Анимация награды, параллаксы и реагирование элементов на движение курсора создают эффект глубины на всем сайте.
Для главного экрана отрисованы разные состояния в зависимости от этапа премии: прием заявок, голосование экспертов, объявление победителей.
Опираясь на античную колонну в награде «Премии Рунета», мы решили поддержать тему античности и во внутренних страницах. Для этого были созданы трехмерные модели известных персонажей и атрибутов того времени. Каждая модель соответствует определенному разделу сайта.
Скульптура головы Давида работы Микеланджело была выбрана как метафора к разделу «Эксперты». Бюст Цезаря с его знаменитым выражением «Пришел, увидел, победил» используется в разделе «Лауреаты» как метафора победителей. А креветки, летающие вокруг, являются юмористической отсылкой к салату «Цезарь с креветками».
Для раздела «Архив» мы создали модель книги с логотипом премии и известным крылатым выражением «Через тернии к звездам».
Для раздела «Номинанты» была создана модель шлема древнеримского воина, обозначающая то, что номинанты как воины будут сражаться за победу.
Для раздела «Новости» мы создали модель древнего свитка, стилизованную под оформление сайта.
Каждой номинации премии соответствует своя трехмерная геометрическая структура.

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

Animation of the award, parallaxes and response of elements to cursor movement create a depth effect throughout the site.
Different states are rendered for the main screen depending on the stage of the award: accepting applications, voting by experts and announcing the winners.
Based on the antique column in the Runet Awards, we decided to support the theme of antiquity in the internal pages as well. For this purpose we created three-dimensional models of famous characters and attributes of that time. Each model corresponds to a certain section of the site.
Michelangelo's sculpture of David's head was chosen as a metaphor for the section "Experts". The bust of Caesar with his famous expression "Came, saw, conquered" is used in the "Laureates" section as a metaphor for the winners. And the shrimps flying around are a humorous reference to Caesar's shrimp salad. For the "Archive" section we created a book model with the award logo and the famous winged expression "Through thorns to the stars"/ "Per aspera ad astra".
For the "Nominees" section, an ancient Roman warrior's helmet was created, signifying that the nominees as warriors will fight for victory.
For the "News" section we created a model of an ancient scroll, stylized to match the design of the website.
Each award nomination has its own three-dimensional geometric structure.

Some pages of the site use a broken grid to add dynamics and variety to the presentation of uniform information.

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

Золотая колонна с ионической капителью — наиболее узнаваемый символ Премии Рунета. Поэтому стилистику мы построили на торжественной черно-золотой цветовой гамме и отсылкам к античным скульптурам в иллюстрациях сайта. Чтобы не переборщить с пафосом в некоторых элементах, мы добавили немного самоиронии. С Цезарем ассоциируются не только великие цитаты, но и креветки в салате, а скульптура Давида разными частями присутствует на двух страницах, напоминая про времена «великой кастрации».
A golden column with an Ionic capitol is the most recognizable symbol of the Runet Award. Therefore, we built our style on a solemn black-and-gold color scheme and references to ancient sculptures in the site illustrations. In order not to overdo pathos in some elements, we added a bit of self-irony. Caesar is associated not only with great quotes, but also with shrimp in a sala, and the sculpture of David is present in different parts on two pages, reminding about the times of the "great castration".

Прочая информация о кейсе

В адаптивах делается упор на сохранение функционала десктопной версии сайта и воздушности его дизайна.

Design adaptatives focus on preserving the functionality of the desktop version of the site and the lightness of its design.

Скриншоты