Всем привет!🎩

Наконец-то готова показать кейс коммерческого проекта. Это редизайн сайта Радищевского музея, сотрудником которого я являюсь. Основную часть работы делала со школой, адаптивки и кейс доделывала сама. Была переработана сложная информационная архитектура и навигация, внедрена единая UI-система, структурирован контент. Благодарю за помощь куратора Артура и, конечно, Женю! Команде Uprock спасибо за все знания и навыки, которые я получила в процессе обучения ❤️

Лена Мезина из «Синтеки» рассказывает о сервисе «Фейскит», которым пользуются рабочие, прорабы и кладовщики. Люди открывают приложение, чтобы быстро получить инструмент или начать смену. Телефон может быть в перчатках, под дождём или с испачканными руками, поэтому каждый лишний шаг и маленькая кнопка мешают работе. Команда увеличила кнопки, вынесла частые действия на главную и разделила меню по уровням. После редизайна пользователи сначала просили вернуть старый интерфейс, но через три недели начали пользоваться новой навигацией. В другом сценарии добавили дополнительное подтверждение фотографии перед началом смены: шаг стал длиннее, зато ошибок распознавания стало меньше. Внутри: – Почему привычные правила минималистичного интерфейса плохо работают в полевых условиях; – Как размер кнопок, структура главной и меню влияют на скорость работы; – Почему первые негативные отзывы после редизайна не всегда говорят о провале; – Когда дополнительный шаг помогает снизить количество ошибок; – Как статистика по 36 тысячам операций помогает команде спорить о будущем сценария. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Урок по адаптивности сайта: базово разберемся, какие разрешения для макетов брать, а также какими принципами нужно руководствоваться при адаптации макета. Если вы вдруг пропустили 1, 2 и 3 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке мобильной версии сайта: главного экрана или всего сайта (3 блока + подвал)! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube ✅ #бесплатник

Практический урок, где мы будем собирать дизайн всего сайта. Если вы вдруг пропустили 1 и 2 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке макета всего сайта. Напоминаю, что по всем урокам Д/з буду принимать до 30 августа включительно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube ✅ #бесплатник

Екатерина Соловьёва собрала гайд по доступному дизайну. Контрастный текст, понятные ошибки, навигация с клавиатуры и субтитры помогают людям с разными ограничениями, а заодно упрощают продукт для остальных пользователей. Одной проверки по WCAG недостаточно. К тестированию стоит привлекать людей, которые пользуются скринридерами, клавиатурой и другими вспомогательными технологиями. Так можно найти проблемы, которые дизайнер или автоматический тест просто не заметит. Внутри: – Чем доступность отличается от инклюзивного дизайна; – На каких четырёх принципах построен стандарт WCAG 2.2; – Как проверять контраст, масштабирование текста и клавиатурную навигацию; – Зачем нужны семантическая разметка, альтернативные тексты и понятные ошибки; – Как включить доступность в исследования, разработку и регулярное тестирование. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Команде — уважения и охватов! Читайте на vc.ru и на Дизайнерс!

И это понятие уже давно стало гораздо шире пандусов и лифтов. Важно учитывать потребности людей, использующих инвалидные коляски, людей с нарушениями зрения и слуха, людей с ментальными особенностями. А значит, думать о свете, акустике, навигации, планировке, понятности и предсказуемости пространства. Это большая, сложная, важная и, кстати, очень интересная тема. Сейчас проводится исследование об инклюзии в архитектуре и дизайне интерьера. Особенно нужны ответы архитекторов, дизайнеров, студентов и преподавателей профильных направлений. Если вы связаны с проектированием, очень прошу пройти опрос. Чем больше будет искренних профессиональных ответов, тем лучше будет понятно, насколько мы вообще учитываем эти вопросы сегодня.

Install ️

Теперь стандартное название раздела «Все» можно заменить на любое другое. Например, «Все товары» или «Каталог». Это поможет адаптировать каталог под тематику вашего магазина и сделать навигацию более понятной. Новое название будет отображаться не только в панели управления каталогом, но и на сайте — в списке разделов и в хлебных крошках. Где найти: Каталог 👉 Разделы 👉 Редактировать раздел #tildaupdates

Екатерина Соловьёва собрала подробный гайд по тестированию прототипов. Ранняя проверка помогает найти проблемы в сценариях и навигации до того, как решения попадут в код и станут дорогими в исправлении. Бумажные наброски подходят для проверки общей идеи и структуры. Интерактивные схемы помогают пройти основные сценарии, а подробные прототипы нужны для проверки текстов, визуала и мелких взаимодействий. Во время тестов стоит фиксировать успешность задачи, время, ошибки и места, где пользователь останавливается или уходит. Внутри: – Как выбрать детализацию прототипа под задачу исследования; – Когда использовать юзабилити-тесты, интервью и экспертную оценку; – Как подготовить сценарии, метрики и участников; – Какие ошибки команды допускают при проведении тестов; – Как проверять доступность интерфейса ещё до разработки. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Бесплатный плагин с кучей иконок и удобной системой навигации 💡 Глянуть плагин 💡 #plugin

Большинство думает, что основные расходы при открытии салона это ремонт и мебель, на самом деле это лишь часть бюджета. Именно поэтому многие выходят за смету еще до окончания ремонта. Чтобы открыть салон, нужно предусмотреть десятки статей расходов. Вот основные из них в процентном соотношении что сколько стоит: 1. Помещение (10–15%) • обеспечительный платеж • первый месяц аренды • услуги риелтора • юридическое сопровождение • регистрация договора аренды (при необходимости) • подготовка помещения к проектированию 2. Проектирование (3–7%) • анализ помещения • бизнес-концепция • планировочное решение • дизайн-проект • рабочие чертежи • инженерные проекты • проекты для согласований 3. Строительство и оснащение (50–65%) Самая большая статья расходов, сюда входит буквально все: • строительные и отделочные работы • электрика • сантехника • вентиляция • кондиционирование • отопление • пожарная сигнализация • интернет и слаботочные системы • освещение • мебель • оборудование • бытовая техника • вывеска • навигация • декор 4. Документы и запуск (3–5%) • регистрация ИП или ООО • касса и эквайринг • лицензирование (при необходимости) • разрешительная документация • бухгалтерское сопровождение 5. Персонал (7–12%) • поиск сотрудников • обучение • адаптация • медицинские книжки • униформа • фонд оплаты труда до выхода салона на плановую загрузку 6. Закупка материалов (5–10%) • профессиональная косметика • расходные материалы • одноразовая продукция • бытовая химия • товары для продажи • стартовый склад 7. Маркетинг и открытие (5–10%) • логотип и фирменный стиль • сайт • CRM • телефония • социальные сети • наружная реклама • фото- и видеосъемка • печатная продукция • торжественное открытие 8. Финансовый резерв (5–15%) Практически никто не закладывает этот пункт, хотя именно он позволяет спокойно пройти первые месяцы работы. • аренда • зарплаты • коммунальные платежи • налоги • дозакупка материалов • непредвиденные расходы 9. Цена ошибок (10–30%) Именно этой статьи расходов нет ни в одной смете, но как раз она становится причиной большинства перерасходов. Например: • неправильно выбрали помещение; • не хватило электрической мощности; • забыли про вентиляцию; • пришлось переносить стены; • переделали электрику после начала ремонта; • мебель не подошла по размерам; • не прошли лицензирование с первого раза. Все эти ошибки стоят очень дорого, а избежать их можно еще на этапе проектирования. Самое интересное, что дизайн-проект составляет всего 3–7% от общего бюджета открытия или обновления салона, но именно от этих 3–7% зависит эффективность остальных 93–97% инвестиций. Это как раз и есть основная задача, которую решает наш дизайн-проект, а не просто "красивые картинки". Именно на этапе проектирования принимаются решения, которые определяют: • сколько будет стоить ремонт • сколько рабочих мест получится разместить • понадобится ли переделывать инженерные системы • пройдет ли помещение по действующим нормам • получится ли провести честный тендер среди строителей • насколько точно удастся уложиться в бюджет. Другими словами, дизайн-проект управляет практически всеми последующими расходами, поэтому его нельзя рассматривать как очередную статью затрат. Это инвестиция, которая помогает сохранить сотни тысяч, а иногда и миллионы рублей еще до открытия салона. Самые дорогие ошибки совершаются еще до начала ремонта, именно поэтому стоимость грамотного проекта окупается задолго до того, как в салоне появится первый клиент. Если Вы планируете открытие или обновление салона, приходите на консультацию. За 1,5 часа Вы получите четкий план действий, поймете, из чего будет складываться бюджет именно Вашего проекта, какие статьи расходов Вас ждут и где можно сэкономить без ущерба для качества и будущей прибыли. https://max.ru/id771921226310_biz - канал МАХ https://www.stqr.ru/39033-1-571 - Визитка, там ссылки на все соцсети и сайт +79169653356

в пятницу КОРТРОС провёл первую IT-конференцию Digital Day, посвящённую цифровой трансформации компании. Максим Семёнов, аккаунт-директор aic.ru, рассказал о нашей работе над цифровой экосистемой девелопера. мы провели масштабное исследование сайта kortros.ru: изучили аудиторию через интервью и опросы, проанализировали поведение пользователей и выявили узкие места в воронке продаж. на основе данных сформировали стратегию развития сайта: донастраиваем контент, упрощаем навигацию и внедряем инструменты для сравнения предложений. 👀 результаты уже легли в основу новых лендингов — цель превратить сайт в полноценный канал продаж, ведущий пользователя от знакомства с проектом до заявки. 💕спасибо КОРТРОС за приглашение и возможность поделиться результатами!

В эту субботу буду выступать с лекцией в Выксе на Дизайн-выходных, посвященных брендингу! 👀 🌟 От идеи до брендбука: как создавать визуальные системы Как превратить логотип в гибкую айдентику, которая работает на любых носителях — от социальных сетей до мерча и навигации. На реальных кейсах разберём, как строится визуальная система бренда, что делает её консистентной и как оформить идеи и визуальные решения в понятный и рабочий брендбук. Спикер: Екатерина Антонова — арт-директор Dotorg. Автор тг-канала true merch™. «Дизайнер года 2025» по версии фестиваля Нового дизайна «Среда». В 2026 году — член жюри ADCR Awards. Выпускница МГХПА им. Строганова и Школы Дизайна НИУ ВШЭ. Регистрация и полная программа тут 👀

В первом туре RDC было жарко: 500+ регистраций, 52 работы, три финалиста и две спецноминации. Сейчас в самом разгаре второй тур с новой задачей — принять участие и подать свою работу может каждый. Задача второго тура: исследовать, что на самом деле объединяет продактов, аналитиков и дизайнеров. Отыскать свою метафору единства и создать айдентику продуктового сообщества: — Логотип; — Цветовую и типографическую стилистику; — Несколько ключевых носителей: например, оформление онлайн-пространства, мерч или элементы навигации для офлайн-встреч. Лучшие работы разберёт звёздное жюри конкурса, а тройка лидеров получит пропуск в суперфинал, где участники поборются за призовой фонд конкурса — в 300 000 рублей. Подписывайтесь на аккаунт конкурса на Dprofile, загружайте своё решение и добавляйте аккаунт конкурса в соавторы. Узнать подробности и правила участия Приём работ открыт — до 2 августа, 23:59 по МСК. А задать вопрос и пообщаться с участниками конкурса — можно в ТГ-чате RDC.

Кат Хоман разбирает дизайн приложений для психологической поддержки. Люди часто открывают их в состоянии тревоги, усталости или сильного стресса, поэтому скрытая навигация, непонятные значки, яркие анимации и длинный выбор могут быстро заставить человека закрыть приложение. Особенно важен контекст. Экран оплаты, серия достижений или конфетти после записи о плохом настроении могут выглядеть нормально сами по себе, но в такой момент воспринимаются странно. Пользователю нужен короткий путь к помощи, понятные действия и возможность вернуться в приложение без чувства вины за пропущенные дни. Внутри: – Почему модные приёмы могут повышать нагрузку и мешать получить помощь; – Как подстраивать сценарий под состояние и силы пользователя; – Почему знакомая навигация и предсказуемые действия особенно важны при стрессе; – Как серии дней, уведомления и награды могут создавать давление; – По каким пяти критериям проверять дизайн приложений для психологической поддержки. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Дополнительное образование Университета Косыгина запускает удобный сайт флагманского проекта для студентов — программы Двойного диплома. Теперь вся информация о том, как освоить вторую профессию параллельно с основным образованием, собрана на единой и удобной платформе. Ключевые возможности новой платформы: — Навигация по направлениям: описание программ, учебных планов и стоимости обучения. — Гид по поступлению: пошаговые этапы, перечень документов и условия бронирования места на курсе. — Обратная связь: формы подачи заявок и получения консультации. Познакомиться с возможностями новой платформы и оставить заявку на обучение по программе Двойного диплома на официальном сайте: 2diplom.rguk.ru ✨

Миша Просмицкий пишет о доступности как о части инженерного процесса, а не как о пункте в чек-листе. Команды теперь могут генерировать интерфейсы быстрее, чем раньше, но скорость легко маскирует базовые проблемы: кнопка оказывается div с обработчиком клика, фокус не работает, скринридер видит плоский текст, а пользователь не может оплатить заказ. Особенно больно это становится с ИИ-кодом. Модель часто повторяет то, на чём училась: несемантичную разметку, красивые пиксели и минимум ограничений. Поэтому доступность нужно встраивать в систему заранее: правила для ИИ, доступные компоненты в дизайн-системе, проверка в pull request, Definition of Done, тесты в CI, понятная передача фокуса, подписей, состояний и порядка клавиатурной навигации. Аудиты всё ещё нужны, но они не заменяют процесс. Внутри: – Почему аудит доступности быстро устаревает после нескольких релизов; – Как ИИ ускоряет создание интерфейсов и одновременно множит ошибки; – Почему красивый компонент может быть бесполезен для скринридера; – Зачем ограничивать ИИ правилами до генерации кода; – Почему сложные элементы лучше брать из проверенных библиотек, а не писать заново; – Как дизайн-система помогает масштабировать доступность на тысячи экранов; – Какие проверки стоит встроить в ревью, Definition of Done и CI; – Почему тесты с реальными пользователями с инвалидностью всё равно нельзя заменить линтером. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

ДЕНЬ 5 ИЗ 7 Сегодня расскажу о системе навигации в канале: о том, как она устроена и как упрощает поиск нужных решений. В канале мы публикуем проекты не целиком, а по зонам – кухня, спальня, ванная, прихожая и так далее. Потому что так реально УДОБНЕЕ. Проекты и бюджеты очень разные, и вкус у всех тоже очень разный. Редко кто пересматривает весь объект “от корки до корки”, потому что чаще всего нужен не проект целиком, а точный ответ на конкретный запрос: как оформить кухню, какой свет повесить в спальне, где купить этот диван, что делать с маленьким санузлом. Поэтому структура https://golnk.ru/lgN8X">Потрясных находок выстроена так, чтобы любой мог: • открыть нужный тег и сразу получить сотни примеров по своей задаче – если нужен пример кухни, он открывает тег #кухня, внутри хэштега варианты из всех наших проектов за 3 года.; • сравнить решения в одном стиле или бюджете; • быстро понять, что подходит, а что нет; • и применить найденное в своём ремонте без долгих поисков. Но удобная навигация – далеко не все, что есть в канале. Тариф навсегда открывает доступ к практическим урокам. Один из самых важных и полезных – «Как с бетона дойти до чистовой отделки». В нем подробно разобрали: • Где искать бригады, какие задавать вопросы — 🔴 и 🟢 флаги • Как не попасть на развод при расчётах от бригады • Как дистанционно обсудить срок и цены на ремонт и кого для этого пригласить • Наша вилка цен со строителями • Когда и кому платить, по какому договору (бонус — шаблон нашего свежайшего договора с бригадой) • Кто закупает материалы и кто за них отчитывается • Из чего РЕАЛЬНО складывается стоимость ремонта • Как выглядит живая смета и как ею управлять • Что меняется, если вы стартуете не с бетона, а с white box • И 40 последовательных пунктов ремонта, которые проходят ВСЕ наши объекты (стяжка, отопление, электрика, водоснабжение, сантехника, опрессовка, перепланировка и т.д.) https://golnk.ru/lgN8X">Канал дает не только вдохновение, но и пошаговый путь ремонта: что делать, в какой последовательности, сколько это стоит и где чаще всего возникают ошибки. Урок доступен участникам с подпиской НАВСЕГДА – срок, который без спешки покрывает полный цикл ремонта для тех, кто делает его впервые. После оплаты вы получаете: • урок «С бетона до чистовой отделки» • урок «Грамотное управление бюджетом» • урок «Тренды и антитренды в интерьере 2026-2027г.» • таблицу с промокодами и проверенными подрядчиками 🔥 эксклюзивный доступ к каналу реалити «Ремонт для себя с Юнной», где я делюсь процессом своего ремонта и прикладными советами, а не просто ссылками 🔥 полный гайд по отделке на 172 страницы, где разобрано КАЖДОЕ решение на плюсы и минусы Ссылка на вступление — https://golnk.ru/lgN8X

Статья разбирает вкладки как простой, но часто неправильно используемый паттерн. Они хорошо помогают, когда нужно быстро переключаться между несколькими понятными разделами, сэкономить место и не уводить человека на отдельные экраны. Например, внутри страницы, карточки, настроек, дашборда или мобильного приложения, где есть 5–7 близких по смыслу категорий. Проблемы начинаются, когда во вкладки пытаются засунуть слишком много всего. Длинные названия не помещаются, категории начинают конкурировать, вложенные вкладки путают уровни, а важный контент оказывается спрятан. Вкладки не должны становиться складом для всего, что некуда положить. Если пользователю нужно сравнивать данные между разделами, много скроллить по табам или гадать по коротким названиям, лучше выбрать другой способ навигации. Внутри: – Когда вкладки реально упрощают навигацию; – Почему они хорошо работают для небольшого числа понятных категорий; – Зачем использовать вкладки как поднавигацию внутри страницы; – Почему слишком много вкладок быстро ломают интерфейс; – Чем опасны длинные и неочевидные названия; – Когда вложенные вкладки начинают путать пользователя; – Как проектировать вкладки для мобильных экранов и жестов; – Почему активное состояние, доступность и клавиатурная навигация важны не меньше визуала. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы