Дизайн-команда hh теперь делится опытом в Duo Sapiens

Четыре топовых дизайнера из команды, которая два года меняла облик главной HR-платформы страны, стали менторами Duo Sapiens. Это ваш шанс перенять их опыт и мастерство. Кто они: Кристина Островая — руководитель коммуникационного дизайна, мастер визуального языка для миллионов пользователей. Саша Ирхин — тимлид команды дизайна вертикали b2b, превращающий сложные задачи в красивые решения. Арина Солина — Communication Art Director, виртуоз визуальных историй и коммуникаций. Миша Пономаренко — дизайн-директор, ведущий масштабные проекты без потери курса. Что делать: ✨ Хотите стать их менти? Переходите в канал Duo и берите менторинг со скидкой в 10% по промокоду HH10 — акция действует до 30 марта. 🤩 И подписывайтесь на канал дизайн-студии hh, в нём ребята делятся инсайтами о ребрендинге и публикуют свежие вакансии.
Изображение поста

Как я запустил HireHi, не написав ни одной строчки кода 😁

Когда я начинал делать свой сервис, команды разработки у меня не было. Да и сам я код писать вообще не умел. Было только понимание, каким должен быть продукт, куча проблем текущих агрегаторов и желание попробовать сделать лучше. В итоге весь фронт, бэк, админку и тесты я собрал с помощью AI. Моей задачей было нормально объяснять, что должно происходить, проверять результат и разбираться, почему всё опять сломалось) Первый большой релиз, конечно же, положил прод. Я восемь часов подряд пытался понять, что произошло. Потом всё поднял, страница вакансии заработала, начала индексироваться поисковиками, а в сервис пришли первые пользователи. 💡 Что я понял Этот опыт сильно поменял моё отношение к работе дизайнера. Раньше макет часто был последней точкой: нарисовал, передал разработчикам и ждёшь. Сейчас для меня это только один из этапов. Иногда хочется самому пройти весь путь до работающего продукта, даже если по дороге несколько раз всё развалится. Красивый макет мало что значит, если он так и не доехал до работающего продукта. Ведь говорить только об идеальных историях нет смысла, важно делиться разными кейсами в профессиональном комьюнити, согласны? 🌸 Что будет 12 сентября в Москве пройдёт конференция «Продукты 24 × ffdd2d». Там как раз будут говорить о решениях, которые сначала выглядели странно, спорно или вообще неправильно, а потом сработали. На конференции будет три зала: 🍀 «Ломаем шаблоны» про нестандартные подходы и решения; 🍀 «Достигаем результатов» про продуктовую логику и устойчивый рост; 🍀 «Говорим прямо» про ошибки, конфликты и провалы, которые обычно остаются внутри команд. Последний зал будет без трансляции и записи. Можно будет спокойно говорить о вещах, которые редко выносят в публичные доклады. 🏠 Когда и где 12 сентября. Москва, комплекс «Мечта» на набережной парка Горького. Офлайн и онлайн 💌 Как попасть Количество мест на площадке ограничено, поэтому заявки проходят модерацию. После подтверждения офлайн-участники делают пожертвование от 1 500 ₽ в фонд «Природа и люди». ➡️ Зарегистрироваться ➡️ Зарегистрироваться ➡️ Зарегистрироваться

За 2 дня бесплатника я получила стооооолько приятных слов!

Спасибо вам – это заряжает давать ещё больше, чем планировала 🔥 Вижу отметки в соцсетях, ваши первые макеты, читаю все сообщения, знайте, мне безумно приятно!!! Реакции по традиции приветствуются, как и на посты с уроками 🌞 А мы продолжаем наше обучение 🌸 Сегодня у нас выходит новый урок + бонусный урок: • Урок 4 (практический). Адаптивность сайта и практика в Figma: создание мобильной версии сайта • Бонусный урок (практический, для самых пытливых). Анимации на сайте и практика в Figma Motion и сравнение с Jitter 🔔 Урок выйдет в 19:00 (по Московскому времени) и спустя полчаса выложу бонусный урок #бесплатник

📋Урок-практика 4. «Адаптивность сайта и практика в Figma: создание мобильной версии сайта»

Урок по адаптивности сайта: базово разберемся, какие разрешения для макетов брать, а также какими принципами нужно руководствоваться при адаптации макета. Если вы вдруг пропустили 1, 2 и 3 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке мобильной версии сайта: главного экрана или всего сайта (3 блока + подвал)! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
Video is not supported
📋Урок-практика 3. «Практика в Figma: собираем главную страницу сайта»
Практический урок, где мы будем собирать дизайн всего сайта. Если вы вдруг пропустили 1 и 2 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке макета всего сайта. Напоминаю, что по всем урокам Д/з буду принимать до 30 августа включительно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
Минутка книги:
Дизайн упаковки книг издательства Tatlin
Video is not supported
Границы возможного / немного про вайб-кодинг
На прошлой неделе я писал, что собираю внутреннюю систему финансового учёта для агентства. Собираю её с помощью ИИ-агентов и вайб-кодинга. За неполные две недели эта система из эксперимента превратилась во вполне рабочий инструмент, которым я сейчас активно пользуюсь и заполняю. Погружение во все процессы более детально привело меня к определенным выводам. 🔖 Главный инсайт, который я вынес ⚫️Если правильно определить границы MVP, то такой подход реально позволяет очень быстро собрать рабочий продукт. ⚫️В MVP надо оставить 5-6 основных сценариев для теста, а не 100500. В таком случае можно достаточно быстро прийти к работающему результату. За эти две недели я собрал то, чего мне не хватало ни в Excel, ни в Notion: удобный визуальный финансовый дашборд, импорт банковских выписок, автоматический учёт подписок и списаний за них. А ещё интегрировал Telegram-бота, которому можно голосом рассказать, куда потратил деньги или откуда пришёл доход. Система сама структурирует информацию и заносит её в нужную учётную схему. 🔔 Но есть нюансы Пока речь идёт об интерфейсе, логике и новых фичах, такой подход реально очень сильно ускоряет процесс. Но как только появляются чувствительные данные, сложные бизнес-сценарии, интеграции по API, вопросы безопасности, вынос базы данных, регулярное резервное копирование — всё. Здесь уже нужен головастый разработчик. При этом эксперимент мне очень зашёл. Токенов я, конечно, сжёг дохера. но даже с этим инструмент получился гораздо быстрее классического процесса разработки. Если представить весь привычный путь — аналитика, проектирование сценариев, продумывание логики, дизайн, разработка, внедрение — это легко могло бы занять овердохера времени на MVP. Здесь же всё происходит гораздо оперативнее. 🎯 Диджитал пришел к довольно интересной модели: ИИ и агенты не отменяют разработку, но очень сильно меняют правила самого процесса. Эксперимент продолжается. Ну и в обложке пара скринов моего дашборда.
💟Для продвинутых и заинтересованных дизайнеров я подготовила бонус!
А именно – дополнительный урок и задание! В нем обсудим виды анимаций на сайте, а также сделаем свою собственную анимацию в Figma Motion и сравним её с Jitter. ‼️Домашнее задание (как и просмотр этого урока) выполняется по желанию, особенно, если вы новичок. Самое главное – сделать обязательные Д/з, поэтому организуйте свое время правильно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
Изображение канала: серёгина. лаборатория веб-дизайна
📋Урок-практика 2. «Разбор и практика в Figma: создание главного экрана сайта»
Практический урок, где мы знакомимся с программой Figma сразу на практике по сборке главного экрана сайта! Включайте видео и повторяйте за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно установить приложение на компьютер) 2. Перейти по этой ссылке (это будет ваш учебный файл после того, как вы его скопируете к себе) 3. В верхней части экрана, а именно в левом углу, будет название файла «Обучение по веб-дизайну (веб лаб.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список – выбираем команду «Duplicate» Готово! Этот файл продублируется в ваши черновики (Drafts), и теперь вы сможете работать там (не переживайте – его видите только вы, а сам файл будет иметь пометку Copy в названии) ‼️Домашнее задание Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою на базе нашего концепта) 1. Присылать его нужно мне в ЛС 2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа) 3. Домашнее задание будет проверено примерно в течение 48 часов (все Д/з можно сдавать до 30 авгутса включительно) #бесплатник
Изображение канала: kleinewelt architekten
Поговорили немного с Николаем Переслегиным о разном)
👀
Video is not supported
Изображение канала: Щёлочь®
КВЕСТ НА ВЫХОДНЫЕ 🙂
всем привет, это Соня! хотите получать ежедневные задания, чтобы по чуть-чуть разобраться в нейросетях с нуля? 🙂 у нас на курсе Повседневное Использование Нейросетей студенты так и делают вдобавок к основным большим творческим заданиям, всё делаем через БОТА которого сами и навайбкодили решили поделиться демо-версией с вами, там суть в том, чтобы вырастить своего ПИН'а за успешное прохождение тестиков (а-ля тамагочи) В конце даже есть РОМАНТИЧЕСКАЯ ЛИНИЯ! участвуйте и приходите на курс, скоро стартуем! [ОПРОБОВАТЬ БОТА] p.s. приходите к нам с Димой на открытую лекцию в воскресенье, будем разбирать зачем нужен красивый UI при вайбкодинге сервисов и как его сделать