серёгина. лаборатория веб-дизайна

серёгина. лаборатория веб-дизайна

@julssereginachanel
Изображение канала: серёгина. лаборатория веб-дизайна
3 162 подписчика
45 постов
Посты
Вставка анимации на Behance и Dprofile 😲
– про важность анимаций и то как их делать я рассказывала на канале время от времени, но сегодня про финальный этап… Я не представляю кейс в вебе или UX/UI без анимаций хотя бы твоей навигации, интерактива в продукте и т.д. Это если не усложнять все креативной анимацией, которая лишней именно в упаковке – не бывает. Потому что заказчики в итоге выберут то, что им визуально откликается, а при трудоустройстве ваше портфолио, конечно, будет смотреть выигрышнее💻 Я написала для вас статью с небольшими шпаргалками и готовыми кодами для вставки ваших анимаций в формате видео или GIF на платформы (например, вот моя упакованная работа как с GIF, так и с видео)! 🔗Ссылка на инструкцию (статья лежит в Notion, так что, возможно, вам понадобится VPN) Сохраняйте её к себе и ставьте реакции, если было полезно❤️ #полезное
Изображение поста
Что вы не знали про web lab.😍
// 2 часть На обучении у нас работают не только спикеры, но и менторы, что сопровождают студентов на протяжении 4 месяцев. Они помогают раскрыть потенциал, поддерживают в сложные моменты и направляют на верный путь в мире дизайна!😽 В нашей команде 3 ментора и 1 куратор чата, каждый из них — практикующий дизайнер (и все они уже работали на предыдущих потоках)💙 Давайте знакомиться?⬇️ 🔗 ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ (пока действуют специальные условия) 🔗 ССЫЛКА НА МОЙ САЙТ (все подробности про обучение)
Изображение поста
Что вы не знали про web lab.😍
За обучением стоит работа команды профессионалов. Поэтому сегодня про спикеров – чьи уроки я сама смотрю с диким интересом! 💚 ✨Александра Макарова — @sasha.mnekrasivo AI-креатор и ex. креативный директор в why.cgi; работала с SKIMS, Sephora, Louis Vuitton, Carolina Herrera; ныне фрилансер, ведет свой блог — ведёт почти весь блок по нейросетям (Midjourney, Krea, GPT и т.д.) ✨Максим Сухоруков — @unrevl.design Моушен-дизайнер уже больше 7 лет и ex. художник компьютерной графики телеканала Россия-1; работал с СИБУР, CHICKO, Keenetic, РНКБ, Сбер, Пятерочка, Газпром, Билайн; ныне на фрилансе, ведет свой блог — рассказывает про анимации в After Effects (анимации для проекта, сайта, мокапов и т.д.) ✨Станислав Келейников — @stsklnkv CEO маркетингового агентства NAF; 22 года в бизнесе; работал с Газпромбанк, Skoda, BMW, Nivea, Volkswagen — рассказывает про аутсорсинг дизайнеров (я сама работаю в его агентстве на аутсорсе) + работает с моими студентами попроектно ✨ Варвара Маришина — @varenik.designer Мультидизайнер и ex. графический дизайнер в tpg.rest; ныне на фрилансе, ведет свой блог – ведёт уроки по Recraft и Pinterest (проект для городского конкурса Рязани она полностью сделала в Recraft и привлекает клиентов из своего Pinterest) 🚩также у нас есть спикеры с профильным опытом по: — Photoshop и Illustrator — вёрстке на Tilda, Taplink, Вконтакте — юридическим вопросам (все документы и договоры готовит наш юрист Саша) — другим узконаправленным вопросам (биржи, сервисы, клиенты и т.д.) *мы не собираемся останавливаться на этом и активно ищем спикеров по Spline, Webflow📌 🔗 ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ (пока действуют специальные условия) 🔗 ССЫЛКА НА МОЙ САЙТ (все подробности про обучение)
Изображение поста
Фишки обучения, что сами по себе окупают его😎
Мы выстроили систему, где продумали каждый шаг ученика до результата: 1️⃣ Практика с проверкой Почти каждый урок — с заданием и обратной связью от менторов или лично от меня 2️⃣ Поддержка на каждом шаге Регулярные созвоны, разборы, фидбэк — вы будете не одни 3️⃣ Платформа с умной навигацией 300+ часов контента, но вы не тонете в материалах, а смотрите только необходимое, разный уровень подготовки – разные уроки 4️⃣ Передаём реальных клиентов 10-15 проектов за поток уходят лучшим ученикам – отдаем проекты за активность и релевантный опыт 5️⃣ 50% времени занимаемся клиентами и продажами Разбираем собеседования, портфолио, резюме, коммуникации, продажи, возражения, способы поиска клиентов и т.д. 6️⃣ Всё о дизайне и даже больше Юр. упаковка и налоги, делегирование, нейросети, работа с разработчиками, смежные программы (Ae, Ps, Ai), а если чего-то не найдете – оперативно дополняем 7️⃣ Лицензия Минобразования По итогу получаете официальный сертификат, налоговый вычет, а также имеете возможность оплаты мат.капиталом 8️⃣ Notion-библиотека Шаблоны, скрипты, таблицы — всё собрано в одном месте. И постоянно обновляется постоянно 9️⃣ Комьюнити и общие чаты Общий чат работает всегда – мы на связи с 1 потока, где помогаю не только я, а мои студенты или, правильнее сказать, «коллеги» Эта система заменит несколько месяцев поисков и разных курсов — это ваши инвестиции с понятной точкой возврата в виде результатов 💡 Узнать подробнее об обучении и присоединиться к нам ↓ 🔗 ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ (пока действуют специальные условия) 🔗 ССЫЛКА НА МОЙ САЙТ (все подробности про обучение)
Изображение поста
Статья по генерации своих персонажей/вселенной в Recraft!🌝
я нечаянно удалила пост с ней, так что это перезалив… К прошлому бесплатнику писала статью чисто по Recraft, где рассказывала как делать точно таких же персонажей (с картинки) или даже целую вселенную. Нейросеть Recraft предназначена немного для других задач, но зато в ней это можно сделать бесплатно, и у ребят получались здоровские проекты (можно найти их так #бесплатник)☺️ 🔗 ссылка на статью в Notion (если не открывается, то попробуйте включить VPN + лучше читайте с компьютера, более удобный формат и компактное форматирование) #полезное
Изображение поста
Вижу много вопросов про моё обучение💌
Пока мы разбираем ваши анкеты — делюсь с вами подкастом, в котором разобрала большинство волнующих вопросов. Также ловите дайджест полезных постов📌 за последние недели: 🌸Разновидности портфолио дизайнеров (статья) 🌸Как стать дизайнером в 2026 году (урок) 🌸Креатив в дизайне: теория и практика (урок) 🌸Ошибки и советы при поиске клиентов/работы (подкаст) 🌸Каналы для поиска вакансий в найме 🌸Библиотека графических приемов 🌸Создаем иллюстрации в Recraft 🌸Бесплатное обучение по веб-дизайну Узнать подробнее об обучении и присоединиться к нам ↓ пока это единственный способ попасть к нам 🔗 ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ (напрямую) 🔗 ССЫЛКА НА МОЙ САЙТ (анкета есть и там)
Изображение поста
💙 💙 💙💙💙💙
За пару дней 80 заполнений в анкете и еще 200 заявок в старой анкете! И половина мест уже занята…✨ Возможно, продажи закроются на этапе анкеты предзаписи, до открытия продаж в блоге/на сайте, как это уже было в прошлый раз. 📌Пока анкета не закрылась, у вас есть возможность присоединиться к обучению по лучшим условиям :) Обучение будет идти зимой и весной — а это самый сезонный сезон в дизайне → клиенты активизируются после праздников → компании начинают набор новых сотрудников, весна так вообще сезон стажировок Заполнение анкеты – это пока единственный способ попасть к нам и узнать всю начинку, от которого вы ничего не теряете ↓ 🔗ССЫЛКА НА САЙТ 🔗ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ
РЕЗУЛЬТАТЫ РОЗЫГРЫША🔥
Счастливый обладатель бесплатного доступа на мое предстоящее обучение, а именно на 6 поток web lab. – @coal_dust напишу тебе всю подробную информацию в ближайшее время, поздравляю! Видео с определением победителя также прикладываю ✅ Всем еще раз спасибо большое за участие в розыгрыше и бесплатном обучении по веб-дизайну. Будем стараться радовать вас и дальше! 💖 #бесплатник
ОТКРЫВАЮ ПРЕДЗАПИСЬ НА 6 ПОТОК 🎉
Ура! Сегодня тот самый день в году, когда я открываю набор на свое обучение по веб-дизайну. Это полноценное сопровождение от меня и моей команды: web lab. — это система, которая работает для каждого и с каждым потоком становится всё сильнее! Присоединиться к нам и подробнее узнать об обучении можно на сайте, оставив заявку в анкете предзаписи👇🏼 🔗 ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ (напрямую) — переходите, заполняйте 🔗 ССЫЛКА НА МОЙ САЙТ С АНКЕТОЙ И ПРОГРАММОЙ Для чего нужно заполнить анкету: 1. Анкета предзаписи — это бесплатно, чтобы занять за собой место. Так как их намного меньше, чем желающих. 2. Она также дает вам возможность присоединиться к обучению по специальным условиям. 📲 После ее заполнения, я лично связываюсь с вами, чтобы презентовать программу обучения и его наполнение. *также расскажу вам подробности о тарифах, ценах и фишках курса
📋Урок 6. Модели заработка в дизайне. Способы поиска клиентов и процесс трудоустройства
Разберём эффективные способы поиска клиентов на фрилансе и процесс трудоустройства как дизайнера. Урок поможет выбрать оптимальный путь развития карьеры в дизайне в зависимости от ваших целей и предпочтений. Также поговорим о самых главных страхах и стереотипах на этом пути. ⚠️К этому уроку нет домашнего задания, но можете писать мне любые вопросы в ЛС или сюда к уроку. Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
💟Для всех я подготовила бонус!
А именно – шаблоны по упаковке портфолио! В завимимости от того, какой путь вы выбираете найм или фриланс, – вид вашего портфолио будет сильно отличаться. Как это определить наверняка – можно узнать в сегодняшнем уроке 💖 ⚠️ шаблон портфолио в Notion (если не открывается, то попробуйте включить VPN + лучше читайте с компьютера, более удобный формат и компактное форматирование) ⚠️ шаблон портфолио для Dprofile/Behance от Nolim #бесплатник
Изображение поста
📋Урок 5. Портфолио дизайнера. Где и что должно быть в упаковке проекта?
Разберем с вами, что такое портфолио дизайнера, из чего оно состоит и что в нем должно быть. Также разберем на каких площадках его нужно размещать (если вообще нужно) в зависимости от выбранной модели заработка. ⚠️По этому уроку также буду ждать от вас сдачу домашнего задания. Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
💟Для продвинутых и очень заинтересованных дизайнеров я подготовила на сегодня бонус!
А именно – дополнительный урок и задание! В нем мы с вами будем обсуждать разные виды анимаций на сайте, а также сделаем свою собственную креативную анимацию в Jitter. ⚠️Домашнее задание (как и просмотр этого урока) выполняется по желанию, особенно, если вы новичок. Не забываем – самое главное сделать обязательные Д/з, поэтому организуйте свое время правильно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
📋Урок-практика 4. «Практика в Figma: создание мобильной версии сайта»
Новый урок по адаптивности сайта: базово разберемся с тем, какие разрешения для макетов брать, а также какими принципами нужно руководствоваться при адаптации макета. Если вы пропустили уроки по созданию дизайна для десктопа, то стоит вернуться ко 2 уроку и 3 уроку💡 ⚠️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке мобильной версии сайта! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
То, что вы пишете — это что-то 💖
За 2 дня бесплатника я получила стооооолько обратной связи! Отдельное спасибо вам — это заряжает давать ещё больше, чем планировала 🔥 Вижу ваши отметки в сторис и первые макеты, читаю все сообщения, знайте, мне безумно приятно! А кто еще не с нами — подключайтесь тоже) Несколько действующих дизайнеров написали, что программа бесплатника оказалась полезнее платных курсов Вы тогда представляете, что будет на основном обучении???!!! Реакции по традиции приветствуются, как и на посты с уроками 🌞 А мы продолжаем наше обучение 🌸 Сегодня у нас выходит новый урок + бонусный урок: • Урок 4 (практический). «Практика в Figma: создание мобильной версии сайта» • Бонусный урок (практический, для самых пытливых). Анимации на сайте. Практика в Jitter 🔔 Урок выйдет в 19:00 (по Московскому времени) и спустя полчаса выложу бонусный урок #бесплатник
Изображение поста
📋Урок-практика 3. «Практика в Figma: собираем главную страницу сайта»
Еще один практический урок, где мы будем собирать дизайн всего сайта. Здесь мы не будем останавливаться на функционале и инструментах Figma: это мы изучали во втором уроке, кто пропустил — обязательно начните с него или с первого вводного урока💡 ⚠️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке макета всего сайта. Напоминаю, что по всем урокам Д/з буду принимать до 3 декабря включительно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
‼️Важная инфа по поводу домашнего задания + 🎁Бонус
– Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою, даже со своими собственными генерациями) 1. Присылать его нужно мне в ЛС 2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа к файлу) 3. Домашнее задание будет проверено в течение 48 часов (все Д/з можно сдавать до 3 декабря включительно) А еще, не переживаем, – первый практический урок самый длинный и сложный. Это база, изучив которую, дальше будет намного проще. Но это очень твердая база, а не просто сборка макета для галочки🔥 💟Для всех дизайнеров я подготовила бонус! Гайд по самым важным горячим клавишам в начале своего пути, будет круто, если вы начнете применять их на постоянной основе #бесплатник
Изображение поста
📋Урок-практика 2. «Знакомство с Figma + собираем главный экран сайта»
Первый практический урок, где мы знакомимся с программой Figma (в которой работают все веб-дизайнеры) сразу на практике по сборке главного экрана сайта! Включайте урок и повторяйте за мной и за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, но, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно скачать и установить приложение на компьютер) 2. Перейти по этой ссылке (это будет твой учебный файл после того, как ты его скопируешь к себе) 3. В верхней части экрана, а именно в верхнем левом углу, будет название файла «Обучение по веб-дизайну (web lab.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список 4. Выбираем команду «Duplicate» Готово! Этот файл теперь как ваша рабочая тетрадь и он дублируется в ваши черновики (Drafts), теперь вы можете работать непосредственно там. Не переживайте – его будете видеть только вы, а сам файл будет иметь пометку Copy. #бесплатник
📋 Урок 1. Кто такой веб-дизайнер и что входит в его обязанности? На чем он зарабатывает и как строится его работа внутри проекта?
Что вас ждет в уроке: – Знакомство со мной и программой обучения – Дайджест по программе бесплатного обучения – Для кого подходит профессия – Кто такой веб-дизайнер и чем он отличается от других дизайнеров – Какие продукты он создает и на чем зарабатывает – Этапы создания проекта изнутри на примере сайта Для удобства прикрепляю также ссылку урока на YouTube ✅ Погнали! Это будет жарко!🔥 #бесплатник
Этот день настал! 🔥
Поздравляю всех с началом бесплатного курса! Сегодня вас ждет 2 урока + жирный бонус: • Урок 1. «Кто такой веб-дизайнер и на чем он зарабатывает?» • Урок 2 (практический). «Разбор программы, в которой работают все дизайнеры. Практика в Figma: создание главного экрана сайта» • Бонусный гайд. Горячие клавиши для Figma *уроки будут в записи 🔔Первый урок выложу в 19:00 (по Московскому времени) и спустя час выложу второй урок и гайд Напишите в комментариях, как ваш настрой? Какие цели преследуете на бесплатнике? С радостью все почитаю и всем отвечу! #бесплатник
Изображение поста
Изображение поста