Анимация как язык интерфейса
В новом выпуске «Кружка» вместе с Арсением разбираемся, как работает движение в цифровых продуктах, почему оно влияет на восприятие и как с его помощью сделать интерфейс понятнее и живее
Собрали главное о том, как строить анимацию от раскадровки до передачи в разработку
В новом выпуске «Кружка» вместе с Арсением разбираемся, как работает движение в цифровых продуктах, почему оно влияет на восприятие и как с его помощью сделать интерфейс понятнее и живее
Собрали главное о том, как строить анимацию от раскадровки до передачи в разработку
❤21🔥11👏8
Media is too big
VIEW IN TELEGRAM
Редизайн сайта для сервиса бьюти-боксов 82Box
82Box — сервис лимитированных бьюти-боксов из Кореи, которые разбирают за минуты. Ранее мы показывали страницу архива и делились тем, как переносили дофаминовое ощущение от покупки в интерфейсы. Теперь — показываем весь сайт целиком
Что сделали:
• Пересобрали путь пользователя — от записи на дроп до получения бокса
• Создали эмоциональный визуальный язык с живой графикой и анимациями
• Продумали сложный флоу закрытых продаж и сделали его интуитивным
• Собрали удобный архив всех дропов: составы, инструкции, гайды, отзывы
Получился сайт, который передает атмосферу бренда и делает путь пользователя проще и приятнее
Полная версия кейса уже в портфолио 🙌
82Box — сервис лимитированных бьюти-боксов из Кореи, которые разбирают за минуты. Ранее мы показывали страницу архива и делились тем, как переносили дофаминовое ощущение от покупки в интерфейсы. Теперь — показываем весь сайт целиком
Что сделали:
• Пересобрали путь пользователя — от записи на дроп до получения бокса
• Создали эмоциональный визуальный язык с живой графикой и анимациями
• Продумали сложный флоу закрытых продаж и сделали его интуитивным
• Собрали удобный архив всех дропов: составы, инструкции, гайды, отзывы
Получился сайт, который передает атмосферу бренда и делает путь пользователя проще и приятнее
Полная версия кейса уже в портфолио 🙌
❤27🔥16👏10
Дизайн для соцсетей GuruGrow
GuruGrow — яркий и смелый бренд, и нам было важно собрать дизайн для соцсетей, который сохраняет характер айдентики и помогает выпускать контент даже без участия дизайнера
Мы превратили визуальную систему в удобные шаблоны:
• Фоны с фирменной молнией переключаются в один клик — собрали целую библиотеку вариантов, чтобы под каждый визуал можно было подобрать подходящий
• Элементы адаптируются под разные типы постов — от подборок до имиджевых публикаций
• Тексты автоматически подстраиваются под формат, не ломая композицию
• Сгенерировали визуалы через нейросети, чтобы у команды был готовый набор контента без поиска референсов и съемок
• Сделали 3D-эмоджи для Telegram
Теперь у команды GuruGrow есть система, которая позволяет собирать посты быстро, удобно и в едином стиле
GuruGrow — яркий и смелый бренд, и нам было важно собрать дизайн для соцсетей, который сохраняет характер айдентики и помогает выпускать контент даже без участия дизайнера
Мы превратили визуальную систему в удобные шаблоны:
• Фоны с фирменной молнией переключаются в один клик — собрали целую библиотеку вариантов, чтобы под каждый визуал можно было подобрать подходящий
• Элементы адаптируются под разные типы постов — от подборок до имиджевых публикаций
• Тексты автоматически подстраиваются под формат, не ломая композицию
• Сгенерировали визуалы через нейросети, чтобы у команды был готовый набор контента без поиска референсов и съемок
• Сделали 3D-эмоджи для Telegram
Теперь у команды GuruGrow есть система, которая позволяет собирать посты быстро, удобно и в едином стиле
❤30🔥18👏9
Инспирейшн от Жени Палько
Когда вокруг слишком много цифровизации, хочется возвращаться к вещам, которые можно потрогать, услышать и увидеть вживую. Наш арт-директор Женя переключается на выставки, музыку, прогулки и работу руками — такие вещи заряжают куда сильнее, чем очередная подборка в Muzli
Для работы и вдохновения:
• Dzine — удобный all-in-one сервис с большим набором инструментов. Быстро развивается, регулярно обновляется и остается доступным по цене
• Photoshop / Illustrator — да-да, банально и для многих дизайнеров может быть уже не актуально. Но мне по-прежнему нравится делать чистый цифровой крафт без ИИ-артефактов. Держит в тонусе
• Баухаус, Вхутемас, Ван Гог, Мунк, Йенсен-Мичинес и художники Северной Европы — основные школы и авторы, которые расширяют визуальное мышление и формируют вкус
Музыка:
• Метал — для генерации идей и творческих поисков. Мой личный топ: Mgła, Panzerfaust, Kriegsmaschine, Groza, Hauntologist, Akhlys
• Техно — для рутины и большого объема монотонной работы
• Пост-панк — в машину, рекомендую послушать Bitcevsky Park
А где вы чаще всего находите вдохновение? Делитесь в комментариях 👇
Когда вокруг слишком много цифровизации, хочется возвращаться к вещам, которые можно потрогать, услышать и увидеть вживую. Наш арт-директор Женя переключается на выставки, музыку, прогулки и работу руками — такие вещи заряжают куда сильнее, чем очередная подборка в Muzli
Для работы и вдохновения:
• Dzine — удобный all-in-one сервис с большим набором инструментов. Быстро развивается, регулярно обновляется и остается доступным по цене
• Photoshop / Illustrator — да-да, банально и для многих дизайнеров может быть уже не актуально. Но мне по-прежнему нравится делать чистый цифровой крафт без ИИ-артефактов. Держит в тонусе
• Баухаус, Вхутемас, Ван Гог, Мунк, Йенсен-Мичинес и художники Северной Европы — основные школы и авторы, которые расширяют визуальное мышление и формируют вкус
Музыка:
• Метал — для генерации идей и творческих поисков. Мой личный топ: Mgła, Panzerfaust, Kriegsmaschine, Groza, Hauntologist, Akhlys
• Техно — для рутины и большого объема монотонной работы
• Пост-панк — в машину, рекомендую послушать Bitcevsky Park
А где вы чаще всего находите вдохновение? Делитесь в комментариях 👇
🔥22❤13👏8
Media is too big
VIEW IN TELEGRAM
Ускорим запуск вашего продукта с помощью AI
Весь год мы использовали AI в проектах — ускоряли проектирование, сборку MVP, ресерч и помогали продуктовым командам запускать процессы быстрее и аккуратнее. Но почти не говорили об этом публично — самое время исправить!
Собрали лендинг, на котором рассказали, как внедряем AI в цифровые продукты, какие задачи закрываем и как помогаем командам
А чтобы сделать первый шаг в AI проще, оставляйте заявку на бесплатную консультацию с нашим CEO Женей Лучининым — вместе разберем ваш запрос 💫
Весь год мы использовали AI в проектах — ускоряли проектирование, сборку MVP, ресерч и помогали продуктовым командам запускать процессы быстрее и аккуратнее. Но почти не говорили об этом публично — самое время исправить!
Собрали лендинг, на котором рассказали, как внедряем AI в цифровые продукты, какие задачи закрываем и как помогаем командам
А чтобы сделать первый шаг в AI проще, оставляйте заявку на бесплатную консультацию с нашим CEO Женей Лучининым — вместе разберем ваш запрос 💫
🔥25❤13👏9
сегодня клиент на презентации визуальной концепции сказал «аж плакать хочется как красиво». ну представьте!
❤68🔥38👏15
Если AI делает всех одинаковыми — что тогда отличает сильные продукты?
Мы узнали за вас, что об этом думают Adobe, Picsart, Pentagram и другие лидеры индустрии на Web Summit 2025 — и собрали главные тренды AI-эпохи в статью. От текучих интерфейсов и mood-based дизайна до роли авторства и вкуса
Читать на VC
Читать на дизайнерс
Мы узнали за вас, что об этом думают Adobe, Picsart, Pentagram и другие лидеры индустрии на Web Summit 2025 — и собрали главные тренды AI-эпохи в статью. От текучих интерфейсов и mood-based дизайна до роли авторства и вкуса
Читать на VC
Читать на дизайнерс
🔥18❤15👏10
Радуемся и принимаем поздравления!
В этом году мы взяли второе место в конкурсе Рейтинга Рунета с проектом 82Box
Поразглядывать кейс можно у нас на сайте
В этом году мы взяли второе место в конкурсе Рейтинга Рунета с проектом 82Box
Поразглядывать кейс можно у нас на сайте
🔥37❤20👏12
Интерфейсы для бизнеса в международных Яндекс Картах
В этом проекте мы вписывали новые сценарии в большую дизайн-систему Яндекса — личный кабинет для бизнеса, карточку организации и флоу подключения рекламы внутри международного сервиса карт
MVP собирали на базе доступных компонентов. По ходу стало ясно, что некоторых элементов не хватает, и без них часть сценариев выглядела бы сложнее, чем хотелось. Поэтому мы аккуратно добавили новые компоненты, сохранив логику Яндекса и общий визуальный строй продукта
Такие задачи хорошо ложатся на нашу экспертизу: быстро понять устройство сложного продукта, учесть его ограничения и предложить решения, которые выглядят естественно внутри большой экосистемы
Показываем небольшой фрагмент — остальное будем показывать по мере релизов
В этом проекте мы вписывали новые сценарии в большую дизайн-систему Яндекса — личный кабинет для бизнеса, карточку организации и флоу подключения рекламы внутри международного сервиса карт
MVP собирали на базе доступных компонентов. По ходу стало ясно, что некоторых элементов не хватает, и без них часть сценариев выглядела бы сложнее, чем хотелось. Поэтому мы аккуратно добавили новые компоненты, сохранив логику Яндекса и общий визуальный строй продукта
Такие задачи хорошо ложатся на нашу экспертизу: быстро понять устройство сложного продукта, учесть его ограничения и предложить решения, которые выглядят естественно внутри большой экосистемы
Показываем небольшой фрагмент — остальное будем показывать по мере релизов
❤28🔥13👏6
Ребята, мы живем в момент, когда AI помогает не только делать дизайн, но и собирать прототипы, писать код, искать визуальные стили и ускорять работу над продуктами
У нашего ceo Жени появился канал про вайбкодинг, AI-подходы и новые инструменты. Если хочется быть в теме и понимать, куда движется рынок, подписывайтесь!
У нашего ceo Жени появился канал про вайбкодинг, AI-подходы и новые инструменты. Если хочется быть в теме и понимать, куда движется рынок, подписывайтесь!
Telegram
ai in public
канал с заметками @genue про AI, помогаем бизнесу создавать лучшее (loo.ch), ai-генерация в aya photo app — https://apps.apple.com/es/app/aya-photo-video-ai-generator/id6755970618
🔥12❤2
Forwarded from ai in public
Мини-гайд: как эффективно кодить с AI
(самое важное что за последние 6 месяцев работы)
1) Начинай с архитектуры — вместе с AI
Не прыгай сразу в выбор технологий. Сначала проговори общую архитектуру с ИИ: как устроены данные, модули, экраны, связи. На этом этапе тебе не нужен стэк — тебе нужна ясность. Когда картина сложится, переходи к ресёрчу технологий.
2) Технологии — через Perplexity, не через фантазии
Чтобы подобрать актуальные инструменты, проверяй их через Perplexity. Это не просто «поищи в гугле» — это способ получить свежие, не устаревшие решения, а не слепки позапрошлогодних туториалов.
Фильтровать всё равно придётся, но ты хотя бы работаешь с адекватным полем вариантов.
3) Строй интерфейс на dummy data
Не начинай с бэкенда.
Создай фронтенд с пустыми моковыми данными — просто формы, кнопки, список, навигация.
Когда интерфейс уже живой и наглядный, постепенно «оживляй» конкретные функции: отправка сообщения, сохранение, фильтрация и т.д.
Так ты синхронизируешь понимание с AI — он работает с чем-то конкретным, а не додумывает.
4) Собирай систему по частям, без ваншотов
Сложные задачи никогда не решаются за один подход (one shot prompt).
Разбивай всё на куски: маленькие интерфейсы, маленькие функции, маленькие модули. Последовательность — твой основной инструмент, особенно если проект хоть немного серьёзный.
5) Используй MCP, если хочешь ускорить работу ×10
MCP — это протокол, который позволяет AI взаимодействовать с внешними сервисами.
Например, Figma MCP может сверстать живой интерфейс по твоему макету за минуты. Иногда с фантазиями, но близко к оригиналу и очень ускоряет процесс.
То же касается платежей, нотификаций, бэкендов — Supabase, Stripe, RevenueCat, что угодно.
(самое важное что за последние 6 месяцев работы)
1) Начинай с архитектуры — вместе с AI
Не прыгай сразу в выбор технологий. Сначала проговори общую архитектуру с ИИ: как устроены данные, модули, экраны, связи. На этом этапе тебе не нужен стэк — тебе нужна ясность. Когда картина сложится, переходи к ресёрчу технологий.
2) Технологии — через Perplexity, не через фантазии
Чтобы подобрать актуальные инструменты, проверяй их через Perplexity. Это не просто «поищи в гугле» — это способ получить свежие, не устаревшие решения, а не слепки позапрошлогодних туториалов.
Фильтровать всё равно придётся, но ты хотя бы работаешь с адекватным полем вариантов.
3) Строй интерфейс на dummy data
Не начинай с бэкенда.
Создай фронтенд с пустыми моковыми данными — просто формы, кнопки, список, навигация.
Когда интерфейс уже живой и наглядный, постепенно «оживляй» конкретные функции: отправка сообщения, сохранение, фильтрация и т.д.
Так ты синхронизируешь понимание с AI — он работает с чем-то конкретным, а не додумывает.
4) Собирай систему по частям, без ваншотов
Сложные задачи никогда не решаются за один подход (one shot prompt).
Разбивай всё на куски: маленькие интерфейсы, маленькие функции, маленькие модули. Последовательность — твой основной инструмент, особенно если проект хоть немного серьёзный.
5) Используй MCP, если хочешь ускорить работу ×10
MCP — это протокол, который позволяет AI взаимодействовать с внешними сервисами.
Например, Figma MCP может сверстать живой интерфейс по твоему макету за минуты. Иногда с фантазиями, но близко к оригиналу и очень ускоряет процесс.
То же касается платежей, нотификаций, бэкендов — Supabase, Stripe, RevenueCat, что угодно.
🔥19❤11👏7