💎 Шаблон КП на Тильде

Сегодня дарю вам шаблон коммерческого предложения для дизайнера-разработчика сайтов на Тильде (подойдёт как для фрилансера так и для команды) ✨ ❤️ ID шаблона: 87847526 Шаблон выполнен в виде странички на Тильде, сверстан он на стандартных блоках (с щепоткой CSS кода). Я отдала предпочтение именно стандартным блокам, чтобы их было легко редактировать и кастомизировать под свой фирменный стиль, и не надо было заморачиваться над адаптацией. Уникальный дизайн это, конечно, хорошо, но в переговорах и продажах важнее все таки скорость и мобильность, нежели красивая обёртка. Поэтому, когда вас попросят срочно отправить КП, вы сможете сделать это незамедлительно 🔥 ⭐️ В шаблоне некоторые блоки представлены в двух вариантах для различных схем работы. ⭐️ Также я добавила навигацию по странице КП, т.к. оно получилось довольно объемным. ⭐️ Все шрифты установлены «по умолчанию», поэтому когда вы добавите шаблон себе в проект — подключатся ваши установленные шрифты. Не призываю всех и каждого делать свое КП только по этой схеме, однако мой шаблон сможет послужить вам отличной основой для формирования своего собственного КП со своими уникальными текстами и предложениями. Инструкция по добавлению шаблона в проект на Тильде: ⭐️ Зайдите в ваш проект, где вы хотите разместить КП и нажмите «+ Создать новую страницу» ⭐️ Пролистайте страницу с шаблонами до самого низа, где будет располагаться кнопка «Указать ID шаблона» ⭐️ Нажмите на нее и в появившемся поле введите идентификатор моего шаблона КП: 87847526. И страница с КП у вас в проекте! Вы великолепны! 🌸 По всем вопросам или замечаниям по шаблону добро пожаловать в комментарии 😊 P.S. Не забудьте скрывать ваши КПшки заказчикам от индексации #документы #freebie
Изображение поста

Как спроектировать первый экран, который обеспечивает конверсию

Перевод статьи Михала Малевича с советами по проектированию главного экрана лендинга. Его рекомендации основаны на 500 часах записей сессий в Hotjar и анализе более чем 400 реальных сайтов. В статье он даёт базовую чёткую структуру для оформления экрана и приёмы для привлечения внимания. Основные мысли и советы: • Главный экран лендинга — это то, что на 90% должно убедить пользователя совершить целевое действие • Важно избегать ИИ‑абстракций и пустых пафосных заголовков. Это создаёт красивую, но бессмысленную витрину • Начинать дизайн лучше с вайрфрейма без детализации, но с упором на проработку текста • Подумайте, почему ваше сообщение должно заинтересовать клиента. Затем создайте три-пять вайрфрейм-версий и протестируйте их • Формулировки должны соответствовать конкретной отрасли. ‍Главное — сделать сообщение понятным для целевой аудитории • Визуальные образы должны подкреплять и усиливать сообщение • Изображение людей повышает эмоциональную связь в 99% случаев. Важно, чтобы изображения были уникальными и максимально соответствовали стилю бренда • Пользователи интуитивно смотрят туда же, куда и человек на фото. Это можно использовать, чтобы сделать акцент. Например, на CTA-кнопке • Пять основных элементов главного экрана: фраза перед заголовком (кикер), основной заголовок, краткое описание, CTA-кнопка и изображение для эмоциональной связи #статья
Изображение поста

Недавно увидела на Reddit интересную визуализацию: https://laion.inference.net/embeddings">карту связей научных статей, где десятки тысяч работ собраны в кластеры по предметным областям.

Как это сделано: из открытого набора LAION (около 100 млн научных и исследовательских текстов, здесь — небольшой срез) извлекли краткие выжимки, перевели статьи в векторные представления, спроецировали в 2D и сгруппировали по близости. 🔗 Демо: https://laion.inference.net/embeddings 🛠️ Код: https://github.com/context-labs/laion-data-explorer (React + D3)
Изображение поста

Mockreate AI — генерирует случайные данные для выделенного текста.

#Ai | #Tutorial
Как создать точечный пиксельный текст в Illustrator Автор P A N T E R
Плагин Spellchecker — проверка орфографии текста прямо в Figma.
Beautiful Gradient
20 зернистых монотонных градиентных текстур, отлично подойдут для упаковки соцсетей, личных блогов и брендинга Install 🖼 Figma Дизайн
Изображение поста
День 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; – Какие ошибки можно было избежать с опытным ментором. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста
Как писать тексты легко, регулярно и системно
Нет, не «Никак», а очень даже можно. Евгений Р расскажет как он применяет концепцию четырёх типов творчества для решения этих задач. Мы с Юлей для этого собственно и задумывали челлендж, чтобы ребятам стало легче писать. И поэтому круто, что сегодня мы узнаем ещё методологии и лайфхаки от человека, который регулярно делать контент и много. Меньше чем через час! 🤙 Подключиться по ссылке #написябрь2025 —— 🍍 Явно.Дизайн x 🍥 tak.pobedim 😱 Что это за челлендж?
Изображение поста
3D-художник в ПРИЗМА
Мы — ПРИЗМА, разрабатываем геймикацию и программы лояльности для ритейла и не только. Задачи: — создавать привлекательные low-poly модели персонажей и пропсов в казуальном стиле по 2D концептам — анимировать 3D модели, в том числе персонажей — оптимизировать модели для Unity — взаимодействовать с технической командой, оказывать поддержку и контроль интеграции 3D контента в проект Ожидания: — уверенное владение инструментами 3D-моделирования: Blender/Maya/3ds Max/др. — навыки работы с UV-развертками и текстурами — знание принципов риггинга и скелетной анимации — опыт в работе с unity-разработчиками — понимание принципов работы с Unity и технических ограничений — портфолио с примерами 3D моделей персонажей и пропсов в казуальной стилистике, а также примеры скелетной анимации Условия: — рыночное вознаграждение, трудовой договор — аккредитованная ИТ-компания — удаленная работа по московскому времени, в т.ч. за пределами РФ — у нас минимум регламентов и бюрократии Откликнуться #геймдев
Изображение поста
Lay’s обновился
Любители чипсиков здесь? PepsiCo провели крупнейший за десятилетия ребрендинг Lay’s. В логотипе сохранили фирменное «солнечное кольцо» и красную ленту, но сделали его теплее и объемнее. А на упаковку добавили больше изображений картофеля, которые передают его текстуру и цвет. Изменился не только визуал. Бренд обновил позиционирование и теперь делает ставку на натуральность продукции. К 2025 году Lay’s откажется от искусственных ароматизаторов и красителей. 😍 — ммм, чипсы… 🙊 — фу, чипсы! #дизайн_апдейт @contented
Изображение поста
День 2. Улучшение качества изображений
Каждый день в своей работе я использую сервисы по улучшению изображений, независимо от того, устраивает ли меня их качество (а чаще всего — не устраивает). Сервисы для повышения качества изображения нередко становятся настоящим спасением: благодаря им красивый дизайн не портится из-за неудачного качества снимков товаров. По этой причине выкатываю список сервисов, сохраняйте и пользуйтесь. В каких то сервисах есть предел использования, к примеру 2 улучшения за сутки. Есть лайфхак - открыть другой браузер и там у вас будет еще 2 улучшения. И так далее. Список сервисов: 1️⃣https://www.iloveimg.com/upscale-image (мой любимый) 2️⃣https://www.topazlabs.com/ 3️⃣https://betterimage.ai/ru 4️⃣https://visualelectric.com/ (Нейросеть, там необходимо выбрать именно upscale. Необходим вход через VPN) 5️⃣https://www.upscale.media/ru (у кого то с VPN работает только, у кого то без) Бонус 👉🏼 Качественный VPN за приемлемые деньги на компьютер P.S. Всегда смотрите какой результат получается после улучшения. Часто бывает картинка сильно не качественная, допустим это крем и на банке есть текст мелкий еле читаемый, после улучшения он скорее всего превратится в каракули. Не завышается улучшение, я стараюсь всегда делать "2х", а то при "4х" там вообще каша частенько получается.
Изображение поста
#решения
Дизайнер Анна Смолякова делится мнением о том, что важно при оформлении детской: «Дизайн детской сегодня — это натуральные материалы и нейтральная цветовая база, к которой присоединяются легкие акценты. Например, цветная покраска потолка с переходом на стены. Такой прием значительно поднимает потолок, а тонкая полоса комбинируется с цветом плинтуса. В интерьере на фото синяя настольная лампа лаконичной формы связана с пластикой скругленных деталей — в кресле, подлокотнике кровати, светильниках и кондиционере. Орнамент льняной ткани в портьерах имеет плавный стилизованный растительный рисунок, намекая на комнату девушки. Контраст в интерьере создает комбинация ахроматического текстиля на кровати. От пестрого постельного белья рекомендую отказаться: этот прием создает визуальный шум и отвлекает от других важных элементов детской. Графика автора проекта подчеркивает актуальный образ интерьера. Для детей и подростков их комната — предмет гордости, здесь можно делать селфи, снимать ролики и принимать друзей».
Изображение поста
#Ai | #Tutorial
Фото внутри текста в Adobe Illustrator Автор skillbyecommerce
Я из тех, кто видит каждую мелочь 👀
Пока сильнее всего это проявляется в дизайне Реально, даже не задумываясь, если я замечаю тонкие колебания цвета, то сразу делаю кадр ярче и нахожу то, что обычно «практически» незаметно 🧐 С текстом та же история: если мне интересно, я читаю даже самый мелкий шрифт и пытаюсь понять, что там спрятано, обращая внимание даже малейшие отклонения в отступах — Ну и если вернуться к мелкому шрифту, и отбросить вопросы про CTR и маркетинг, то он просто выглядит стильно и минималистично! Мелкий набор текста часто создает аккуратную эстетику, в связке с крупным текстом Да о чем говорить: на ноуте 15" у меня стоит уменьшенное системное масштабирование (примерно 75%), а курсор минимального размера. Просто так комфортнее 😆 Поэтому мелкий текст для меня не способ спрятать проблемы с компоновкой, это осознанный выбор и часть визуала Если клиент попросит, я сделаю крупнее. Но себе оставлю версию с мелким текстом! Такие мысли. А как вы относитесь к мелким деталям или тексту? 👇🏻
Изображение поста
Кнопки для IOS.
• 4 типа: заполненный, тонированный, серый, обычный. • 3 размера: большой, средний и маленький. • Выравнивание значков: по левому краю, по правому краю, только для значков и только для текста. #componets #button Открыть в Figma
Юникод опубликовал предложение Стивена Каспера из MIT добавить в существующую кодовую таблицу два новых символа. Первый должен говорить о том, что на предложении нельзя обучать искусственный интеллект, а второй — о том, что предложение сгенерировано с помощью нейросети
По предложению Каспера, эти символы не должны быть видны в отрендеренном тексте
Изображение поста
⚡️⚡️ Требуются AI-видеомейкеры.
Ищем креативных специалистов: smm, дизайнеры, блогеры, умеющие работать с нейросетями и создавать видео при помощи ИИ. Возможно без опыта, всему обучим на мини-курсе «НЕЙРОЛОГИЯ» от Академии СИНТЕЗ 25 За 3 урока вы: - Соберёте свой первый ИИ- ролик: визуал, озвучка, монтаж и текст - Научитесь создавать визуал уровня Netflix, адаптировать видео под разные платформы и монетизировать контент - Запустите собственные аккаунты, узнаете, как устроен контент-завод и где брать первых клиентов После прохождения курса вы попадаете в наш клуб, где уже в первый день вы сможете взять проект на 10.000 Внутри клуба проекты и вакансии от брендов — CocaCola, РивГОШ и другие в портфолио. А так же по итогам курса 10% участников получат персональное приглашение в команду Синтез 25. 👉 Присоединяйся к практикуму до 23:59 МСК и получи + месяц клуба
Изображение поста