Все кейсы

Сайт дизайн-системы «МегаФона»

Red Collar ·МегаФон ·2022

Создали интерактивный сайт дизайн-системы МегаФона с геймификацией, 3D-гайдами и Figma-плагином, который сокращает время проверки макетов.

Открыть проект

Награды · 1
золото
  • Рейтинг Рунета2024— Информационные технологии

Задача

Требовалось сделать дизайн-систему прозрачной для инхаус-команды и подрядчиков: создать интерактивный портал с правилами визуального языка и Figma-плагин для сокращения времени на арт-дирекшн.

Решение

Разработали яркую дизайн-концепцию с игровыми механиками: конструктор баннеров, пятнашки с иконками, перетаскиваемая сетка отступов. Сформулировали принципы создания 3D-иллюстраций и оформили их в гайды. Для бесшовной смены темы использовали видео с прозрачным фоном, оптимизированные через секвенции изображений и FFmpeg. Создали Figma-плагин, который находит несоответствия макетов дизайн-системе и предлагает исправить их в один клик.

Результат

  • 200+ Вариантов B2C-баннера в конструкторе
  • 7 Наград на Tagline Awards, WDA и Рейтинге Рунета

Портал стал единой базой знаний для всех участников экосистемы: сокращает время на создание макетов, помогает подрядчикам работать согласованно, а соискателям — знакомиться с внутренними процессами. Проект получил семь наград на Tagline Awards, WDA и конкурсе Рейтинга Рунета.

10 место в разделе IT и телеком → 3D

4 место в категории Телеком-оператор → 3D