Product design · Студия «Луч»
13.7K subscribers
1.97K photos
82 videos
2 files
398 links
Студия продуктового дизайна «Луч». Номер 1 в UX по версии Рейтинга Рунета. Делимся кейсами, советами и успехами.

сайт: https://www.loo.ch/
обсудить проект: @hey_tommy

регистрация в перечне РКН: clck.ru/3Fnuxx
Download Telegram
Анимация как язык интерфейса

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

Собрали главное о том, как строить анимацию от раскадровки до передачи в разработку
21🔥11👏8
Media is too big
VIEW IN TELEGRAM
Редизайн сайта для сервиса бьюти-боксов 82Box

82Box — сервис лимитированных бьюти-боксов из Кореи, которые разбирают за минуты. Ранее мы показывали страницу архива и делились тем, как переносили дофаминовое ощущение от покупки в интерфейсы. Теперь — показываем весь сайт целиком

Что сделали:
• Пересобрали путь пользователя — от записи на дроп до получения бокса
• Создали эмоциональный визуальный язык с живой графикой и анимациями
• Продумали сложный флоу закрытых продаж и сделали его интуитивным
• Собрали удобный архив всех дропов: составы, инструкции, гайды, отзывы

Получился сайт, который передает атмосферу бренда и делает путь пользователя проще и приятнее

Полная версия кейса уже в портфолио 🙌
27🔥16👏10
Дизайн для соцсетей GuruGrow

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

Мы превратили визуальную систему в удобные шаблоны:

• Фоны с фирменной молнией переключаются в один клик — собрали целую библиотеку вариантов, чтобы под каждый визуал можно было подобрать подходящий
• Элементы адаптируются под разные типы постов — от подборок до имиджевых публикаций
• Тексты автоматически подстраиваются под формат, не ломая композицию
• Сгенерировали визуалы через нейросети, чтобы у команды был готовый набор контента без поиска референсов и съемок
• Сделали 3D-эмоджи для Telegram

Теперь у команды GuruGrow есть система, которая позволяет собирать посты быстро, удобно и в едином стиле
30🔥18👏9
Инспирейшн от Жени Палько

Когда вокруг слишком много цифровизации, хочется возвращаться к вещам, которые можно потрогать, услышать и увидеть вживую. Наш арт-директор Женя переключается на выставки, музыку, прогулки и работу руками — такие вещи заряжают куда сильнее, чем очередная подборка в Muzli

Для работы и вдохновения:

Dzine — удобный all-in-one сервис с большим набором инструментов. Быстро развивается, регулярно обновляется и остается доступным по цене
Photoshop / Illustrator — да-да, банально и для многих дизайнеров может быть уже не актуально. Но мне по-прежнему нравится делать чистый цифровой крафт без ИИ-артефактов. Держит в тонусе
Баухаус, Вхутемас, Ван Гог, Мунк, Йенсен-Мичинес и художники Северной Европы — основные школы и авторы, которые расширяют визуальное мышление и формируют вкус

Музыка:

Метал — для генерации идей и творческих поисков. Мой личный топ: Mgła, Panzerfaust, Kriegsmaschine, Groza, Hauntologist, Akhlys
Техно — для рутины и большого объема монотонной работы
Пост-панк — в машину, рекомендую послушать Bitcevsky Park

А где вы чаще всего находите вдохновение? Делитесь в комментариях 👇
🔥2213👏8
Media is too big
VIEW IN TELEGRAM
Ускорим запуск вашего продукта с помощью AI

Весь год мы использовали AI в проектах — ускоряли проектирование, сборку MVP, ресерч и помогали продуктовым командам запускать процессы быстрее и аккуратнее. Но почти не говорили об этом публично — самое время исправить!

Собрали лендинг, на котором рассказали, как внедряем AI в цифровые продукты, какие задачи закрываем и как помогаем командам

А чтобы сделать первый шаг в AI проще, оставляйте заявку на бесплатную консультацию с нашим CEO Женей Лучининым — вместе разберем ваш запрос 💫
🔥2513👏9
сегодня клиент на презентации визуальной концепции сказал «аж плакать хочется как красиво». ну представьте!
68🔥38👏15
Если AI делает всех одинаковыми — что тогда отличает сильные продукты?

Мы узнали за вас, что об этом думают Adobe, Picsart, Pentagram и другие лидеры индустрии на Web Summit 2025 — и собрали главные тренды AI-эпохи в статью. От текучих интерфейсов и mood-based дизайна до роли авторства и вкуса

Читать на VC
Читать на дизайнерс
🔥1815👏10
Радуемся и принимаем поздравления!

В этом году мы взяли второе место в конкурсе Рейтинга Рунета с проектом 82Box

Поразглядывать кейс можно у нас на сайте
🔥3720👏12
Интерфейсы для бизнеса в международных Яндекс Картах

В этом проекте мы вписывали новые сценарии в большую дизайн-систему Яндекса — личный кабинет для бизнеса, карточку организации и флоу подключения рекламы внутри международного сервиса карт

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

Такие задачи хорошо ложатся на нашу экспертизу: быстро понять устройство сложного продукта, учесть его ограничения и предложить решения, которые выглядят естественно внутри большой экосистемы

Показываем небольшой фрагмент — остальное будем показывать по мере релизов
28🔥13👏6
Ребята, мы живем в момент, когда AI помогает не только делать дизайн, но и собирать прототипы, писать код, искать визуальные стили и ускорять работу над продуктами

У нашего ceo Жени появился канал про вайбкодинг, AI-подходы и новые инструменты. Если хочется быть в теме и понимать, куда движется рынок, подписывайтесь!
🔥122
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, что угодно.
🔥1911👏7