Супрематики – детям

Мы сделали новую айдентику для главного детского магазина в нашей прекрасной стране – Центрального детского магазина, который гордо стоит на Лубянке с 1957 года. В 2025 году ЦДМ постепенно трансформируется из магазина в Центр детских впечатлений, что требует от айдентики куда большей эмоциональной составляющей, чем в ней было. Поэтому мы нарисовали нежно ностальгирующий шрифтовой логотип, дополнили его полными лампового тепла иллюстрациями и паттернами и сопроводили ретро-пиктограммами для навигации. Весь проект теперь на главной нашего сайта.
Изображение поста

Графический дизайнер в Музей Анны Ахматовой

Задачи: — разработка дизайна и сопровождение изготовления афиш мероприятий, баннеров, полиграфии: листовки, флаеры, буклеты и т.п. — верстка материалов для занятий/экскурсий/музейных событий — макетирование информационных и навигационных объявлений — разработка дизайна и сопровождение изготовления сувенирной продукции — участие в издательских проектах Мы ищем человека: — умеющего работать в команде и соблюдать сроки — готового отвечать за фирменный стиль музея и предлагать свои решения Условия: — важно находиться в Петербурге — оформление по ТК — полный социальный пакет — стабильная зарплата + стимулирующие премии Контакт для отклика: press@akhmatova.spb.ru #дизайн
Изображение поста

Голосуя на Awwwards в качестве жюри, изучая номинантов и особенно претендентов на «Сайт месяца», заметил одну проблему: за награду часто соревнуются проекты двух разных категорий.

Первая категория — это привычные для всех сайты, где есть визуальный контент, навигация и лейаут. Естественно, можно встретить бесконечное количество разных подходов реализации дизайна, но при этом все эти проекты, будь то небольшое портфолио, корпоративный сайт или свеженький еком – являются как раз таки сайтами. Вторая категория — это интерактивный опыт (или веб-опыт). По сути, это кастомный микс из 3D-моделей, WebGL, Canvas и других технологий, завернутый в привычный веб-формат. Такие проекты часто создают команды с бэкграундом в геймдеве и кино-продакшене, что выводит результат на совершенно иной уровень. И знаете, обе эти категории проектов важны для индустрии. Вопрос только в том, почему такая платформа как Awwwards просит сравнивать их друг с другом. Считаю логичным решением разделить номинации, например, на Site of the Day и Web Experience of the Day. Это сделало бы оценку более честной и прозрачной для всех. @uimoton

Consta news

🔹NEW Pixso Мы опубликовали несколько библиотек дизайн-системы Consta в Pixso (Beta): На цветовых переменных: – Consta UI-Kit – Consta Table – Consta Graphics На старых цветовых стилях: – Consta Charts – Consta Drill Elements Для обратной совместимости: – Consta Default, Dark, Display Colors – Consta Default Typography – Consta Spaces ⚠️ Почему Beta? Некоторые компоненты могут работать с ошибками. Мы уже знаем о части из них, а про другие можем узнать только от вас :) Будем благодарны за обратную связь. В ближайшие недели постараемся довести библиотеки до максимального сходства с Figma. Ссылка на библиотеки в Pixso Что дальше: Готовим публикацию оставшихся библиотек и параллельно переезжаем на Variables (шрифты, отступы). Еще кое-что для Pixso: Мы сделали плагин Consta Props Styler — он строит таблицу свойств для компонент-сета в один клик (по аналогии с Propstar в Figma). Забрать можно здесь. 🔹NEW Figma – Перевели Consta UI-Kit на цветовые переменные. Теперь в библиотеке нет отдельных версий под каждую тему — переключение делается прямо в настройке Appearance → Variable Mode. – Навигация в менеджере ассетов стала проще. Что дальше: Переезд шрифтов и отступов на Variables. Обновление UI-Kit выйдет в ближайшие пару недель, затем подтянем и остальные библиотеки. 🔹Компоненты в UI-Kit – NEW Banner — статусная плашка с кнопками для закрепленных сообщений. – NEW File Icon — новая иконка формата файла: много предзаготовок + возможность собрать свою. – Tag — иконка теперь настраивается через Boolean-свойство, поправили размеры для S и XS. – Badge — выбор иконки вынесен в список свойств. – Groups — компоненты, у которых есть Group-версия, сделали отдельными от групп, как на портале: – AvatarGroup (добавили настройку View для всей группы разом) – SwitchGroup – BadgeGroup – CheckboxGroup – CollapseGroup 🔹Еще кое-что для Figma Сделали плагин Consta Style Replacer. Он помогает заменить цветовые стили на переменные по совпадению имен. Если библиотека опубликована в вашей команде — заведите у себя переменные и замените стили за пару кликов. В следующей версии добавим возможность работы с переменными из удаленных библиотек. Смотреть в Figma community Стэй тунед!
❗️ Новостной дизайн
#news Google тестирует новый card-style дизайн #google #uiux #designtrends #design Этот редизайн направлен на улучшение визуального восприятия и удобства навигации для пользователей. Эти изменения пока не доступны в текущей стабильной версии Android 16, но ожидается, что они будут внедрены в одном из следующих квартальных обновлений или в Android 17. 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
Изображение поста
📢 Хэштеги : навигация в канале 📢
Решили систематизировать содержимое канала. Чтобы вам и нам было легче ориентироваться. Пользуйтесь 👤 #вью — здесь будут лежать все интервью со студентами, кураторами воркшопов и просто хорошими людьми из мира дизайна #студпроект — крутые работы студентов разных направлений дизайн-школы Щёлочь #воркшоп — по этому тегу найдёте все открытые мероприятия, которые проводит Щёлочь #конкурс — дизайн-задачки, за достойное выполнение которых всегда можно получить призы #коллаб — наши совместные проекты и связи, о которых хочется рассказать #Щстудия — коммерческие проекты студии Щёлочь, над которыми работает наша команда Любая информация о наших курсах тоже по хэштегам 👤 #КНИ [Креатив Нейросети Искусство] #ОТГ [Основы Трехмерной Графики] #ОШД [Основы Шрифтового Дизайна] #ИЦМ [Интенсивная Цифровая Мода] #ОРА [Основы Разработки Айдентики] #СВД [Современный Визуальный Дизайн] #ВМП [Визуальное Мультимедийное Программирование] #СЭМ [Создание Электронной Музыки] #БМГ [База Моушн Графики] #ТКИ [Типографический Курс Индизайн]
❗️ Новостной дизайн
#news 📱 Figma обновила файловый браузер и локализуется для испанского рынка #gemini #uiux #designtrends #design Figma — обновила файловый браузер для улучшения навигации и организации. Также локализуют продукт для испаноязычного рынка с полным переводом интерфейса и культурными адаптациями. 📌 Ссылка на источник Поставь реакцию 💕 | 🙍‍♂️ Design News
DocuSIgn на своем бренд сайте заморочились с эффектами. Куча анимаций, странная навигация: все как мы любим
Ключевые проблемы дизайн-менеджмента (2/2)
#Менеджмент Об управлении в дизайне спорят все, кто оказывается на управленческих позициях. Ведь нет идеального руководителя, процесса, компании или продукта. Роль дизайн-менеджера заключается в нащупывании возможностей в рамках текущего контекста. А хороший менеджмент это всегда про решительность, рассудительность и способность идти туда, куда большинство пойти побоятся. — Как превратить проблемы в возможности? Дизайн-менеджмент — это выстраивание рабочих процессов, межличностных коммуникаций и стратегических планов. Чтобы преодолеть ключевые проблемы, нужен системный подход. Рассмотрим шесть пунктов, которые помогут решать эти проблемы комплексно: 1. Дизайн как часть бизнес-стратегии • Включение дизайн-лидеров в стратегические обсуждения развития бизнеса. • Связь UX-метрик (NPS, LTV, Retention) с финансовыми показателями. • Выстраивание производственных процессов, где дизайн участвует в принятии решений с самого начала. 2. Настройка производственных процессов • Организация коротких релизных итераций для быстрой проверки гипотез. • Организация инструментов (Дизайн-системы, базы знаний, пользовательские паттерны) для ускорения работы и обеспечения консистентности. • Роли, функции, зона ответственности в кроссфункциональной команде: (исследователи, разработчики, аналитики, менеджеры, дизайнеры). 3. Коллаборация между командами • Документация, гайды, прототипы, результаты исследований вместо абстрактных ТЗ. • Совместные воркшопы, сессии дизайн-мышления, где все участвуют в генерации идей. • Формат работы и взаимодействия с применением гибких методологий и высокой степенью автономности. 4. Развитие дизайн-команды • Гибкие роли дизайнеров с возможностью переключения между задачами. • Внутреннее обучение и менторинг: курсы по софтскилам (для ведения переговоров и проведения презентаций для бизнеса), курсы по хардскилам (изучение и внедрение новых технических инструментов). • Внешнее обучение: отправка дизайнеров на вебинары, интенсивы и др. типы обучения, согласно персональному плану развития каждого. • Честные KPI: оценка не по количеству нарисованных макетов, а по результативности в принятых решениях и влиянии на продукт. 5. Адаптация к новым технологиям • Регулярный аудит инструментов: что устарело, что пришло этому на смену. Какие AI-инструменты ускоряют реализацию рутинных задач. • Эксперименты с неиспользуемыми цифровыми форматами (AR/VR, голосовые интерфейсы, чат-боты, и т.д.) 6. Доказательство ценности дизайна • Метрики дизайн-эффективности: время на выполнение задач, снижение числа ошибок пользователей. • A/B-тестирование всего: от кнопок до навигации, от логотипов до анимации. • Гипотезы, их подтверждение / опровержение, измерение показателей и фиксация клиентских отзывов после внедрения конкретных дизайнерских решений (новый онбординг, новая панель навигации, новый кей-вижуал). Дизайн-менеджмент — это система Недостаточно просто нанять талантливых дизайнеров. Необходимо выстроить процессы, дать влияние дизайнерам и научиться измерять вклад их работы в общее дело. Дизайн-руководители, которые внедряют эти решения, получают: → Быстрые релизные итерации вместо бесконечных правок дизайна. → Синхронизацию команд вместо конфликтов между дизайнерами и другими специалистами. → Измеримый рост продукта и команды вместо субъективных оценок топ-менеджеров.
Изображение поста
🙌Друзья, привет!
Сейчас нахожусь в отпуске в Калининградской области и прогуливаюсь по курортному городу Зеленоградску. 👌Город обновился: открылись крутые фирменные рестораны с продуманным дизайном, косметические магазины с фирменной косметикой, сладости — марципан и шоколад — в ярких концепциях. ☝🏻Все это сделано профессиональными дизайнерами и командами, а не наспех на коленке. 🤔Однако наткнулась на одно странное зрелище: в туристической зоне зашла в несколько магазинов одежды. Оформление будто из 90‑х, всё выглядит дешево, оборудование собрано как в подвале. 😱Я была удивлена: как можно так не заботиться о клиентах, при таком большом трафике? Такой магазин — как плевок в душу клиента. Отношение к клиенту формирует продажи. Мы же не идём в кафе на пластиковые стулья и убитые скатерти. ✅Первая визитка бренда: витрина и входная зона. Она должна передавать смысл бренда и обещание качества. ✅Подбор материалов и свет: качественные материалы, освещение, соответствующий стилю товара, создают доверие и комфорт. ✅Организация пространства: логика навигации, удобство примерки, зонирование по сегментам. Притягивает внимание к ключевым товарным группам. ✅Витрина товаров и мерчендайзинг: правильные акценты, чистые полки, аннотированные ценники и единый стиль торгового оборудования. ✅Обслуживание и атмосфера: чистота, аккуратность стеллажей, работающий POS‑терминал, хорошая звуковая партитура фона, чтобы не мешать общению. ✅Соответствие бренду: дизайн магазина должен передавать ценности бренда и вызывать в клиенте доверие к качеству. 👉🏼Где есть аккуратный, продуманный дизайн, там растет конверсия и лояльность. Клиенту хочется задержаться, вернуться и рассказать друзьям. ☝🏻Когда оформление и оборудование выглядят «как у соседей» и не поддерживают самую идею бренда, клиенты выбирают конкурентное предложение, даже если товар того же уровня. ‼️‼️В ритейле важно понимать, что покупатель принимает решения на уровне ощущений и визуального восприятия: если первый контакт — скучный, то и шанс продажи снижается.
🌧 Дизайн для ленивых: как интерфейсы учатся думать за пользователя
Антон Сасюк рассказал о новом тренде в UX дизайне под названием «ленивый интерфейс». Суть в том, что современные приложения берут на себя рутинные решения пользователей. Google обнаружил: 53% людей уходят с сайтов, которые грузятся дольше 3 секунд, а 47% ожидают, что интерфейс предугадает их потребности. Но есть и провалы: банки назойливо советуют экономить после крупных трат, медсервисы пугают диагнозами, а Госуслуги присылают напоминания о штрафах сразу после их оплаты. Главное правило автоматизировать только 20% самых частых действий и всегда давать пользователю контроль над умными функциями. Внутри: – Автозаполнение с ИИ в Яндекс.Картах и СберБанке; – Прогнозирующая навигация в маркетплейсах и банках; – Примеры Wildberries с машинным обучением для главной; – Госуслуги с сезонными подсказками и Яндекс.Еда по времени дня; – Провалы с финансовыми советами и медицинскими диагнозами; – Правило 80/20 для выбора функций автоматизации; – Важность контроля и прозрачности алгоритмов; – Тестирование и постепенное улучшение системы. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
50 Mobile Bottom Navigation Bar.
Готовые Figma-компоненты 50+ мобильных навигационных панелей с поддержкой темной/светлой темы и адаптацией под iOS/Android. Открыть в figma 🔗 #Файлы
Изображение поста
23 решения для удобной навигации в интернет-магазине
Команда KISLOROD специализируется на разработке и продвижении интернет-магазинов. Узнайте, как они помогают бизнесу быть успешным в онлайн-продажах Читать на дизайнерс | #статья
Изображение поста
🎨 Когда в приложению нужен редизайн и как не слить бюджет
В статье Фёдор Миронов из CleverPumpkin рассказал, что редизайн это не только свежий визуал, но и инструмент для решения конкретных задач: улучшения UX, устранения накопившихся проблем и роста ключевых метрик. Он разделил редизайн на косметический, меняющий только «упаковку», и полноценный, пересматривающий навигацию, сценарии и логику работы, и показал, как понять, какой именно нужен вашему продукту. Он подчеркнул, что любые изменения должны основываться на данных и исследованиях, а не на вкусах команды. Прежде чем браться за Фигму, важно проанализировать метрики, провести опросы и юзабилити-тесты, изучить отзывы и определить реальные боли пользователей, чтобы бюджет работал на рост, а не улетал в пустоту. Внутри: – Типы редизайна: косметический и полный; – Признаки, что нужен глубокий редизайн; – Количественные исследования: метрики, воронки, A/B-тесты; – Качественные исследования: интервью, юзабилити-тесты, дневники; – Анализ обратной связи: отзывы в сторах, чаты поддержки, соцсети; – Метод тройного алмаза для минимизации рисков. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Как прогресс-бар улучшает онбординг
Дизайнер virgil pana поделился мыслями во время работы над онбордингом для SEO-платформы, где пользователи подключают сайт и заполняют нужную информацию для генерации персонализированного контента. На видео процесс из 12 шагов с прогресс-баром и продуманными микроанимациями. Прогресс-бар показывает, на каком этапе пользователь, снижает тревожность и упрощает навигацию. Анимации галочек, плавные переходы и мгновенная обратная связь делают процесс более дружелюбным и понятным. Зачем здесь прогресс-бар? 💬 Даёт обратную связь — показывает, что шаг успешно пройден 🟢 Отражает статус — визуализирует продвижение в реальном времени ➡️ Помогает двигаться дальше — мягко подсказывает следующий шаг ✔️ Снижает ошибки — галочки или ошибки сразу видны по каждому пункту Такие детали делают онбординг плавным, приятным и повышают вовлечённость. 🖼️ Хороший интерфейс
Создание аудиовизуализатора в Blender 4.5
🎬 Немного навигации: 00:00 – Вступление; 00:43– Использование расширения Simple Audio Visualizer; 05:44 – Загрузка музыки без авторских прав с Epidemic Sound (AD); 07:53 – Настройка визуализатора частотного диапазона; 10:46 – Создание системы Geometry Nodes; 18:45 – Настройка дизайна аудиовизуализатора; 22:46 – Освещение и движение текстуры земли; 30:00 – Настройка камеры и анимация; 33:24 – Добавление цветного освещения, синхронизированного с падением; 35:37 – Незначительные настройки и композитинг; 40:06 – Настройки рендеринга для окончательной анимации; 43:12 – Завершение. #уроки #Blender3D | Оригинал
Ого! Бесплатный курс по 3d-визуализации интерьера
Хотите я покажу вам, что такое 3d-магия? На бесплатном 14-дневном онлайн-курсе «3D Max в интерьере: Первые шаги» под руководством личного наставника, Вы: - Разберетесь с интерфейсом и навигацией 3D Max - Выберете интерьер, который будете моделировать с нуля - Построите геометрию помещения (стены, пол, потолок, проемы) - Самостоятельно смоделируете журнальный столик, светильники, декоративные панели на стену. Узнаете как работать с материалами - Научитесь импортировать модели в сцену - Выставите реалистичный свет и получите свою первую 3d-визуализацию комнаты - Узнаете как заработать на полученных навыках от 100 000 рублей в месяц! Узнать больше #реклама 16+ ok-visual-3dstart.ru О рекламодателе
Ого! Бесплатный курс по 3d-визуализации интерьера
Хотите я покажу вам, что такое 3d-магия? На бесплатном 14-дневном онлайн-курсе «3D Max в интерьере: Первые шаги» под руководством личного наставника, Вы: - Разберетесь с интерфейсом и навигацией 3D Max - Выберете интерьер, который будете моделировать с нуля - Построите геометрию помещения (стены, пол, потолок, проемы) - Самостоятельно смоделируете журнальный столик, светильники, декоративные панели на стену. Узнаете как работать с материалами - Научитесь импортировать модели в сцену - Выставите реалистичный свет и получите свою первую 3d-визуализацию комнаты - Узнаете как заработать на полученных навыках от 100 000 рублей в месяц! Узнать больше #реклама 16+ ok-visual-3dstart.ru О рекламодателе
😍 Редизайн записи к врачу в Симед
Команда Собаки Павловой показала, как перестроила модуль записи так, чтобы путь от выбора врача до подтверждения занимал меньше времени и не сбивал с мысли. Убрали лишние шаги, сделали понятный календарь и прозрачные слоты, сократили число возвратов на предыдущие экраны. Проработали разные сценарии для новых и постоянных пациентов, учли специфику клиник и страховых правил, добавили подсказки в нужный момент без перегруза. Навигация стала прямее, статусы записи читались сразу, ошибки объяснялись человеческим языком. Внутри: – Какие проблемы мешали записываться быстро; – Как упростили календарь и выбор слотов; – Сценарии для новых и постоянных пациентов; – Подсказки и тексты вместо лишних экранов; – Правила страховых и ограничения клиник; – Метрики после релиза и планы развития. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста