Eco Market
Разработка дружелюбной иконографической системы для маркетплейса органических продуктов.
Концепция и настроение
Перед нами стояла непростая задача: уйти от клишированных «эко-зеленых» шаблонов и создать визуальный язык, который вызывает доверие к органическому происхождению товаров, не скатываясь в примитивизм.
Мы выбрали направление «Soft Organic». Это означает отказ от жестких прямых линий в пользу плавных, слегка асимметричных кривых Безье. Палитра была расширена за счет приглушенных оттенков шалфея, теплого песочного и глубокого лесного, что позволило создать ощущение естественности и спокойствия.
Ключевое слово для команды: «Тактильность». Каждая иконка должна была казаться объемной и приятной на ощупь в цифровом пространстве.
Процесс создания графики
От скетчей до векторной сетки: как мы унифицировали стиль.
01. Сетка и Stroke
Мы разработали кастомную сетку 96x96px. Линии (stroke) имеют ширину 4px с закругленными краями (round caps), что визуально смягчает интерфейс. Отступы от краев строго соблюдены для сохранения «воздуха».
02. Метафоры
Вместо стандартных корзинок мы использовали метафоры плетеной корзины и крафтовой упаковки. Для категорий «Молочное» и «Хлеб» были проработаны уникальные формы, избегающие стоковых клише.
03. Тестирование
Провели A/B тестирование размеров. Оказалось, что иконки размером 24px лучше считываются в мобильной версии приложения, чем 16px, что увеличило CTR на карточках товаров на 14%.
04. Автоматизация
Использовали плагины для Figma (Iconify, Icon Maker) для быстрой генерации вариаций иконок (filled, outlined, duotone) без потери качества линий.
Итоговый набор: 500 иконок
Полное визуальное покрытие всех категорий маркетплейса.
Фрукты и Овощи
120 уникальных иконок с детализацией листьев и форм плодов.
Молочные продукты
85 иконок. Акцент на натуральные упаковки и текстуры.
Выпечка
90 иконок. Различение форм хлеба, круассанов и булочек.
Травы и Специи
75 иконок. Линейный стиль с акцентом на органическую форму.
Интерфейс (UI)
130 системных иконок: корзина, поиск, профиль, фильтры.
Эко-бейджи
Небольшой набор значков для маркировки товаров (Bio, Vegan, Local).
Интеграция в приложение
Иконки не просто «вставлены» в макет — они стали частью архитектуры приложения. Мы разработали спецификацию для разработчиков (iOS/Android), чтобы анимации иконок были плавными и соответствовали физике платформы.
-
✓SVG-оптимизация: Вес одного иконки — менее 1.5 Кб. Быстрая загрузка даже при медленном интернете.
-
✓Адаптивность: Иконки корректно масштабируются на экранах от 320px (iPhone SE) до планшетов.
-
✓Dark Mode: Все иконки имеют логику инверсии цвета для темной темы приложения.
«Благодаря новой системе иконок, пользователи стали чаще использовать фильтры по категориям. Визуальный поиск товаров стал интуитивным.»
Нужна уникальная система для вашего бренда?
Мы поможем структурировать ваш визуальный язык и повысить конверсию через дизайн.