🔔 Inspiration #160

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– evervault.com/customers
– phive.pt/en
– dolsten.com
– aurelienvigne.com
– anon.com

———

– jakub.kr
– flipcash.com
– halfspace.ai
– composio.dev
– workos.com

———

– matcharen.com
– rmoon.me
– ning-h.com
– metalab.com
– tomdimajo.com

———

– balance.michael-aust.com
– apple.com/os/ios
– racepointglobal.com
– leoleo.studio
– avnier.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Рефы

Когда я работал в Точке и в целом в РФ продуктах, была одна проблема — хотелось посмотреть решения у конкурентов или хотя бы что-то близкое, но было негде. Не существовало тогда сервисов, где бы удобно собирались флоу, скрины и прочее продуктов из России и СНГ. Был mobbin, но он на мир.

Сегодня эта проблема решилась ребятами из screenoteka.com, которые собрали скрины уже из 74+ приложений. Ребята разбирают каждое приложение на 100% и в итоге у них получилась большущая библа на 5000+ сценариев, 17000+ экранов, а ещё 200 видео скрин-кастов флоу и микроанимаций.

Это еженедельно растущая коллекция, которую ребята активно масштабируют и развивают. И большой им лайк, что делают это своими силами. Я знаю, насколько это нелегко, особенно сейчас, в год вайбкодинга.

Удобный функционал:
✅ продуманный поиск
✅ древо сценариев
✅ нативные скролл-экраны (скроллшоты)
✅ хотспоты в сценариях
✅ подсказки
✅ возможность скачать любой экран

Доступ ко всей библиотеке можно получить по подписке — и да, если вы делаете анализ конкурентов и хотите найти паттерны быстро, то это точно того стоит 👌

Есть бесплатный доступ к последним 2 добавленным приложеням. Кстати, каждую неделю добавляется по 4 прилы. Лайк!

➡️ Смотреть рефы

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔥🔥 Встречайте, Hirehi 3.2 или как я пилю свой продукт часть 20

Долго я тут молчал о том, как идёт работа над сервисом, а она шла каждый день по 10+ часов. И сегодня я рад вам представить версию 3.2, в которой появилась фича, которую я сам хотел сделать давно, потому что нет нигде ничего удобного.

🔘 Удобная работа с резюме
Теперь вы можете добавить своё резюме в сервис (вручную или из файла) в профиле и удобно им управлять с ПК и телефона. Быстро исправлять какие-то данные, делиться им с рекрутерами ссылкой или файлом (его можно скачать). Резюме после публикации будет доступно по общей ссылке, которую можно шерить. И по ней будет красивая сивиха)

Это огромная работа, которую мне удалось проделать. Дизайн, разработка и куча миграций, чтобы ничего не сломать. Все, у кого были загружены сиви в старой форме, в ЛК должно появиться новое (распарсенное). Возможно, неидеально, но лучше, чем ничего.

Вы можете добавлять несколько резюме, делать дубль добавленного и чуть его менять, чтобы например проверить конверсию в ответ. Можно выбрать какое резюме будет основным для мэтча и сопроводительных писем на странице вакансии.

С телефона тоже очень удобно. В общем, пользуйтесь!) Фича бесплатная (пока что). В будущем я хочу сделать быстрый перевод на другой язык, скачивание для формата ATS, аналитику и так далее. Планы есть.

Ещё я все это завернул себе в аналитку, чтобы отслеживать все метрики по добавленным сиви и так далее. Вообще рад!

🔘 Новые иконки
Убрал ужасные fill иконки, которые были довольно тяжелые по весу. Теперь лёкий outline стиль, как и стиль иллюстраций в блоге. Круть!

🔘 Поиск по навыкам и навыки
Теперь также появились и навыки. Вы можете искать в поле поиска прямо по ним (там есть небольшая инструкция) и искать вакансии с конкретными навыками, которые генерятся LLM под каждую вакансию. Из страницы вакансии по навыку можно перейти и увидеть все вакансии с ним. Теперь поиск стал ещё удобнее и эффективнее.

🔥 One more thing...

В сбор вакансий добавлены более 500+ Телеграм каналов. Умная LLM система собирает только вакансии, которые мне нужны, отсеивая разный мусор, который не проходит. Я очень рад, что получилось это сделать.Теперь будет кратно больше вакансий с прямыми откликами. Это первый шаг, чтобы отойти от агрегаторов. Если у вас есть подборки ТГ каналов, можете заслать мне в лс, я расширю список)

Ну и как обычно масса исправлений и улучшений.

Как вам релиз? Пишите в комменты или мне в личку, если найдёте что-то, что нужно поправить. Я слушаю каждого и быстро исправлю)

Как всегда я буду рад вашим репостам, постам в соц. сетях про новый конструктор сиви буду рад вдвойне ❤️❤️

Приходите, пользуйтесь 😍

➡️ Смотреть вакансии
➡️ Смотреть вакансии
➡️ Смотреть вакансии

ч.19 | ч.21

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

👨‍🏫 Как VK обучает дизайнеров проводить немодерируемые UX-тесты

Анастасия Пушкарева и Полина Адрианова из VK рассказали о создании программы обучения дизайнеров немодерируемым исследованиям. Главная цель в демократизации исследований: дизайнеры могут быстрее проводить тесты, находясь в контексте продукта.

Программа занимает три недели и включает записи лекций, практику на реальных кейсах и работу с ментором. После нескольких итераций команда пришла к формату с готовыми кейсами и данными для анализа. В первой версии дизайнеры должны были искать задачи из своей работы и набирать по 50-60 респондентов на каждый тест, что оказалось невыполнимо. Теперь они выбирают из базы кейсов по мотивам реальных исследований VK и работают с уже собранными данными. После четырёх волн обучения команда перешла от потокового формата к точечному: теперь ментор прикрепляется к дизайнеру индивидуально без привязки к кварталу.

Внутри:
– Почему немодерируемые тесты проще для обучения, чем классические;
– Как диаграмма Ганта помогает управлять рабочей группой исследователей;
– Зачем нужны тесты с самопроверкой по сложным темам;
– Почему дизайнерам пришлось делать шаблон презентации в Figma;
– Какие «правила клуба» установили для совместной работы;
– Как мастер-классы помогают закрепить конкретные навыки.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🚀 Превращаем Фигма макеты в живое приложение без кода

Фёдор из Notamedia показал способ создания рабочих прототипов мобильных приложений через связку Figma, Cursor, Expo и Git. Главная идея в том, чтобы использовать ИИ-редактор кода Cursor для автоматического превращения макетов в React Native приложение.

Процесс начинается с подготовки макета: все элементы должны иметь понятные названия, чтобы ИИ лучше понимал структуру. Затем через Figma MCP (специальный сервер) Cursor получает доступ к макету и с помощью команды get_code изучает структуру фрейма. После создания базового проекта через npx create-expo-app достаточно скопировать ссылку на фрейм из Figma и отправить в чат Cursor с нужной командой. Результат можно сразу посмотреть на смартфоне через приложение Expo Go, просто отсканировав QR-код.

Внутри:
– Зачем нужны «Записи и правила» в настройках Cursor;
– Как Git спасает от случайного переписывания кода ИИ-агентом;
– Почему важно правильно называть элементы в макете;
– Как запустить прототип на любом смартфоне через Expo Go;
– Какие команды нужны для сохранения работы через Git;
– Почему навыки вайб-кодинга скоро станут обязательными для дизайнеров.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Тут много новеньких, поэтому короткой строкой напомню

Кроме моего основного канала есть ещё два:

1. Вакансии для дизайнеров – каждый день кроме выходных 8 вакансий из 40+ источников для графических, ux/ui и продуктовых дизов.

2. Референсы интерфейсов – каждый день по 3 поста самых разных интерейсов: веб, мобилка, дашборды, графика и прочие.

Буду рад всех видеть) И рекомендациям тоже ❤️

Спасибо всем, кто меня читает. Я это очень ценю и благодарен каждому лично ❤️

🏭 Измерение UX в enterprise-системах, где у пользователей нет выбора

Александр Попов из «Цифры» рассказал об измерении удовлетворённости пользователей корпоративных систем. Главная проблема в том, что традиционные метрики вроде NPS не работают: пользователи не могут просто уйти к конкуренту, они вынуждены использовать систему по приказу руководства.

Вместо HEART от Google для enterprise подходит фреймворк CASTLE от Nielsen Norman Group: Cognitive Load (когнитивная нагрузка), Advanced Feature Usage (использование продвинутых функций), Satisfaction (удовлетворённость), Task Efficiency (эффективность задач), Learnability (обучаемость) и Errors (ошибки). На металлургическом производстве редизайн интерфейса MES-системы сократил время регистрации партии с 45 до 15 минут, количество ошибок снизилось с 23% до 4%, а ROI составил 420% за первый год.

Внутри:
– Почему пользователи создают «теневые» процессы и ведут параллельный учёт в Excel;
– Как NASA Task Load Index помогает измерить когнитивную нагрузку;
– Зачем анализировать частоту использования обходных путей;
– Почему важно наблюдать за пользователями в естественной среде;
– Как связать улучшение UX с бизнес-показателями и ROI;
– Какие метрики использовать вместо Retention и Engagement.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Как я пилю свой продукт. Часть 21

Буквально недавно я зарелизил резюме в профиле, но последние 2 дня поработал тоже плотно и готов представить вам ещё две фичи в резюме, помимо десятка улучшений, которые получились после фидбека от полльзователей :)

🔘 Аналитика
Теперь у каждого сиви можно посмотреть статистику. Откуда заходили и с каких стран за 7, 30 и 90 дней. Вэлком :)

🔘 Дубль на английском
Резюме на русском можно 1 кнопкой продублировать на английский. А затем уже английское резюме править как удобно, оно не зависит от РФ. У него своя статистика, своя ссылка. В списке они помечаюстя какое на каком языке. В резюме на англ не получится писать на русском, тост об этом подскажет). Продублировать можно из кебаб меню (...) которое.

🔘 Курсы
Новый раздел в резюме, если вам нужно добавить доп.образование.

Также улучшен распарсинг резюме из файла. Теперь определяет немного чётче и расставляет в поля. Может чуть ошибаться, но это лучше, чем писать вручную.

Немного статистики ещё
Мой эксперимент по блогу даёт плоды и трафик растёт из поисковиков. В блог за ноябрь перешло уже больше людей, чем за октябрь) А значит и на сайт

Из гугла за последние 3 месяца 255 000 показов и 12 000 кликов. Средняя позиция 9.4, офигеть) Это круто! Для сравнения в предыдущий период 3 месяцев (май-август) было всего 86 700 показов и 3 700 кликов. А позиция была 22.8!!! А сейчас 9.4.
SEO работает и это круто!) Графики посещаемости растут от месяца к месяцу.

В общем, я рад, что всё немного развивается и лучшей поддержкой от вас будет репост и совет другу) Ну и оформление ПРО подписки, конечно.

Приходите, пользуйтесь, пишите фидбек. Я всегда к нему открыт и лично пишу пользователям каждый день, чтобы улучшать сервис.

➡️ Смотреть вакансии
➡️ Смотреть вакансии
➡️ Смотреть вакансии

ч.20 | ч.22

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #161

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– kinhive.com
– turn.io
– rierastudio.com/en
– literal.club/book/the-ride-of-a-lifetime-gcw03
– nicolasbussiere.com

———

– clay.earth/apple-vision-pro
– goosebumps.epic.net
– firstframe.fr
– doubleplay.studio
– benjamindauton.com

———

– cobot.co
– figma.com/slides
– bradleyziffer.com
– cluely.com
– lemon.io

———

– quadplex80.com
– helmutagency.com
– miter.com
– aether1.ai
– mikkisindhunata.com

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔍 Как по-настоящему понять пользователя: от Double Diamond до нейросетей

Алексей, принципал-дизайнер с 15-летним опытом, рассказал о первом ромбе системы Double Diamond и том, как исследовать пользователей при ограниченном бюджете. Главная мысль: пока гипотезы не подтверждены статистикой и реальными пользователями, они остаются просто предположениями.

В классическом подходе первый ромб включает интервью со стейкхолдерами, работу с аналитикой, интервью с пользователями, опросы и анализ конкурентов. При интервью важно слушать 80% времени и задавать вопросы только 20%, использовать правило «5 почему» и не искать готовых решений. На примере email-приложения Noetro команда через анализ форумов нейросетями выяснила, что пользователи хотят использовать входящие письма как ту-ду задачи. Решением стала папка «Дайджест», где письма остаются непрочитанными до ручной отметки «Готово».

Внутри:
– Почему важно визуализировать карту проблем в Miro или FigJam;
– Какие метрики запрашивать у аналитиков для валидации гипотез;
– Зачем платить респондентам $60-100 за интервью;
– Как формулировать Problem Statement через паттерн потребности;
– Почему нейросети лучше искать боли на форумах, чем спрашивать напрямую;
– Какие 30 из 80 болей email-пользователей закрыли в MVP.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

📺 Дизайн для телевизоров: практические принципы 10-футового интерфейса

Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения.

Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве.

Внутри:
– Почему нечётное количество колонок решает проблему overscan;
– Как использовать длительное нажатие для удвоения функций кнопок;
– Зачем Prime Video переназначает кнопку Up для функции X-Ray;
– Почему вертикальное движение меняет группы, а горизонтальное элементы внутри;
– Как PNG с прозрачностью оживляет жёсткие интерфейсы;
– Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔧 Как поддерживать компоненты дизайн-системы после запуска

Рама Крушна Бехера из команды Razorpay рассказал, что происходит с компонентом после того, как его выпустили. Оказывается, запуск это только начало. Дальше команда получает запросы от дизайнеров и разработчиков, оценивает их и решает, что чинить, что улучшать, а что оставить как есть.

В команде выстроили чёткий процесс. Все запросы приходят в один Slack-канал, каждую неделю проводят созвоны для разбора задач, а для типовых вопросов создали бота, который отвечает вместо команды.

Внутри:
– Два типа запросов и как их различать;
– Как понять, баг это или неправильное использование;
– Система приоритетов P0, P1 и P2;
– Три пути решения проблемы;
– Практики команды для быстрой обработки запросов.

➡️ Читать статью (V*N)

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

📊 От данных к решениям: UX-стратегии для дашбордов реального времени

Каран Равал рассказывает о проектировании дашбордов, которые помогают принимать решения под давлением. Главная проблема: многие панели показывают данные в реальном времени, но не помогают понять, что требует немедленного внимания.

Ключевые подходы включают дельта-индикаторы и спарклайны для отображения изменений, микроанимации длительностью 200-400 миллисекунд для привлечения внимания без отвлечения, и мини-историю последних изменений для снижения нагрузки на память. На примере компании по прокату автомобилей операторы смогли сократить время проверки состояния машин с нескольких часов до 5 минут благодаря объединению всех метрик в одном интерфейсе.

В здравоохранении объединение лабораторных результатов, медикаментов и аллергий в одном интерфейсе позволило кардиологам быстрее диагностировать и назначать лечение.

Внутри:
– Почему человек может обработать только 5 элементов одновременно;
– Как скелетные UI заменяют спиннеры и снижают тревожность;
– Зачем показывать «Данные на 10:42» при сбоях подключения;
– Почему спарклайны эффективнее полноценных графиков;
– Как цветовое кодирование (красный для критичного, зелёный для стабильного) ускоряет интерпретацию;
– Какие ARIA-регионы помогают озвучивать изменения для скринридеров.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Middle+ коммуникационный дизайнер в Точка Банк

📍 От 190 000 ₽. Удалёнка или работа в офисе в 20 городах по стране

Точка Банк — финтех-компания, которая создаёт онлайн-банк и экосистему сервисов для бизнеса.

Ищут коммуникационного дизайнера в команду HR-бренда. Занимаемся развитием бренда работодателя как за пределами команды, так и внутри.

🖥 Что делать:
— Создавать комплексный дизайн для внешних коммуникаций: разрабатывать и адаптировать key visual под цифровые носители.
— Делать понятные и аккуратные лендинги на Tilda.
— Готовить офлайн-материалы к печати — всё, что поможет узнавать бренд Точка Банка в офлайн-среде.
— Придумывать и внедрять новые дизайн-решения, которые делают бренд живым, цельным и современным.
— Развивать гайды и шаблоны, чтобы команда могла быстрее и проще работать в едином стиле.

⚡️ Ты подойдёшь, если:
— Есть опыт работы на этой позиции от 2 лет и релевантные проекты в портфолио.
— Понимаешь, как создавать концепции для коммуникаций и лендингов, можешь аргументировать свои решения.
— Свободно владеешь Tilda: можешь сверстать нестандартную страницу и написать код, чтобы поправить стили.
— Уверенно работаешь в Figma и Adobe.
— Понимаешь принципы работы с полиграфией: знаешь основы препресса, материалы, печатные технологии и их особенности.

➡️ Откликнуться

💎 Методика Сигаевой: как создать продукт через связку CX→UX→UI

Даша Сигаева, исследователь с магистерской степенью МГУ, делится авторской методикой проектирования цифровых продуктов. Главная идея: согласно исследованию Baymard, более 50% из 325 ведущих e-commerce сайтов неудобны для пользователей, и ни один не достиг «идеального» показателя.

Методика строится на последовательном движении от клиентского опыта (CX) через пользовательский опыт (UX) к интерфейсу (UI). CX охватывает всё взаимодействие с брендом до, во время и после использования продукта. UX определяет структуру сценариев внутри интерфейса. UI визуально усиливает эти сценарии через управление вниманием. На этапе CustDev достаточно 7 подробных интервью для выявления основных паттернов поведения. При создании Customer Journey Map фиксируются джобы по JTBD, драйверы и барьеры на каждом этапе пути пользователя.

Внутри:
– Почему кнопка «Купить» в баннере лендинга не работает без контекста;
– Как метод «снежного кома» помогает найти реальных пользователей;
– Зачем фиксировать драйверы и барьеры на каждом этапе CJM;
– Почему wireframe делают монохромным для фокуса на структуре;
– Какие UX-метрики замеряют: время выполнения, успешность, количество ошибок;
– Как эффект баннерной слепоты влияет на расстановку акцентов.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🛒 Почему покупатели возвращают товары и как дизайн помогает это исправить

Команда Markswebb проанализировала 25 мобильных приложений крупнейших интернет-магазинов и выделила 14 решений, которые снижают возвраты. 4 из 5 причин возвратов связаны с этапом выбора товара. В России в категории одежды на маркетплейсах возвращают до 45% заказов.

Главная идея простая. Когда покупатель заранее понимает, что именно получит, он реже ошибается. Виртуальные примерки, умные подсказки по размеру, фото от других покупателей и честное сравнение цен помогают сделать выбор осознанным.

Внутри:
– Замеры одежды прямо в карточке вместо таблиц размеров;
– Виртуальные примерки на 3D-аватаре или похожей фигуре;
– AR-функции для проверки мебели и техники в интерьере;
– Умные резюме и поиск по отзывам;
– Сравнение цен от разных продавцов в один клик.

➡️ Читать статью

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

🔔 Inspiration #162

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥

– pithafrica.com
– dbco.online
– heyo.is
– mixpanel.com
– wand.app

———

– azionepr.com
– leoleo.studio/en-gb
– blueyard.com
– entreautre.com/en
– recent.design

———

– dribbble.com
– afnizarnur.com
– kons.fyi
– allo.restaurant
– tryprofound.com/zeroclick

———

– 7shifts.com
– icggallery.irisceramicagroup.com/en
– caffe.design
– bekventures.com
– parallel.ai

———

💻 Курс по поиску работы
😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы

Как я пилю свой продукт. Часть 22

Я продолжаю пилить Hirehi и последнюю неделю после релиза конструктора резюме я каждый день пишу 10-15 пользователям и общаюсь с ними. Это помогло найти десяток недочетов и мелких ошибок, которые я уже исправил. Теперь конструктор сиви работает почти идеально.

Также я немного улучшил генерацию сопроводительных писем, теперь они должны получаться более человечными.

И в этой части хочется просто сказать спасибо всем, кто мне пишет фидбек, кто пользуется продуктом и кто его советует. Я за последние 2 недели получил столько приятных слов, сколько не получал за последние полгода

🔥 И я достиг важных для себя отметок: 10.000 пользователей на платформе и 100к+ выручки с платной версии

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

Также я пробил 1 млн просмотров моего сайта, 45к MAU в ноябре, и 3k DAU иногда) Это вообще очень круто и я в шоке, что такие цифры я вижу. Я на них не рассчитывал) Но спасибо всем ещё раз!

Если вы вдруг тут первый раз и не знаете о чем я пишу, то можете почитать 22 части развития моего продукта, где я открыто пишу о том, как улучшается и продвигается Hirehi.

Ценю каждого пользователя и всегда открыт к любому фидбеку в личке! Обнял! ❤️

И по традиции, приходите на сайт, пользуйтесь, пишите фидбек и рекомендуйте друзьям и знакомым! Скоро я буду пилить кабинет рекрутера и потихоньку привлекать их на сервис и развивать эту часть тоже, чтобы откликаться можно было прямо внутри!

➡️ Смотреть вакансии
➡️ Смотреть вакансии
➡️ Смотреть вакансии

ч.21 | ч.23