Это был Редизайн! Вот то , что было до этого ! Зачем делать редизайн карточки товара? Этот вопрос я слышу часто — особенно от тех, кто считает, что "и так нормально". Но давайте честно: визуал, который «нормально» работал 5 лет назад, сегодня может отталкивать. Визуальный язык меняется. Поведение покупателя меняется. И если карточка товара не адаптируется под это — она просто теряет эффективность. Работая в дизайне более 15 лет, я с уверенностью могу сказать: визуал без стратегии — это просто красивая картинка. Настоящий редизайн — это продуманное обновление, основанное на маркетинговом анализе, визуальной насмотренности и понимании, как люди воспринимают информацию.

Недавно ко мне обратились с задачей: обновить карточку товара — фен KIPOZI. Первая версия карточки выглядела типично для маркетплейсов начала 2010-х: яркий розовый фон, стилизованные кнопки, рваные плашки, иконки вразнобой. Всё кричит, всё одновременно. Это тот случай, когда ты смотришь на визуал — и не понимаешь, что тебе хотят сказать. Вроде есть мощность, насадки, ионизация — но они теряются в общей визуальной суете. Покупатель не считывает ценность. У него нет ощущения: «да, это качественно». А самое главное — такой дизайн устарел, и это видно. Он не вызывает доверия, не соответствует ожиданиям современных покупателей и просто теряется в ленте среди более свежих, лаконичных карточек. Это и есть ключевая проблема: карточка может быть "нормальной", но морально устаревшей. А значит — перестаёт работать. Что я сделала в редизайне? Первое — структурировала подачу. Мы убрали всё лишнее: шум, градиенты, тени. Оставили чистую композицию. В центре — сам фен, как главный объект внимания. Рядом — аккуратные иконки с ключевыми УТП: мощность 2200Вт, ионизация, 3 насадки, 4 режима нагрева, гарантия 12 месяцев. Всё считывается быстро, на мобильном — идеально. Второе — мы выстроили иерархию. Теперь взгляд покупателя идёт по траектории: продукт → преимущества → решение о покупке. И третье — это актуальный стиль. Цветовая палитра стала сдержанной и современной: графит, белый, розовое золото — подчеркивают статус и качество. Карточка воспринимается как баннер у бренда, а не как случайная реклама. Почему это важно? Потому что карточка товара — это упаковка в онлайне. У вас нет другого шанса показать товар. Всё, что человек видит — это 1 слайд. И если этот слайд устарел визуально, перегружен или просто выглядит как «вчерашний день» — он не будет работать. Ни скидка, ни характеристики не помогут, если визуал не вызывает доверия. Редизайн — это не про "обновить цвета". Это про восстановить эффективность карточки. Вернуть ей внимание. Вернуть интерес. Если вы работаете с маркетплейсами — регулярно пересматривайте свои карточки. Визуал, который работал даже полгода назад, уже может быть неактуален. И это нормально. Визуальный рынок требует гибкости. И если вы хотите, чтобы карточка продолжала продавать — ей нужно соответствовать ожиданиям сегодняшнего покупателя. Именно этим я и занимаюсь. Не просто рисую — я переупаковываю продукт, усиливая его ценность в глазах клиента
Изображение поста

До/после: как воздух делает макет дорогим

Открой любой лендинг. Сделай между блоками в 2 раза больше отступ. Сделай между заголовком и абзацем +8px. Отодвинь кнопку от текста. Посмотри. Теперь выглядит дороже. Почему? Потому что воздух = уверенность. Макет, который не боится пустоты — внезапно начинает выглядеть как продукт, а не как визитка сантехника. #UI #дизайнбезболи #вебдизайн
Изображение поста

Кнопки L, A, 0 (Ноль) и B в редакторе графиков

A – автоматическое сглаживание L – линейные ключи 0 – сбросить угол касательной на ноль B – разделить касательную #лайфхаки #C4D 🧿 Cinema 4D

Как использовать графический редактор для начинающих

🎬 Немного навигации: 00:00 – Введение; 00:30 – Основы анимации; 01:00 – Редактор открытого графика; 02:06 – Навигация; 02:31 – Левая боковая панель; 04:18 – Кнопки левой стороны; 06:01 – Редактирование ключевых кадров; 09:38 – Интерполяция ключевых кадров; 11:39 – Боковая панель; 12:40 – Модификаторы ключевых кадров; 16:35 – Модификаторы копирования4 17:08 – Завершение. #уроки #Blender3D | Оригинал
❤️РОЗЫГРЫШ ОТ KARMY НА АКАУНТ И UC❤️
1 МЕСТО - акаунт на фото 2 МЕСТО - 3000 UC 3 МЕСТО - 1500 UC ⭐️Условия конкурса⭐️ 🌠🌠🌠🌠 KARMA 🌠🌠🌠🌠 CHAINIK 📌После того как вы подписались на канал, вам останется лишь нажать кнопку "Участвовать"📌 💥Важно: включить уведомления и поставить реакцию💥 Всем желаю удачи в конкурсе🙂
Изображение поста
Привет! Я — Сергей. Лидер дизайн-команд, архитектор дизайн-систем, бывший арт-директор ВкусВилл 🥑.
В своём канале пишу только то, что сам бы читал с интересом. Без воды — только личный опыт, практика проектирования дизайн-систем, управление командами, найм дизайнеров и всё, с чем сталкиваюсь в профессии. На многие важные вопросы я уже ответил в постах: — CJM — это работа дизайнера? Каким должно быть портфолио продуктового дизайнера?Почему тестовые задания не работают? и Пример вайтборда во ВкусВиллЧто важно знать о собеседованиях?Сколько стоит перекрасить кнопку? То самое выступление на Д-в, как мы во ВкусВилл строили SDUI платформу 👉 Подписывайтесь 👈
Изображение поста
Братишка, я тебе покушать привёз
Заглянул я сегодня в Самокат, а там интерфейс обновили. Теперь с порога после бесконечных сторис там неуклюжие кнопки с подборками, а снизу бескрайняя лента с рандомными товарами. Бонусом в категории завезли всякую утварь от игровых стульев до боксёрских шлемов, намекая на скорую трансформацию в маркетплейс. С точки зрения бизнеса эти шаги можно оправдать: напихаем случайных подборок, чтоб заказывал побольше всякого, а там и плавки с пылесосом предложим в придачу. Но с точки зрения клиента, я ухожу в Яндекс Лавку. #вести @vestochka_design
High voltage button — анимация кнопки при наведении.
• Анимация стилизованная под электрический разряд. #animate #button #prototype Открыть в Figma 👨 Дизайн-телега
🔔 У тебя +1 новый заказ на дизайн!
Digital−агентство Red Collar ищет графических дизайнеров и предлагает тебе выполнить тестовое задание 🔎 Не пугайся: принимаются работы от новичков! Да, даже совсем с нуля 💛 С тебя — только мотивация. Остальному научим на [первом интенсиве реалити−шоу] За 4 дня ты: 💥 разберёшься, как работать в бесплатной программе для дизайнеров (только Figma прямо в браузере) 💥 шаг за шагом создашь логотип и основы фирменного стиля по заданию Red Collar, просто повторяя за экспертом 🎁 заберёшь подарки на 1 000 000 рублей! >>> Получить заказ от агентства Почему работу с Red Collar нельзя упускать ↓↓↓ ⚡️Дважды лучшее агентство в мире в 2017 и 2019 ⚡️№1 в Рейтинге Рунета в категории «UX-дизайн для крупнейших компаний» и топ−5 в рейтинге дизайн−студий Tagline Это твой шанс пополнить портфолио самым необычным кейсом! ⏰ Встречаемся в понедельник, 14-го апреля в 20:00 МСК  ❗️Задание от крупного клиента доступно только на прямом эфире интенсива❗️ ЗАБИРАЙ ПРИГЛАШЕНИЕ НА ИНТЕНСИВ ПО КНОПКЕ НИЖЕ И ЖМИ «НАЧАТЬ» ↓↓↓ 🩷 Твой билетик 🩷 P.S. За регистрацию тебя ждут подарки — гайды с 25-ю страницами пользы и самой актуальной информацией о дизайне в 2025 🎁
Изображение поста
Легендарный коллаб 3ddd х ШОК 🔥
Уже через неделю мы проведём 2 совместных прямых эфира, где поделимся секретами создания идеальных 3D моделей. Самая актуальная информация прямо из первых рук. Это будет легендарно! Поэтому подписывайтесь и следите за анонсами. А пока — розыгрыш. 5 победителей получат пакет подарков, в каждом будет: 10 доступов к моделям от 3ddd и гайд от ШОК — «Инструменты 3D Max. Разбор модификаторов. Часть 1». 3 простых шага для участия: 1. Подпишитесь на каналы ШОК и 3ddd 2. Нажмите кнопку «Участвовать» 3. Получите билетик участника Итоги розыгрыша — 17 апреля. Удачи!
Изображение поста
Конкурс дизайна кофейных стаканчиков в Кловери.Шаг ☕️
Наш новый заказчик – кондитерская «Добрынинский». Нужно разработать дизайн кофейного стаканчка для летнего сезона. Он должен отражать радостное, летнее настроение в минималистичном стиле. Уже есть идеи? 🩰 Победитель получит бонус 10 000 ₽. Команда заказчика сама выберет от 1 до 3-х победителей Переходите по ссылке ниже и нажимайте кнопку «буду участвовать». По готовности прикрепляйте работу по этой же ссылке. 🔗 Ссылка на задание Прием работ: с 9 по 17 апреля включительно По всем вопросам @up2fika
Изображение поста
Апрельское обновление Figma:
→ Скрытие и отображение переменных заливок → Быстрый переход к главному компоненту (шорткат: ⌘ ⌥ ⌃ K для macOS и Ctrl Alt ⇧ K для Windows) → Дублирование и копирование стилей → Улучшенное описание UI-компонентов → Перетаскивание окна переменных за всю верхнюю часть → Автоматическое сохранение изменений переменных → Подсказки при наведении на имена компонентов → Кнопка редактирования теперь правильно выровнена → Улучшено отображение переполненного текста в окне стилей
Часто случается, что прямоугольная фотография не вписывается в дизайн презентации. Одно из решений - скруглить углы.
Как это сделать? Добавляем фото, поверх накладываем фигуру нужной формы, и с помощью кнопки «Объединить фигуры» → «Пересечение» завершаем нашу операцию по скруглению. #медиаконтент
Button Buddy — плагин позволяет быстро создавать кнопки.
Изображение поста
Про передачу макетов в разработку: «Как не бесить фронтендера, если ты юиксер»
Кажется, уже каждый дизайнер написал свою статью об этом, а мне все еще есть, что сказать. Я не стану повторяться о вежливом общении и важности сетки в макетах. Эта статья о моем личном UX-подходе в повышении юзабилити результатов дизайнерского труда. Всем привет! Это Наташа, проектировщик интерфейсов в Selectel. В этот раз я поделюсь тем, как повысить свою техническую экспертизу, оставаясь дизайнером, и как мне в этом помогли флешбэки из предыдущей профессии инженера-архитектора. • Разработчику бывает больно • API, макет и постановка противоречат друг другу • В БД нет тестовых данных • Ничего не работает • Разработчику приходится додумывать за дизайнером • Бэк присылает 400 Bad Request и непонятно, что не так • Накостылил 500 строк ради сдвига кнопки на 3px • Чек-лист для дизайнера Читать статьюхороший ux · вакансии · концепты
Изображение поста
Делаем красивые стеклянные кнопки
Boro UI App
UI Kit содержит набор готовых элементов и экранов для разработки эффективных интерфейсов. В него входят кнопки, формы ввода, навигационные панели и другие компоненты, которые помогают создавать удобные и стильные цифровые продукты. 💾 Открыть Dropzz #Plugin
Изображение поста
В 1954 году фотограф Фульвио Ройтер готовил материалы для будущей книги «Ombrie - Terre de Saint François» (Умбрия, земля святого Франциска). Когда в Перудже внезапно выпал снег, Ройтер сразу же отправился туда из своего родного региона Венето. Пересекая горный участок на автобусе, он увидел из окна мужчину, ведущего за собой лошадей. Фотограф заставил водителя сделать незапланированную остановку и бросился со своим Rolleiflex снимать эту сценку: он надеялся, что мужчина немного отойдет от животных, чтобы в кадре фигуры не накладывались друг на друга, как только это произошло, он без промедления нажал на кнопку спуска затвора. Чарующий природный ландшафт, занимающий большую часть снимка, стал рамой для трех маленьких темных фигурок, выделяющихся на фоне белого снега. Эта фотография со временем стал одной из самых известных работ Ройтера.
Изображение поста
Кнопки с автоматической компоновкой.
• Гибкий и легко настраиваемый под вашу систему дизайна • 2240 компонентов кнопок #components #button #design_system Открыть в Figma 👨 Дизайн-телега
Редактируем значение атрибута блока
Когда вы создаете и вставляете блок с атрибутами, вы предоставляете значения для каждого из атрибутов. Но если вы допустили ошибку или значение изменилось, вам нужно отредактировать значение атрибута. Вы используете команду EATTEDIT для редактирования значения атрибута блока. Вот шаги: 1 Выберите Вставка, Панель Блока, Редактировать атрибут, Одиночный. 2 В приглашении "Выбрать блок:" выберите блок со значениями атрибутов, которые вам нужно изменить. Откроется диалоговое окно "Редактор расширенных атрибутов". 3 Нажмите на атрибут, значение которого вы хотите изменить. 4 В зависимости от вашей версии AutoCAD, либо выберите значение в текстовом поле "Цено" и введите новое значение, либо нажмите кнопку "Открыть многострочный редактор" справа, чтобы отредактировать значение на чертеже, и нажмите "ОК" на панели инструментов "Форматирование текста". 5 Нажмите кнопку ОК, чтобы закрыть диалоговое окно.
Изображение поста
Изображение поста