Привет, друзья.

Сегодня мы к вам с очень важной новостью. Вот с чем нам точно везет, так это с партнёрами. В этом году на Фестивале нового дизайна СРЕДА не один, а целых два Цифровых партнёра. Ну, во-первых, юбилейный год и всё должно быть максимально юбилейно, а во-вторых цифровые номинации — это одно из самых динамичных направлений фестиваля. Количество заявок в эти номинации растёт каждый год. Для нас (и для вас тоже) это точка роста. Поэтому мы решили не скромничать. Два крутейших Цифровых партнёра — это в самый раз. Каждый из наших Цифровых партнёров — это глыба и величина, они очень хорошо известны в цифровом мире, но мы их представим. Итак.... Red Collar. Пожалуй, самое награждаемое диджитал-агентство страны в копилке которого имеется и Оскар цифрового мира — статуэтка Webby Awards, а также множество наград российских и зарубежных конкурсов. Only. Агентство стабильно, из года в год, входит в число лидеров практически всех значимых индустриальных рейтингов страны, а представителей агентства частенько можно встретить в качестве спикеров на различных форумах, конференциях и фестивалях. С наградами у них тоже полный порядок. Наши Цифровые партнеры уже приступили к формированию Цифрового жюри фестиваля, а еще... Red Collar и Only готовят для участников Фестиваля нового дизайна СРЕДА то, что вызовет настоящий фурор в цифровом и фестивальном мире. Скоро расскажем подробности. А пока... Скорее подаём свои цифровые работы на Фестиваль нового дизайна СРЕДА. festivalsreda.ru

отвлекаем вас от работы на весь оставшийся день дайджестом последних сезонов

скоро глоуапнем название и аватарку по причине «новый сезон» — не пугайтесь и снимайте мьютики 👄 ⚪️ ai-сезон — 6 недель контента о том, как мы используем нейронки в команде. показали, как в соло доносить проект от макета до netlify, вайбкодить сайты, генерить гиперреалистичную кожу и собирать свои тулзы. выжали максимум — вам осталось просто взять и сделать ⚪️ зеленый сезон — полный бэкстейдж большого редизайна: рассказали как концептили, дизайнили, вайбкодили новую главную для зелёного банка и что такое web os. показали то, чего не видел даже клиент ⚪️ дизайн 360 — собрали для вас шоты с проектов прагматики. можно бесконечно скроллить, вдохновляться, чекать приёмы в своих проектах и расширять фан реф-базу ⚪️ неделя с мемами — рассказали, как податься на гражданство фигмы в связи с количеством проведенных в ней лет (мы пошутили) накиньте бустов, коллеги!

3D Web Browser Scene Creator

Набор современных 3D мокапов Install

Movie Website App — Простой шаблон макет онлайн-кинотеатра, который поможет вам при создании новых проектов

Плагин «CoolHue» by Webkul Design
Градиентная палитра с 60+ готовыми к использованию градиентами. 🍩 Скачать плагин 🍩 #plugin
Большинство игровых механик в маркетинге не дают результата. Но проблема не в инструменте, а в том, как его используют
В новой статье на Adindex наш гейм-директор Артур Рябушенко: — Рассказывает, как использовать игровые механики, чтобы они приносили пользу — Разбирает, как управлять поведением пользователя в геймификации и играх для бизнеса — Показывает, из чего состоит любая игра — Даёт практический чек-лист по созданию игр для бизнеса Чек-лист показываем вам тут и сразу, но чтобы успешно применять его, советуем сначала прочитать статью @webzdelnya 💻💻💻
Минутка инструментов:
Разработчик William Candillon выкатил интересное — свою библиотеку для работы с графикой, интерактивным леттерингом в векторе для веб. Redraw — это библиотека 2D-графики, построенная на базе WebGPU. Она поддерживает переменные толщины линий, цветовую градиентную заливку по контурам и физически обоснованный рендеринг. Важной особенностью Redraw является векторное размытие, которое позволяет создавать быстрые эффекты размытия без необходимости растрирования. Это открывает возможности для таких задач, как аналитическое размытие движения или быстрая обработка фоновых фильтров.
Приключение про инвестиции, которое привлекло 60% не инвесторов 😯
«В поисках акций 2» — pixel hunting-квест для Альфа-Инвестиций в мезоамериканском стиле. Чтобы уровни были понятны широкой аудитории, в иллюстрациях соединили мифологию Мезоамерики с поп-культурой Черпали вдохновение отовсюду: от «Волка с Уолл-стрит» и «Игры на понижение» до «Острова сокровищ» и «Аладдина» 40 уровней / 20 уникальных иллюстраций / 5 цветовых палеток / 5 узоров уже можно смотреть на Behance и Dprofile @webzdelnya 💻💻💻
Визуальный язык бренда: как WEB-технологии меняют современный дизайн 👨🏻‍💻
Слушатели программы Двойного диплома «Графический дизайн и брендинг» изучают эту тему на занятиях Волосецкой Диляры Ниязовны — преподавателя дисциплины «WEB-технологии в дизайне». Диляра Ниязовна — преподаватель РГУ им. А.Н. Косыгина, специалист в области графического и UX/UI-дизайна. За её плечами — работа дизайнером в журнале Grazia и сотрудничество с разными направлениями бизнеса, где она помогает выстраивать визуальную коммуникацию с потребителем. На занятиях студенты изучают принципы построения удобных интерфейсов, адаптивную вёрстку, работу с типографикой и цветом в цифровой среде, а также создание прототипов сайтов и приложений. Сегодня дизайнер должен не только создавать стиль, но и уметь встраивать его в цифровую среду. Именно поэтому освоение WEB-технологий становится обязательной компетенцией современного специалиста. 🖇️ Подробнее об обучении на сайте
Все уже попробовали Claude Design?
А пока я загружаю дизайн-систему туда, напишу про заявленную доступность Claude: • Аудит компонентов на соответствие WCAG 2.1 / 2.2 (A, AA, AAA) — контрастность, фокус, таб-порядок, размеры тач-таргетов • Проверка и генерация корректной ARIA-разметки (roles, states, properties, live regions) • Проверка работы с клавиатурой и фокуса • Анализ семантики HTML, heading hierarchy, landmark-регионов • Проверка alt-текстов • Генерация A11y-документации для компонентов дизайн-системы (do's/don'ts, примеры использования) Есть набор Accessibility Agents — специализированных агентов для Claude Code, GitHub Copilot и Claude Desktop, которые проверяют код на соответствие WCAG 2.2 AA, покрывают i18n/RTL, дата-визуализации, email, медиа, web components Пока сама не тестировала, попробую попозже )
🎙 Мастер класс по верстке на Тильде
24 апреля в 13:00 (мск) я проведу открытый бесплатный мастер-класс для сообщества Web-коворкинг на тему: «Верстка на Тильде первого экрана по Window контейнеру с помощью Автолейаутов». Ссылка на трансляцию будет опубликована только в чате сообщества. Если хотите попасть на прямой эфир, то обязательно вступайте в чат 🔔 ✨ Трансляция пройдет в Яндекс Телемост. 📷 Запись эфира, конечно, будет! ❤️ По любым вопросам пишите в комментариях
web designer в adelt.io
ищем тебя, если ты вдохновляешься проектами уровня awwwards, уверенно работаешь на пересечении брендинга, веба и графики. проекты с нуля и в развитии ждем, что ты: – делаешь сильный веб-дизайн и визуальные концепции; – умеешь собирать айдентику и бренд-гайды быстро и стильно; – создаешь графику для digital и офлайна; – работаешь в Figma / Photoshop / Illustrator (работа с After Effects и простой моушен будет большим плюсом); – активно используешь AI-инструменты в работе мы забираем тебя в команду, если: – опыт в digital / web более 3 лет; – владеешь английским от Intermediate; – имеешь широкий спектр инструментов и чувство вкуса. предлагаем: – международные проекты, оплата в $ или ₽; – минимум бюрократии, прямой контакт с теми, кто принимает решения; – полностью удалённый формат, условия оформления прозрачны. присылай портфолио и резюме → @adelt_anna.
Как веб-технологии в дизайне повышают эффективность интернет-маркетолога? 🤓
Студенты программы Двойного диплома «Интернет-маркетинг и электронная торговля» погружаются в эту тему на занятиях Устиновой Анны Павловны — преподавателя дисциплины «WEB-технологии в дизайне». ▪️Анна Павловна — практикующий эксперт в области WEB-дизайна и визуальных коммуникаций. Её профессиональный путь — более 5 лет работы в крупных организациях: от Департамента транспорта Москвы до рекламной группы OKKAM. В рамках дисциплины студенты осваивают проектирование интерфейсов, анализируют визуальные решения с точки зрения маркетинговых задач и выстраивают эффективную коммуникацию с дизайнерами и разработчиками. В результате WEB-технологии становятся для будущего маркетолога профессиональным инструментом, позволяющим видеть цифровой продукт целиком и достигать коммерческих результатов через дизайн. 🖇 Подробнее о программе Двойного диплома ВК | MAX | RUTUBE | ДЗЕН
🚩 Программа онлайн-конференции Соло
Уже 9 апреля совместно с сервисом Robokassa мы проведём онлайн-конференцию о тех и для тех, кто развивает своё дело в одиночку или небольшой командой. Узнаете, как привлекать клиентов, развивать бизнес и подстраховаться от ошибок. Успейте занять место 👉 https://webinars.tilda.ru/soloconf">https://webinars.tilda.ru/soloconf В программе: 🟠 Топ ошибок ИП и самозанятых в налоговом учёте; 🟠 Как самозанятым и ИП законно принимать платежи в 2026 год; 🟠 Как без бюджета привлечь клиентов из соцсетей; 🟠 Сайт как удобный инструмент для работы с корпоративными клиентами; 🟠 Как no-code инструменты и вайб-кодинг помогают растить проекты; 🟠 Бизнес без сотрудников: как работать и развиваться в одиночку. Вас ждут ёмкие выступления экспертов, истории предпринимателей и призы для самых активных — умная колонка Яндекс Станция Миди и подписка на Тильду. Регистрируйтесь и приходите на эфир: https://webinars.tilda.ru/soloconf">https://webinars.tilda.ru/soloconf
Webflow теперь умеет генерировать сайты по промту. Получаются функциональные сайты, которые можно редактировать: настраивать стили, цвета и шрифты, добавлять и удалять блоки и страницы и многое другое (Webflow — один из самых развитых редакторов адаптивных сайтов).
Если вы сомневаетесь, что я крутая, то сейчас перестанете сомневаться.
Скромность вышла из чата, потому что я в это мгновение горжусь собой до небес. Рассказываю. Меня бесило, что нужно всё время проверять рекламный кабинет: "Кто-то ещё нажал единичку? Появился или нет новый потенциальный клиент?" Какая-то это унылая мастурбация — подумала я и... Запрограммировала бота в Телеграм, который присылает мне мгновенные уведомления с номером телефона того, кто нажал эту самую единичку. Где бы я ни была — я могу отреагировать мгновенно. Как я это сделала? ХА! Немного Python, немного webhook, щепотка filter и жирный token. Короче. Я попросила о помощи ИИ и вместе мы справились за час. Не знаю как вы, а сижу такая немного в ахере. Первый мой IT-проект получается ) Лайк? )
⚫️ ХОТ ТЕЙК:
МЫ СОБРАЛИ AI-ПЛАГИН ЗА ВЕЧЕР — И ОН СТАЛ ЧАСТЬЮ БРЕНДА. делали брендинг для кодинг-платформы Gitverse и в процессе решили поэкспериментировать: а что если собрать собственный генеративный инструмент под айдентику? первую драфтовую версию сделали за вечер с Cursor, WebGL и простым хостингом на Netlify. версией для гитверса поделиться не можем, но показываем ее урезанную версию на скринкасте и то, как она работает в других креативах 🦄 «клиенту зашло, и вместо того чтобы остановиться на демке, мы начали наращивать функциональность: добавили работу с видео, выгрузку SVG, управление их процентным соотношением, кастомные палитры, формы и управление контрастом исходника», – ⚪️ лёва, продуктовый лид суммарно ушло около 20 рабочих часов — мы постоянно докручивали и тестировали. чтобы выкатывать обновления моментально, настроили CI с github-репозиторием. • вывод? иногда ai-инструменту не нужно быть сложным — важнее, чтобы он точно попадал в потребность. покликать > pgverse.netlify.app
🎥 Серёжа Мекрюков
Если вам близка тема интерфейсов, AI-продуктов и продуктового дизайна, советую посмотреть этот канальчик. У Серёжи не просто обзоры ради обзоров. Он разбирает, почему одни продукты ощущаются сильными, цельными и живыми, а другие нет. Без воды, с примерами и с нормальным фокусом на то, как это работает в реальном продукте. Лайк отдельный за то, что он смотрит не только на визуал. В разборе всегда есть продуктовая логика, UX, эмоция, упаковка и то, как решение влияет на восприятие сервиса. Поэтому это полезно не только дизайнерам, но и продактам, и вообще всем, кто делает digital-продукты. Внутри: – Разборы мобильных и web-продуктов из разных рынков; – Анализ AI-сервисов: как технологии упакованы в интерфейс, бренд и UX; – Поиск сильных решений в реальных продуктах и концептах; – Насмотренность и продуктовое мышление на конкретных примерах; – Честный взгляд на то, что работает, а что можно сделать лучше; – Фокус не только на визуале, но и на смысле, эмоции и пользе для бизнеса. Короче, Серёгу лю, он мощь и завидую всем, кто с ним работает в ДоДо. Там такое делают, что я не знаю, почему это не занимает первые места во всех существующих рейтингах. Приходите к нему ❤️ 🔠 Смотреть канал ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
♿ 40-60% интерфейса Moni требует доработки для незрячих пользователей, но большинство проблем не сложные
Незрячий разработчик разобрал доступность web3-проекта Moni. Доступность в финтех и web3 редко рассматривается как обязательная часть архитектуры. Внимание уделяется визуальной составляющей, а сценарии использования без мыши или без экрана остаются вне фокуса. Выяснил: примерно 40-60% интерфейса требует доработки с точки зрения accessibility. Большинство проблем не архитектурно сложные, это вопросы корректного использования aria-атрибутов, логичной структуры заголовков и поддержки клавиатурной навигации. Внутри: – Кнопки без описания: под полем «Check account» должна быть кнопка поиска, но есть элемент "По щелчку" без описания; – Заголовки на каждой строке: неудобно слушать текст, когда каждая строка это заголовок уровня 1 или 2; – Таблицы представлены кнопками: столбцы это кнопки, нет нормальной HTML-таблицы с table, tr, th, td; – Слияние строк без пробелов: «Ethereum$395.790.1 ETH100%+0%», «L117.62%-1.93%», «Smarts244+1»; – Курсор не попадает в модальные окна: после клика по «Manage filters» курсор не переходит к настройкам; – Поиск недоступен с клавиатуры: ввел HYPE, что-то появилось на экране, но с клавиатуры не смог поймать и перейти; – Кнопки навигации без названий: первая и последняя в постраничной навигации неподписанные, лучше «First» и «Last»; – Решения простые: использовать aria-label=«Name» у элементов, tabindex=-1 и .focus в JS для фиксации курсора, разделять блоки h2 и h3 заголовками. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Webflow & Figma Wireframe kit — основан на Sprkl фреймворке и полон компонентов, блоков и секций
Изображение поста