Примеры работ и кейсы по направлению «Figma»

Логотип для театрального сообщества "5БУКВ"

Афиша для спектакля студенческого театра в программе Lunacy

Дизайн постеров в Figma в ходе бесплатного обучения

Сайт выполнен в рамках бесплатного курса по дизайну от онлайн-школы easystudy.pro

Например, дизайн карточки товара «Блендер» для маркетплейсов. Задача: показать блендер как «универсального помощника на кухне» и быстро закрыть основные возражения покупателя: мощность, объём, надёжность. Собрала макет в Figma. Использовал Auto Layout для блоков с характеристиками — это позволяет быстро менять текст и адаптировать карточку под другие товары без ручной подгонки. Выстроила сетку и отступы так, чтобы композиция оставалась сбалансированной при любых правках. Подготовила визуал с помощью ИИ. Сгенерировала реалистичную кухонную сцену и блендер заполнила фруктами. Доработала изображение в Photoshop. Усилила детализацию фруктов внутри кувшина и на столе, свет и тени, чтобы все элементы визуально «жили» в одной сцене. Инфографика: Четыре плашки с преимуществами («5 скоростей + импульс», «1200 Вт мощность», «1,8 л объём», «2 года гарантия») оформила в едином стиле: добавила иконки, подобрала контрастные цвета и шрифты, чтобы текст читался на любом фоне и даже на миниатюре. Требования маркетплейсов: Заложила безопасные зоны, проверила, как карточка выглядит в миниатюре, и убедилась, что текст не перекрывается плашками площадки. Соотношение сторон и экспорт подготовлены под стандарты WB/Ozon. Результат: карточка сразу доносит ценность товара и помогает покупателю принять решение. Композиция вызывает нужные ассоциации (свежесть, удобство, надёжность), а инфографика быстро закрывает основные вопросы.

Карточка товара «Роутер TP‑Link» для маркетплейсов. Инструменты: Figma, нейросети (генерация окружения и ракурсов), Adobe Photoshop (ретушь). Задача: сделать продающую карточку, которая сразу доносит ключевые преимущества роутера: скорость 300 Мбит/с, поддержка до 20 устройств, совместимость с любым провайдером. Важно было сохранить «бытовой» контекст, чтобы покупатель легко представил устройство у себя дома. Решение: 1. Композиция и иерархия. Роутер размещён в центре на рабочей поверхности рядом с ноутбуком — это создаёт понятный сценарий использования. Заголовок «РОУТЕР tp‑link» выполнен крупным белым шрифтом без засечек: он считывается даже на миниатюре. 2. Инфографика. Ключевые характеристики вынесены в акцентные плашки со светло‑зелёным фоном и иконками (Wi‑Fi, скорость). Такой цвет контрастирует с бежево‑белой гаммой интерьера и сразу притягивает взгляд к главным преимуществам. 3. Визуализация. Фото роутера и окружения сгенерированы в нейросети по промптам, затем доработаны в Photoshop: выровнен свет, усилена чёткость корпуса и антенн, чтобы устройство выглядело как реальный товар, а не 3D‑рендер. 4. Адаптивность. Макет собран в Figma с учётом требований маркетплейсов: текст и важные элементы находятся в «безопасных зонах», чтобы не обрезаться на мобильных экранах; соотношение сторон соответствует стандартам. Результат: карточка быстро доносит ценность товара и повышает конверсию за счёт понятной визуальной иерархии и акцентов на ключевых характеристиках.

Игрушечная машинка - дизайн карточки товара для маркетплейсов WB, Озон и др. Задача: Создать продающую карточку, которая сразу даёт покупателю всю важную информацию и выделяет товар среди конкурентов в ленте. Процесс: 1. Анализ ниши. Посмотрела топ‑карточки в категории игрушек: выделила типовые блоки и частые ошибки (перегруженные плашки, мелкий текст, слишком пёстрые фоны). 2. Работа с ИИ. Сгенерировала несколько ракурсов машинки и ребенка в детской комнате, на улице, чтобы показать товар в разных ситуациях. Подобрала стиль рендера, близкий к фотореализму — так товар воспринимается как более «настоящий». 3. Композиция в Figma. Выстроила сетку под пропорции маркетплейса, разместила элементы по правилу визуальной иерархии: сначала товар, затем преимущества, потом характеристики. Использовала Auto Layout, чтобы макет оставался гибким при правках. 4. Инфографика. Иконки подбирала так, чтобы они считывались мгновенно: даже если человек пролистывает ленту на бегу, он всё равно поймёт возраст, размер и материал. 5. Типографика и цвет. Выбрала контрастные сочетания и достаточно крупный кегль, чтобы текст читался на телефоне. Итог: Получилась лаконичная карточка, где каждый элемент решает конкретную задачу: привлекает внимание, отвечает на вопросы и помогает принять решение о покупке.

Идея сайта была в том, чтобы показать наглядно атмосферу погружения в воду.

Задача была создать цифровой продукт для экосистемы умного дома: сайт для презентации устройств и мобильное приложение для управления ими в повседневной жизни. Цель: показать, что умный дом — это просто, доступно и удобно для пользователя без технического бэкграунда. Решение: разработала единый визуальный и UX-подход для сайта и приложения: чистый интерфейс, логичная навигация, акцент на сценариях использования и контроле устройств в один клик.