🔔 Inspiration #156
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥
– leseditionsbonsound.com
– tenyears.source.paris/en
– ashcamp.co
– pika.style
– stelstores.com
———
– matre.world
– geckoboard.com
– supersolid.agency
– avax.network
– headgolf.com
———
– rareassembly.com
– tracevision.com
– speakeasy.com
– play.soot.com/sootworld
– faint-film.com
———
– fridawiig.xyz
– atolldigital.com
– webflow.com
– procreate.com
– chronicles.basement.studio
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
День 3. Добротная подборочка плашек 🤓
Выгрузил из своих проектов разнообразные плашки и немного примеров как оформлять характеристики без плашек.
Классные, готовые плашки это то, что всегда было и будет нужно каждому дизайнеру. Так как на их оформление порой уходит достаточно много времени.
Ссылка для перехода 👉🏼 Сборка материалов
В каждой из плашек можно легко менять текст и шрифт под себя, изменять цвета под свои проекты или же использовать их, как референс и создавать что-то новое. Дерзайте.😎
P.S. Кстати, сам того не понимая, я сделал вам двойной подгон. Все плашки из проектов и там есть хорошие градиенты, которые можно сохранить себе в фигму и использовать. Поэтому не забудьте себе это сделать!
(❤️) и я соберу вам большую пачку градиентов, которые также можно будет сохранить и пользоваться
#ништяки #сборкаматериалов
7 шагов: как создать лендинг
в 2025 году, который будет приносить заявки? 💻
За моими плечами 1400+ полученных заявок с моих сайтов за крайний год. Делюсь актуальной и рабочей методикой:
На берегу проекта важно четко понять, каких изменений в бизнесе хочет клиент от сайта? Новые заявки, продажи или просто визитка? В 90% случае нужны заявки и продажи
ШАГ 1. БРИФИНГ 📹
Это фундамент. Созваниваюсь с клиентом 1.5-2ч, чтобы узнать о его бизнесе: откапываю сильные стороны и узнаю, кто целевая аудитория через призму опыта клиента + cобираю материалы для сайта: текст-описание, фотографии, видео и контакты
✍️ Готовый бриф из 62 вопросов для создания сайта [Скачать]
ШАГ 2. АНАЛИЗ ЦА 🔍
После ответов клиента я отправляюсь в самостоятельное плавание: изучаю форумы и реальные отзывы в этой нише, чтобы понять, как мыслят эти люди. Далее через нейронку @dumebot сравниваю свой анализ с анализом робота 🤖
P.S. Писать тексты только через gpt — моветон. Не делайте так, хйу на лбу вырастет
ШАГ 3. ЧЕКАЮ САЙТОВ КОНКУРЕНТОВ 💻
Не изобретаю велосипед и беру то, что уже работает. Изучаю, какие есть в этой нише сайты и пизжу идеи интересных блоков или текстов для ЦА
ШАГ 4. СОЗДАНИЕ ЧЕРНО-БЕЛОГО ПРОТОТИПА 📝
Иду от общего к частному:
1. Накидываю очередность блоков по важности
2. Пишу для них заголовки, чтобы только по ним можно было понять суть лендинга и оставить заявку:
🚫 Наши преимущества
✅ Используем надежные ткани от 80 тысяч циклов. Защита от стирания, царапин и легкая чистка
3. Наполняю первый экран самыми жирными текстами
4. Делаю текстовое наполнение для других блоков
5. Презентую клиенту готовый прототип и утверждаю
[Формула из 9 блоков продающего лендинга]
ШАГ 5. ДИЗАЙН САЙТА 🎨
Скидываю клиенту референсы на утверждение. Выбираем 2-3 хороших варианта по цветам, стилистике, композиции и в этом направлении создаю дизайн. Презентую также дизайн в формате видео и утверждаю
ШАГ 6. ВЕРСТКА НА TILDA ⚙️
- Подключение шрифтов
- Детальная даптация под телефон
- Подключение домена в reg.ru
- SEO и соединение https://
- Оптимизация скорости загрузки
- Добавление фавикона
ШАГ 7. ПРИВЯЗКА МЕТРИК 🎯
Чтобы потом улучшать сайт, если конверсия будет слабая и это нормально. Можно отслеживать тепловую карту скроллинга, карту клиентов и откуда заходят люди
- Настраиваю Яндекс метрику
- Добавляю сайт в поисковики Гугла/Яндекс
- Подключаю уведомления о заявках
- Маркирую формы, чтобы понимать откуда заявки
- Сдаю клиенту готовый сайт ⤵️
Ниче сложного. Можно создать за 7-10 дней и давать реальную пользу клиенту. Ну а сама конверсия завит от продукта клиента, наличия отзывов, сезона и входящей рекламы
🔥❤️ — накиньте реакций за пользу, коллеги
💡 Как внедрить дизайн-систему, когда ты единственный дизайнер
Саша рассказала о своём пути от графического дизайнера до продуктового, работая над ERP-платформой. Будучи единственным дизайнером на проекте без опыта работы с большими продуктами, она столкнулась с хаосом из сотен экранов без консистентности и структуры.
Главной проблемой стало отсутствие базовых инструментов: переменных, системы отступов, методологии. Она самостоятельно освоила современные возможности Figma через YouTube-ролики и эксперименты, создав Systematic Color Workflow с 400+ токенами. Правда, позже поняла, что можно было ограничиться только реально используемыми стилями и не усложнять работу фронтенда.
Внутри:
– Как создать Color Mixer для формирования консистентной палитры;
– Почему текстовый компонент может перегружать макеты при сотнях экранов;
– Зачем сразу определять правила отступов и брейкпоинты;
– Как Variants, Boolean и Auto Layout ускоряют работу;
– Почему пришлось аргументировать переход на платную версию Figma;
– Какие ошибки можно было избежать с опытным ментором.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🤖 Как использовать AI в дизайне через продвинутые техники промптинга
Илья Каназин и Марина Чернышова показали, как правильные промпты превращают AI из генератора случайных идей в полноценного помощника дизайнера. Разница между «Как улучшить онбординг?» и детальным запросом с контекстом может дать в 10 раз более полезный результат.
Ребята подчёркивают, что промптинг это не просто написание инструкций, а проектирование мышления. Они делятся шестью техниками, которые проверили на реальных задачах: от декомпозиции через Jobs To Be Done до симуляции кросс-функциональной команды. Каждая техника подходит для конкретных ситуаций, и их можно комбинировать как модульные инструменты.
Внутри:
– Как разбивать задачи через Jobs To Be Done с чекпоинтами для самопроверки;
– Зачем использовать Tree of Thought для UX-аудита конкурентов;
– Как превратить AI в интеллектуального оппонента через Memory Update;
– Что такое мета-промптинг и как он помогает писать промпты для UI-генераторов;
– Как проводить когнитивный walkthrough с разными типами пользователей;
– Почему мульти-роль промптинг симулирует обратную связь от всей команды.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Как звучит орел, рожающий яйцо: профессия саунд-дизайнера. Александр Василенко
У нас в гостях Саша Василенко – мультидисциплинарный художник и композитор, преподаватель Центрального университета, ex-руководитель звукового департамента в компании Endel. Участник фестивалей “Инверсия” “III Points” “INTERVALS” “НУР” “ПУСК” и др. Работы выставлялись в ГЭС-2, Третьяковской галлерее, Цех, Солянке, Generative Gallery, Буксир, МУАР им Щусева, Внутришоу, КЦ ЗИЛ и др.
Сотрудничал с такими компаниями как Apple, Amazon, Mercedes-Benz, Audi, Cartier, Yandex, Rosbank, radugadesign, HVJ, Alan Watts Foundation и с научными лабораториями Fraunhofer, Arctop, Sleepscore Lab в рамках исследований влияния звука на человеческий мозг. Также сотрудничал Universal Music Group, Warner Music Group, Sony Music, Tencent, Spinnin, Deutsche Grammophon
Поговорили о том, на каких рынках зарабатывают саунд-дизайнеры и где востребованы их услуги. Как промышленный дизайн связан с сайнд-дизайном и есть ли там свои тренды. Каким скиллсетом должен обладать саунд-дизайнер для входа в профессию. Как звучит орел, рожающий яйцо. С кем и как взаимодействует саунд-дизанер в продуктовых командах и где искать классные звуковые референсы для продуктов. А так же, о том, какое оборудование используется в профессии.
Используете ли вы звуковое сопровождение в свои проектах? – Пишите в комментариях к выпуску
👉 Смотреть на YouTube
👉 Смотреть и слушать в Telegram-плеере
👉 Слушать в Apple
Три закрытых канала для дизайнеров
1. Людочка, плагины — только отборные плагины, с наглядными гифками и навигацией по хэштегам.
2. Людочка, дизайн — бесплатные 3D, иллюстрации, шрифты, нейросети, иконки, мокапы, видео.
3. Людочка, референсы — новый канал с лучшими работами по веб-дизайну, чтобы тренировать насмотренность.
Залетай, используй ❤️
💫 Микропроцессы в дизайне: как Voximplant внедрили дизайн-ревью без страха
Команда Voximplant рассказала о микропроцессах — небольших адаптациях больших методологий под нужды конкретной компании. Главным страхом при внедрении дизайн-ревью было создание «бутылочного горлышка»: один дизайнер в отпуске, второй болеет, третий завален, а релиз фичи задерживается.
Решением стал компромиссный микропроцесс «Пост дизайн-ревью». Если проверка не происходит за 24 часа или есть острая бизнес-необходимость, задача идёт в продакшен, но автоматически создаётся тикет на проверку в следующем спринте. В результате 95% задач проходят обычное ревью, 100% проверяются в итоге, а количество багов на продакшене сократилось в 1,5 раза.
Внутри:
– Почему процессы команды это её внутренние продукты;
– Как Intercom адаптировал JTBD через Job Stories;
– Какие страхи мешают внедрению дизайн-ревью;
– Как работает алгоритм «Пост дизайн-ревью»;
– Почему 1 дизайнер успевает делать ревью для 5 фронтендов;
– Какие процессы появились после успешного внедрения.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Анимация в Фигме
Если вы не знали, как подступиться к тому, чтобы начать анимировать макеты, а АЕ для вас космолёт, который никак не освоиться, то решение есть — Magic Animator
Они ещё тут и обновились сегодня до версии 2.0
Что нового:
–Генерация стала быстрее;
– Качество анимаций лучше;
– Обновили интерфейс;
– Можно получить бесплатные кредиты;
Как работает:
Один клик = 4 варианта анимации. Никаких промптов и сложностей. Потом можно отредактировать результат в полноценном редакторе.
Короче, пушка. Без костылей каких-то
➡️ Пробовать тут
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Длинный пост про стиль
В 2020 году я выступил в Суздале и рассказал об исследовании истоков русской эстетики (мне кажется, я был первым, кто капнул в этом направлении).
Как бы громко это ни звучало, но когда я нырял в эту тему, я ставил себе такую экзистенциальную задачу — найти «свой голос» в культурном процессе начала XXI века! (Местоимение «свой» можно понимать по-разному).
Тогда казалось, что мы все говорим не «своими голосами»: мы говорим на голландском, немецком (тут я про Швейцарию скорее), что мы от какой-то эмоциональной несвободы все пытаемся на что-то опереться (на сетку, стиль, канон, референс). Само по себе неплохое стремление (для этого и нужны школы, мастера и традиции), но только вот опираемся мы на «готовое», уже сказанное, переваренное, сформулированное, несвое.
Чтобы разобраться в эстетике, я начал с этики, с исследования. Так появилось эссе «розы и слезы» (да и вообще мой проект как таковой). Дальше было самое интересное — я попытался разработать (сам для себя) эстетический метод, стиль, который, на мой взгляд, вытекал (струился) из исследования истоков.
Если очень коротко, то три эстетических принципа «самости» звучат так:
1. самодельность (я уверен, что освобождение от «референса» (чужого решения) лежит через болезненную самопальность. «Болезненную», потому что сложно говорить инАково, страшно, непонятно, «что люди скажут»),
2. бесформенность (мы не создали эстетический канон, у нас по сути не сложилась эстетическая традиция, у нас ничего нет, ни-ху-я, буквально! Но — это как бы и есть метод, канон, подход. Отсутствие чего-то — это тоже что-то! Короче, нечего тут бояться, надо просто попробовать развить то, что у нас есть — бесформенность),
ну и 3) нравственность — тут все понятно, мы, конечно, не можем просто так, у нас должна быть миссия, мы должны кого-то спасать.
Я уверен, что наша категория Красивого еще не сформулирована окончательно, она точно не в Пинтересте лежит, ждет, когда ее найдут и скопируют. Я уверен, что наш голос он вообще не про красивое, как таковое, — откуда у нас взяться красивому (в его западноевропейском понимании). Наше красивое для того же «европейца» скорее некрасивое, непонятное, странное, а лучше даже — страшное!
В имидже сверху — анонс открытия ресторана на Трубной, который открывают мои друзья, и для которого я ковыряю айдентику.
Логотип нарочито самопальный: от референса до его интерпретации. «Пафосное название» искрится от бытовой и уличной типографики, в которой зарыта не «метафора» (не люблю метафоры), а мое отношение.
Трафарет, с одной стороны, максимально формальное решение, техническое, антиавторское, с другой стороны, в нашей с вами реальности — это универсальный формат авторского высказывания, ломающего систему, рамки, диктатуру формы. Мы способны превратить трафарет в манифест самобытности. В нем есть все: драма — рука художника ломает оковы формата, исторический контекст — старославянские мотивы накладываются на советскую пластику. Тут есть все!
За рамками постера лежит еще сам стиль/язык проекта, о нем расскажу уже чуть позже. И в качестве послесловия хочу использовать кусок переписки с В. Коломейцевым:
«Потому что мы хотим увидеть, что есть наше, и как мы к этому принадлежим. Паттерны, особенности и чудное эклектичное поведение форм в кириллице.
Как кириллица отражает себя саму на улице. Буквально — на руках ее делателя, а не в компьютере, держа за пазухой Пинтерест, библиотеку референсов и векторных политипажей.
Мы постоянно в поисках самих себя, держа в голове дизайн как принтер идей и ценных бумажек с одной стороны, а с другой — как географ-любитель намечает уже проявившийся облик местности на карту.
Все сделано, надо просто про это рассказать, найдя для этого повод. Неуместные жонглеры, которые развлекают и озадачивают публику, отвлекая их от спячки.»
ВАЖНЕЙШЕЕ!!! учтонение — источник — это табличка неизвестного ремесленика на одной из стоянок преображенского рынка в Москве, которой со мной любезно поделился Вова Коломейцев (@keyfeer)
