Соседи, кто взял колбасу с полки Cedro? 💜

Да ладно-ладно, кушайте, не обляпайтесь. У нас ещё рефы есть — берите вприкуску. С ними вкуснее. Вообще, https://www.framer.com/https://www.framer.com/">Framer — это крутой конструктор для дизайнеров, в котором можно быстро собрать сайт. По ощущениям, что-то среднее между Figma и Webflow. А ещё у ребят есть большое комьюнити, которое делится бесплатными ресурсами. Среди них — тонна трендовых эффектов, которые можно подрезать для своего проекта и настроить за пару кликов.

Салют!

Опять принесла свежую, яркую и смелую подборку джунов. На этот раз искала на радарах выпускников Щёлочи. Надо было узнать если ли там талантливые молодые дизайнеры — проверка прошла успешно, показываю и тебе. Открывай портфолио и вдохновляйся: 😍 Елизавета Буровик — графический дизайнер из Москвы. Основные направления: айдентика, верстка журналов и зинов, плакаты, обложки треков, дизайн соцсетей. Инструменты: Photoshop, Illustrator, Figma, InDesign, Blender, basic After Effects. 😍 Дарина Селищева — UX/UI, графический и веб-дизайнер из Санкт-Петербурга. Основные направления: брендинг, айдентика, сайты, лендинги, постеры, полиграфия, упаковка. Инструменты: Photoshop, Illustrator, Figma, After Effects, InDesign, basic XD, Tilda, Webflow, Midjorney, Dall-E, basic Blender 3D. 😍 Константин Федотенко — графический дизайнер из Самары. Основные направления: айдентика, постеры, упаковка, полиграфия, многостраничники. Инструменты: Illustrator, Photoshop, InDesign, basic Figma, After Effects + experimental. 😍 Полина Чапурина — графический дизайнер & digital artist из Петербурга. Основные направления: креативы, коммуникационный дизайн, айдентика. Инструменты: Illustrator, Photoshop, Figma. Понравилась подборка? Хочешь сделать анимашку или принять участие? Пиши мне.

Cайт плагина для webflow

  Формат: #figma Сложность: #легкий Категория: #лендинг Язык: #en   Посмотреть макет Макеты Figma
https://content.desigram.ru/static/a4df73df-e374-4066-b3ee-091b65e76a4a.jpg

Освой азы Webflow за 3 часа ❤️

Весь бесплатник в одном видео! Собрали все обучающие видосы в один 3х часовой ролик для тех, кто еще хочет разобраться с функционалом Webflow и логикой построения сайтов. 3-х часовой курс включается в себя основы HTML, CSS, адаптивности и анимации. Соберем полноценный сайт с нуля на Webflow и научимся правильно передавать проекты заказчикам. Переходи по ссылкам: 📹На YouTube 💬 В ВК
https://content.desigram.ru/static/0785c4ec-f5d8-46d7-8110-4dadf7c88258.jpg
Сегодня стартуем с новой группой!
У нас осталось 2 места – вдруг ты планировал влететь в последний момент 🥹 Тебя ждут 3 месяца погружения в Weblow-разработку, первые заказы на Upwork или стажировка/работа в студии, поддержка менторов (они у нас лапочки! напишите кто учился, не соврали же?) и минимум 3 готовых сайта в портфолио. Переходи по ссылке и выбирай тариф. У нас есть разные варианты: • знакомство с Webflow для работы на российском рынке • Webflow + Upwork для тех, кто думает о работе за рубежом • с нуля до PRO для тех, кто хочет сразу стать middle-разработчиком
https://content.desigram.ru/static/64aac6f8-658a-4232-a29a-541873024f2f.jpg
Мне написала немецкая дизайн-студия.
Сейчас общаемся, они хотят заказывать у меня на постоянке верстку на Webflow. Чек назвал 18$/час за верстку (уже нашел верстаков, готовых работать за 10). А если будем делать дизайн + верстку, то 30$/час. Пока непонятно, сколько выйдет в итоге, но вроде звучит перспективно. Особенно учитывая, что у меня совсем нулевый аккаунт и я только зарегистрировался. Судя по всему, их все более чем устраивает, но непонятны пока юридические вопросы. Потому что я (типа) нахожусь в Польше, и у меня соответственно должны быть польские документы. Попробуем сейчас это обойти и начать работать. Я и так уже месяц провозился с этими документами, чтобы мне верифицировали аккаунт. Дальше, как разберусь со своими задачами, буду писать отклики. Задачи в ленте пока на 90% — мусор, но думаю это потому что я новичок.
https://content.desigram.ru/static/3e740f5e-5aee-4a14-a6af-132e1d62893c.jpg
Из оператора печатных процессов на стажировку Wf-разработчиком в Pragmatica и первым заказам на Upwork ❤️
Попросили Дениса (студента PP) рассказать почему он решил выбрать Webflow и как ему наше обучение 😐 «В 2022 году я пробовал себя в графическом дизайне, но так как заказов было немного, то решил устроиться на подработку в типографику. Я пробовал находить как дизайнер первые проекты на Upwork, потратил кучу коннектов, но так и не смог взять первый заказ. Потом я хотел попробовать себя в веб-разработке. Погружаясь в эту тему, я решил начать с фронтенда, так как у меня не было опыта в верстке, а времени на обучение было мало. Тогда я наткнулся на Webflow, и мне сразу понравилось, что это графический редактор. После нескольких уроков на YouTube я нашел Pixel Perfect и решил пройти базовый курс. Признаюсь, было непросто – свободного времени почти не оставалось, но этот опыт дал мне огромный буст. Я научился работать быстрее и увереннее, что помогло мне в дальнейшем. После битвы верстальщиков я получил возможность пройти стажировку в студии Pragmatica и поработать над реальным проектом. Это был ценный опыт командной работы с дизайнерами и постоянной коммуникации. Сейчас я прохожу спринт по Upwork (в который уже и не верил), выстраиваю общение с клиентами и продолжаю развиваться. Смог взять свой первый заказ – простой сайт за 150$, который сделал за 1,5 дня. После этого заказчики стали чаще отвечать, и сейчас у меня есть долгосрочный контракт на 15$ в час. Клиенту нравится моя работа, он восхищается моей продуктивностью, и это дает мне еще больше мотивации двигаться вперед» Если ты тоже не планируешь останавливаться и готов покорять Webflow – сегодня последний день скидки 20% на любой тариф по промокоду 20PIXELFLOW 👀 Переходи на сайт и забирай свое место
https://content.desigram.ru/static/985a5204-7b65-4ced-a5f7-f5de3a0d712b.jpg
СОЗДАЕМ ПРОТОТИПЫ: ЭТАПЫ И ИНСТРУМЕНТЫ
🧐 Исследуйте: соберите данные о продукте и конкурентах. 🛠️ Проектируйте: создайте каркас и сценарии пользовательского опыта. 🧪 Тестируйте: проведите коридорное тестирование, анализируйте результаты и дорабатывайте прототип. 💻 Инструменты: используйте Figma, Webflow и Sketch для создания эффективных прототипов. 🔍 Следуйте этим шагам для успешного тестирования идей дизайна! #Прототипирование #UXDesign #Дизайн #Тестирование #Figma ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
https://content.desigram.ru/static/dfdd4d10-b452-460f-b5c5-26e1a7002076.jpg
Сircle Website - Webflow Concept
Не заметили как пролетели 4 часа! Каждый раз очень рады пообщаться с вами почти вживую 😏
Для тех, кто не успел на онлайн-трансляцию, у нас есть для вас ссылочка. Она будет открыта для просмотра до 9 февраля. 📹https://www.youtube.com/live/tIplPD7HcUQ?si=mAowMHTaFujbqj46 Коля и Олег поделились своим опытом поисков заказчиков на СНГ и зарубежных рынках и рассказали как это адаптировать для всех дизайнеров/веб-разработчиков. Мы за системное обучение под руководством опытных спецов – такой принцип внедрили и в обучение по Webflow 👾 10 февраля стартует новая группа (уже 17!), в которой мы расскажем за 3 месяца как с нуля вырастить скилл ноу-код разработки на Webflow и научиться продавать свои навыки на Upwork. Вся программа – по ссылке 👈🏼 А до 9 февраля по промокоду 20PIXELFLOW вы сможете присоединиться к Pixel Perfect со скидкой 20%. Кого ждем? 🥴
https://content.desigram.ru/static/0091c161-cd3a-43ac-b0cd-0a966f805177.jpg
👾 Уже завтра в 19:00 прямой эфир о поиске клиентов в СНГ и за рубежом
Обсудим главные ошибки фрилансеров при поиске заказов, правила оформления Upwork и перспективы Webflow в 2025 году. Для тех, кто хотел бы с нами освоить Webflow – на вебинаре будут самые приятные условия 🥹 Регистрируйся по ссылке: t.me/pxp_reg_bot?start=frcrsweb P.S. Обязательное участие в розыгрыше бесплатного места — присутствовать на эфире, присоединяйся ❤️
https://content.desigram.ru/static/3d4ed1e0-4011-465a-b5fa-6a078e06e6d3.jpg
Прямой эфир «Как найти первого клиента в России или за рубежом» — в этот четверг(6.02) в 19:00 по мск 📹
Спикеры — Коля, автор и ментор нашего курса по Webflow, и Олег, опытный продуктовый дизайнер, которого клиенты и проекты находят на Upwork. За три года там он заработал более 60 тысяч долларов 👍 Коля поделится: ➝ историей своей студии Fluid, которая разрабатывает сайты на Webflow ➝ расскажет, почему в 2025 году Webflow-разработчик все еще на вес золота ➝ покажет, как правильно упаковать и продать свои услуги С Олегом обсудим: ➝ как создать профиль на Upwork и какие нужны навыки, чтобы выйти на эту биржу ➝ как искать первые заказы и клиентов, написать cover letter и выбрать правильный проект ➝ и каких ошибок стоит избегать в работе на Upwork А в конце, конечно же, разыграем бесплатное место на основной курс среди тех, кто сдал все ДЗ на бесплатном курсе. Присоединяйтесь ☀️
https://content.desigram.ru/static/8b77c24b-f3cf-4634-ab3a-0740320fbb63.jpg
Сегодня старт продаж по предзаказу курса «Веб-дизайн»
https://kavaira.com/web/">https://kavaira.com/web/ Для кого этот курс? Если вы хотите освоить новую профессию, которая позволит работать из любой точки мира и приносит стабильный доход. Что вас ждет: ✔️Теория: 46 лекций, где вы изучите всё от шрифтов и типографики до структуры продающих сайтов. ✔️Практика: 62 урока по созданию лендингов, интернет-магазинов и анимаций. Вы создадите проекты на Figma, Tilda и Webflow. ✔️Обратная связь: Кураторы будут проверять ваши работы и давать комментарии в чате и на стримах. ✔️Блок по нейросетям: создание текста, изображения, видео для качественных сайтов. Навыки, которые вы получите: • Работа в топовых платформах (Figma, Tilda, Webflow) • Разработка адаптивных сайтов • Настройка SEO, интеграция платежных систем и доменов Преимущества: • Вы попадете в закрытый чат с вакансиями для выпускников • Мы поможем вам выйти на зарубежные площадки, такие как Fiverr и UpWork • Ваше портфолио будет готово для первых заказов сразу после курса Специальные условия предзаказа: скидка 20% и курс «инфопровокация» в подарок Зарегистрируйтесь прямо сейчас и начните менять свою жизнь вместе с нами: https://kavaira.com/web/">https://kavaira.com/web/
https://content.desigram.ru/static/97926d2a-8efb-498c-af6f-ca28c31e99df.jpg
3 новых урока бесплатного курса 🦾
Продолжаем работу над сайтом в Webflow. В сегодняшних уроках будем заканчивать верстку проекта и постепенно переходить к завершению и сдаче проекта. 🌐 смотреть уроки на YouTube 💬 смотреть уроки в VK Что будем обсуждать на уроках: ▪️ 8 урок: потренируемся использовать свойство grid для создания раздела с логотипами ▪️ 9 урок: с помощью flex сверстаем раздел с карточками ▪️ 10 урок — создадим форму на сайте и поговорим об интеграции с разными сервисами Сдавать домашку и задавать вопросы поддержке можно в нашем боте и общем чате, присоединяйтесь ☺️
https://content.desigram.ru/static/6ce74553-2d83-498e-8281-30bd4120ad2c.jpg
Tilda уступает Webflow по всем показателям. Или нет? 😝
Давайте сегодня о вечном — Webflow и Tilda. Почему они не прямые конкуренты, для каких задач лучше использовать Tilda и почему мы все равно выбираем Webflow. 1. Webflow — для профи, Tilda — для маркетологов и новичков 🐞 Так и есть, Webflow — более мощная и гибкая платформа, идеально подходящая для дизайнеров и разработчиков. Она сочетает в себе гибкую CMS и хостинговые сервисы. И это напрямую влияет на кривую обучения — здесь она намного продолжительнее. Tilda — понятный, простой и намного более интуитивный инструмент. Если вам нужен очень простой сайт прямо сейчас, то лучше выбрать Тильду. 2. В Tilda много костылей и с ней постоянно что-то не так 😒 Например, из-за отсутствие классов для элементов в Тильде надо задавать стили много раз для одних и тех же элементов. Плюс, у нее очень неудобный редактор кода. Из этого пункта вытекает главный минус Tilda — она очень негибкая. Библиотека стандартных элементов достаточно небольшая, а возможности zero-блока не дают реализовывать даже какие-то более менее сложные анимации или элементы. Поэтому постоянно приходится обращаться к написанию кода. Да и в целом, в Tilda неудобная структура построения сайта. Ощущение, будто редактируешь презентацию в PowerPoint, хотя даже там есть структура слайдов слева. А здесь, чтобы опубликовать какие-то изменения в сайте, нужно постоянно закрывать zero-блок и нажимать кнопку опубликовать. И потом заново возвращаться в то место редактирования элемента. 3. Нативные анимации в Webflow реализуются проще и понятнее ✨ Не будем повторяться. Недавно мы спросили у наших студентов, чем Тильдовские анимации отличаются от нативных на Webflow. Вот что они сказали – читать тут. 4. У Webflow крутая система управления контентом (CMS) ✏️ У нас есть целое видео-сравнение на эту тему, обязательно посмотрите. Предположим, что нам надо создать сайт с блогом или корпоративный сайт с каталогом товаров. В видео мы показываем, как эту задачу можно решить на Webflow и на Tilda. Самое главное отличие можно сформулировать так. Если хочется верстать серьезные масштабируемые проекты, настраивать сложные интеграции, оптимизировать сайты, то лучше использовать Webflow. Если нужен вариант полегче, то Tilda — отличный выбор. Если же вы имеете в виду, что бизнес будет расти, да и в целом он достаточно непростой, то лучше сразу уговаривать клиента на Webflow 🦾
https://content.desigram.ru/static/e6493548-5533-4d4c-ac24-643901a57fc7.jpg
Доступ к бесплатному курсу по Webflow 🦾
Начало года — самое подходящее время, чтобы начать начать свой путь в разработке сайтов. В этот раз будем вместе создавать сайт из четырех блоков для мобильного приложения. ↗️ [Начать курс] Курс состоит из 16 уроков, каждый день будет выходить 4 новых урока. Какие видео выйдут вас уже ждут сегодня: ▪️ вводный урок — познакомимся и расскажем, что будет на курсе и чего от него ждать. ▪️ 2 урок — подробно разберем, что такое Box model. ▪️ 3 урок — углубимся в HTML, это нужно для того, чтобы понимать принципы построения сайтов ▪️ 4 урок — расскажем, что такое CSS Завтрашние уроки будут посвящены функционалу Webflow. Разберемся с навигацией и некоторыми блоками нашего сайта. А теперь о самом приятном — домашние задание и вознаграждение за их выполнение. Нам очень хочется, чтобы курс не прошел для вас даром. Одно дело — просто посмотреть уроки, а другое — сдать ДЗ и получить по нему обратную связь. Поэтому те, кто сдаст все домашние работы, будут участвовать в розыгрыше бесплатного места на полный курс. Сам розыгрыш проведем в прямом эфире. Все остальные получат скидку 40% на любой тариф курса ✨ Ребята, ждем всех! Присоединяйтесь к новому формату, комментируйте, задавайте вопросы и пишите, мы всегда на связи 🥹
https://content.desigram.ru/static/181f2d71-5316-4d25-8993-2e9e944d96ba.jpg
Spaces Urbanistic Landing on Webflow
🖼 Ресурсы вдохновляющие дизайнеров
🔽Made in Webflow Made in Webflow охватывает широкий спектр дизайна: веб-сайты компаний, портфолио дизайнеров, отдельные элементы дизайна (кнопки, анимация, взаимодействия). Кроме того, некоторые проекты поддаются копированию, можно экспериментировать с разными проектами. Ссылочка тут 🖱 #Интересное
https://content.desigram.ru/static/a43e5b4c-4b5c-4daa-8e69-1a1b20fb2e6f.jpg
Следующую неделю начинаем с бесплатного курса по Webflow 🦾
Помните, мы рассказывали, что в этот раз формат будет несколько отличаться? Вот детали. ➝ в курсе будет 16 уроков ➝ планируем выкладывать по 4 урока в день, начиная с понедельника ➝ уроки в среднем будут длиться по 7 мин В итоге каждый участник добавит в портфолио готовый сайт из четырех блоков для мобильного приложения. Этот курс направлен на получение базовых знаний о верстке на Webflow. Немного разберем HTML, CSS и основной функционал Webflow. Изменения коснутся и домашек ☺️ Появится дополнительная мотивация их сдавать и дойти до конца курса. Подробнее об этом расскажем чуть позже. И по традиции, ловите макет, который уже готов и вас ждет. Жмите ❤️, если планируете присоединиться.
https://content.desigram.ru/static/6968efa5-796c-44bc-9fc2-13cc15ef5d9f.jpg
Часть 2. Декомпозиция по 4P
Строим матрицу с 4 областями — Product, Price, Promotion, Place. ➡️ Product — описываем цели по продуктовой матрице и куда будем бить. Здесь по сути строиться список ваших основных услуг и позиционирование. Круто, если у вас получится сузиться до 1 конкретного продукта/услуги. Ну или хотя бы 2-3. Как найти эти продукты: • есть успешный прошлый опыт: есть куча кейсов, трекинг экспертизы, признание; • есть выраженная потребность на рынке: на рынке открывается возможность для быстрого роста; • есть потенциал расширения через смежные направления: к примеру, делали дизайн, хотите добавить разработку webflow. ➡️ Price — выписываем цели и задачи вокруг бабок. Например, сколько маржи хотите, какие финансовые инструменты хотите внедрить, UNIT начать считать, управленку начать вести и т.д. Тут будут и метрики, и способы их достижения: • посмотрите на свои источники потока денег, и через какие этапы эти деньги проходят; • что влияет на их увеличение и контроль над ними; • например, для фрилансера или бизнеса — увеличить средний чек = увеличить ставки, улучшить продажную воронку и т.д. • а для работяги — апнуть грейд и получить повышение, или увеличить скорость перформа с новыми инструментами и начать брать фриланс и опять же т.д. ➡️ Promotion — выписываем каналы привлечения клиентов. И это не только про продвижение. Это всё, откуда вы можете зачерпывать лидов. Я это отлично раскрываю в своей лекции — Что такое баллы доверия и как клиент делает выбор Но быстро к примерам: быстрые способы: • холодные продажи; • рекомендации и рефералка; • обзвон старых клиентов; • субподряды и партнёрки ... долгие: • сарафанка и репутация; • пиар и контент-маркетинг (медийка); • коллабы и спецпроекты; • выступления и нетворк. и т.д. Будьте осторожны: не выписывайте миллион способов. Выберите 1-2-3, чтобы держать фокус, проманьячить его, настроить, сделать нормальные выводы (а не по капле везде = нигде). ➡️ Place — места зачёрпывания лидов. То есть разные площадки, где вы потенциально можете касаться своей аудитории. Спойлер: ваша аудитория это как правило не напрямую клиенты, а пересечение круга общения клиента и вашего комьюнити. Пример: у клиента есть отдел с дизайнерами, эти дизайнеры читают ваш канал в телеге. Для них топ в своей работе. При запросе начальника на крутых ребят с рынка — дизы рекомендуют твою студию. Ну и что тут можно понакидать: • соцсети (ограничь кол-во, см. п. 3); • всякие подкасты; • конфы и фестивали; • медиа и статейные площадки; • etc... Молодчина! У тебя появился фундамент, который ты будешь раскидывать по воронке AARRR и собирать Экшн план, но об этом в следующем посте...
https://content.desigram.ru/static/6984018b-c28d-4286-8514-f3a980ca7204.jpg