Дизайн сайта IT-конференции AgroCode

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

Всего за 2 недели мы подготовили дизайн сайта со сложной объёмной анимацией. Благодаря опыту и вниманию к целям клиента нам удалось попасть в его ожидания с первого раза. В первый месяц работы сайта его посещаемость сохранялась на уровне 4-5 тысяч пользователей в день.

We managed to build a website design with a complex 3D animation just in 2 weeks. Owing to our experience and careful attention to the client's requirements, we met his needs from the first time. During the first month of the website work, traffic was at the level of 4-5 thousand users per day.

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

Россельхозбанк уже более года развивает первую в России цифровую экосистему для фермеров. Чтобы привлечь к этому проекту лучших IT-специалистов, в начале 2020 года компания организовала крупнейший агрохакатон и запустила сайт для онлайн-регистрации участников. Нашей задачей стала быстрая разработка дизайна, который бы привлекал внимание айтишников и убеждал их принять участие в хакатоне.

Решения:
— Исследование. Мы изучили около десяти сайтов известных хакатонов и выделили наиболее удачные UX-решения: структуру главной страницы, юзер-кейсы по размещению кнопок лидогенерации и т.д.
— В стиле hi-tech. Вместе с клиентом мы выбрали для оформления сайта технологичную стилистику, которая подчёркивает, что банк ведет обширную работу в области ИТ.
— Графическое решение. Так как агрохакатон разделён на четыре площадки, мы задействовали четыре цвета, которые соответствуют стихиям — земле, воздуху, огню и воде. Шрифт TT Firs Neue — это гротеск в современном скандинавском стиле. В иконках нашли свое отражение живая природа и современные технологии.
— Анимированные 3D-изображения. Один из главных графических элементов сайта — объёмная анимация из большого количества подвижных точек, которые вызывают ассоциации с большими данными. Чтобы сократить время отрисовки анимации, мы сделали её не на WebGL, а в виде зацикленных PNG-секвенций.

For more than a year, Rosselkhozbank has been developing the first Russian digital ecosystem for farmers. In order to attract the best IT specialists for the project, in the beginning of 2020, the company has organized the biggest agricultural hackathon and launched a website available for online registration of the participants. Our task was to build a website in a short period of time to grab the attention of IT specialists and motivate them to take part in the hackathon.

Solutions:
— Research. We studied around 10 different hackathon websites and determined the most compelling UX solutions, including but not limited to main page structure and сases for creating lead generation buttons, etc.
— Following the hi-tech style. Along with the client we chose technology website design, helping to highlight the bank's considerable activity in the IT-sphere.
— Graphic solution. The agricultural hackathon is divided into four parts, and that is why we decided to use four colors associated with the elements of matter: earth, air, fire, and water. We used TT Firs Neue font, a grotesque in a modern Scandinavian style. Images depict the combination of wild nature and innovative technologies.
— Animated 3D images. One of the main graphic elements of the website is 3D animation made from oodles of moving dots associated with big data. We came up with the idea not to use WebGL, but rather make animation in the form of looped PNG sequences, thus minimizing the time needed to create it.

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

AgroCode — масштабная IT-конференция с хакатоном в области цифровых технологий для сельского хозяйства, организованная в 2020 году Россельхозбанком. Команда PINKMAN разработала для мероприятия дизайн сайта, который подчёркивает уникальность проекта и презентует AgroCode как самое яркое событие рынка агротехнологий.

AgroCode is a major IT conference with a hackathon in the sphere of digital technologies for the agricultural sector organized by Rosselkhozbank in 2020. For this occasion, PINKMAN team created a website design, helping to underline the unique character of the project and represent AgroCode as the brightest event in the Agriculture Technology Market.

Скриншоты