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

• только за первый день было 80+ новых анкет • около 200 человек ждали нас со старой предзаписи • и больше половины мест уже занято в общем, работали с заявками… 3 причины заполнить анкету или зайти на обучение😲 → лучшие условия для тех, кто в предзаписи → возможность забронировать место на тот тариф, на который хочешь (так как места с менторами улетают до открытия продаж в блоге/на сайте) → мы выпадаем на хороший сезон в дизайне, после летней комы компании активнее работают с вакансиями, а заказчики становятся более активными Заполнение анкеты – пока единственный способ попасть к нам и узнать всю начинку, от которого вы ничего не теряете ↓ 🔗ССЫЛКА НА САЙТ 🔗ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ

За эти годы веб лаб. вырос в обучение про профессию целиком. Здесь всё ещё много дизайна, UX и UI, портфолио, практики и реализации — а теперь еще нейросети и вайбкодинг, фриланс, найм и сопутствующие им навыки (продажи, юр.упаковка и т.д.) Новый материал мы собирали вокруг реальной работы дизайнера сегодня – от самого проекта до того, как превратить навык в профессию и доход, не исключая нейросети🦥 Присоединиться к нам и подробнее узнать об обучении можно на сайте, оставив заявку в анкете предзаписи👇🏼 🔗 ССЫЛКА НА АНКЕТУ ПРЕДЗАПИСИ (напрямую) — переходите, заполняйте 🔗 ССЫЛКА НА МОЙ САЙТ С АНКЕТОЙ И ПРОГРАММОЙ Для чего нужно заполнить анкету: 1. Анкета предзаписи – это бесплатно, чтобы точно занять за собой место. 2. Она дает вам возможность присоединиться к обучению по специальным условиям, которых в блоге и на сайте не будет. 📲 После ее заполнения, я лично связываюсь с вами в мессенджерах, чтобы прислать программу обучения и его наполнение *также расскажу вам подробности о тарифах #обучение

Навык дизайна сам по себе ещё не решает вопрос реализации в профессии. Остаются портфолио, клиенты, продажи, процесс трудоустройства – и понимание, как вообще превратить навык в доход🎈 Поэтому веб лаб. это примерно 50/50: → UX и UI, нейросети, верстка и вайбкодинг, а также практика → портфолио, клиенты, продажи, коммуникация, фриланс и трудоустройство Моя основная цель – чтобы после прохождения нашей программы вам не приходилось ещё несколько лет прыгать из обучения в обучение 🏃‍♀️‍➡️ и по кусочкам собирать всё необходимое для профессии. Чтобы вы понимали, куда и как с этими навыками идти дальше! И да, уже завтра мы вновь откроем свои двери для будущих студентов!🥹 А пока предлагаю послушать подкаст, где подробно рассказала что вас ждет на обучении ↓ 🎙 Пост с подкастом #обучение

А именно – готовая таблица для мониторинга клиентов/откликов со всей воронкой в одном месте! Можно адаптировать её под свои цели в зависимости от того, где вы развиваетесь: найм или фриланс, про которые сегодня записала урок!💖 • шаблон таблицы мониторинга в Notion (если не открывается, то попробуйте включить VPN + лучше читайте с компьютера, более удобный формат) #бесплатник

Разберём, как искать клиентов на фрилансе и работу в найме. Обсудим оптимальный путь развития карьеры в дизайне в зависимости от ваших целей, также поговорим о главных страхах и стереотипах на этом пути на сегодняшний день! ‼️К этому уроку нет домашнего задания, но можете писать мне любые вопросы в ЛС или сюда к уроку! Для удобства прикрепляю также ссылку урока на YouTube ✅ #бесплатник

С предыдущего набора прошло больше 9 месяцев и вопросов про новый поток уже очень много. Рассказываю! → Веб лаб. — мой единственный флагманский продукт, в который я вкладываю все свои знания и опыт. Каждый поток – это живой организм, который растёт вместе со мной и индустрией. → Это почти 5 месяцев системной работы и объемная программа: база, UX и UI, проекты, нейросети, портфолио, клиенты, трудоустройство (+ домашки с обратной связью, разборы, созвоны, воркшопы, реальные клиентские задачи, комьюнити и всё, что происходит вокруг программы) Обучение подходит и полным новичкам, и дизайнерам с опытом: кто-то собирает базу с нуля, кто-то уже во время обучения применяет новые знания в коммерческих проектах‼️ 27 августа я открою анкету предзаписи на 7 поток обучения🔔 → после анкеты мы с командой свяжемся с вами, покажем полную программу нового потока, расскажем про формат и условия, ответим на все вопросы – а далее вы сможете принять верное для себя решение. Ставьте напоминалки, чтобы успеть занять место в предзаписи и до встречи на обучении!🌞 #обучение

А именно – шаблоны по упаковке портфолио! В завимимости от того, какой путь вы выбираете найм или фриланс, – вид вашего портфолио будет отличаться. Как это определить наверняка рассказала в сегодняшнем уроке 💖 • шаблон портфолио в Notion (если не открывается, то попробуйте включить VPN + лучше читайте с компьютера, более удобный формат) • шаблон портфолио для Dprofile/Behance от Nolim

Разберемся с вами, что такое портфолио дизайнера, из чего оно состоит и что в нем должно быть. Также разберем на каких площадках его нужно размещать (если вообще нужно) в зависимости от выбранной модели заработка. ‼️По этому уроку также буду ждать от вас сдачу домашнего задания, о котором говорю в конце видео Для удобства прикрепляю также ссылку урока на YouTube ✅ #бесплатник

Буквально вдохновение макета: • Весна, Сандро Боттичелли • Мадонна с 8 ангелами, Сандро Боттичелли • Рождение Венеры, Сандро Боттичелли • Крещение Христа, Андреа Верроккьо совместно с Леонардо да Винчи А мы с вами встретимся уже завтра, но не могу не напомнить💡 1. Д/з и вопросы можно присылать мне в ЛС 2. Я буду принимать это все до 30 августа включительно 3. Если вы дизайнер с опытом, у вас есть время и желание – обязательно делайте свой макет на базе нашего, если вы только начинаете – уже можете разбавить дизайн своей информацией (заменить текст, картины, да даже тематику проекта, например, на «барокко») #бесплатник

А именно – дополнительный урок и задание! В нем обсудим виды анимаций на сайте, а также сделаем свою собственную анимацию в Figma Motion и сравним её с Jitter. ‼️Домашнее задание (как и просмотр этого урока) выполняется по желанию, особенно, если вы новичок. Самое главное – сделать обязательные Д/з, поэтому организуйте свое время правильно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube ✅ #бесплатник

Урок по адаптивности сайта: базово разберемся, какие разрешения для макетов брать, а также какими принципами нужно руководствоваться при адаптации макета. Если вы вдруг пропустили 1, 2 и 3 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке мобильной версии сайта: главного экрана или всего сайта (3 блока + подвал)! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube ✅ #бесплатник

Спасибо вам – это заряжает давать ещё больше, чем планировала 🔥 Вижу отметки в соцсетях, ваши первые макеты, читаю все сообщения, знайте, мне безумно приятно!!! Реакции по традиции приветствуются, как и на посты с уроками 🌞 А мы продолжаем наше обучение 🌸 Сегодня у нас выходит новый урок + бонусный урок: • Урок 4 (практический). Адаптивность сайта и практика в Figma: создание мобильной версии сайта • Бонусный урок (практический, для самых пытливых). Анимации на сайте и практика в Figma Motion и сравнение с Jitter 🔔 Урок выйдет в 19:00 (по Московскому времени) и спустя полчаса выложу бонусный урок #бесплатник

• Декоративные элементы в стилистике проекта с открытой лицензией (можете задействовать их в этом проекте или любом другом) • Статья про то, как создавалась векторая графика в проекте (иллюстрации, формы, рамки и т.д.) Ребята, если остались какие вопросы по организации или материалам – пишите!🌸 #бесплатник

Практический урок, где мы будем собирать дизайн всего сайта. Если вы вдруг пропустили 1 и 2 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке макета всего сайта. Напоминаю, что по всем урокам Д/з буду принимать до 30 августа включительно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube ✅ #бесплатник

Практический урок, где мы знакомимся с программой Figma сразу на практике по сборке главного экрана сайта! Включайте видео и повторяйте за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно установить приложение на компьютер) 2. Перейти по этой ссылке (это будет ваш учебный файл после того, как вы его скопируете к себе) 3. В верхней части экрана, а именно в левом углу, будет название файла «Обучение по веб-дизайну (веб лаб.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список – выбираем команду «Duplicate» Готово! Этот файл продублируется в ваши черновики (Drafts), и теперь вы сможете работать там (не переживайте – его видите только вы, а сам файл будет иметь пометку Copy в названии) ‼️Домашнее задание Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою на базе нашего концепта) 1. Присылать его нужно мне в ЛС 2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа) 3. Домашнее задание будет проверено примерно в течение 48 часов (все Д/з можно сдавать до 30 авгутса включительно) #бесплатник

Что вас ждет в уроке: – Знакомство со мной и программой обучения – Кто такой веб-дизайнер и чем он отличается от других дизайнеров – Какие продукты он создает и на чем зарабатывает – Этапы создания проекта изнутри на примере сайта – Как изменилась профессия в эпоху нейросетей в эпоху нейросетей Для удобства прикрепляю также ссылку урока на YouTube ✅ Погнали!🔥 #бесплатник

Особенно тем, кто живет в РФ, но остальным тоже будет полезно… 1. Виртуальная карта вместо зарубежной физической😎 Её проще и дешевле оформить, если нет возможности на иную, и не придётся больше обращаться к посредникам, чтобы оплатить нужную подписку (кстати, полезно не только для дизайна) 2. VPN можно сделать свой🔭 Есть способы сделать все самому – буквально с помощью GPT. Зато нет проблем с сервисами вроде Facebook, LinkedIn и Upwork, особенно если вы хотите работать и развиваться на зарубежном рынке. 3. Ищите альтернативные способы оплаты подписок, они есть💰 Figma и другие сервисы могут обходиться дешевле. Есть площадки, где стоимость подписки может отличаться в 2, а иногда и в 10 раз. Самое важное – читайте отзывы! (причины такой разницы в цене разные, так что да, такие лазейки есть) В общем, экономить на рабочих инструментах можно. Постремаюсь кого-либо рекламировать, но это все быстро пробивается и ищется🫂 Делаем 2 часть? #полезное

К сожалению, большинство таких гарнитур платные обычно… Шрифты из ролика (моих постов, сайта и т.д.): • Oranienbaum • SimeizC • Viola Рекомендую, сохраняйте, пользуйтесь! И сделаю тогда подборку фулл бесплатных шритов🙌 #полезное

Подготовила для вас файл в Notion с вопросами, к которым стоит подготовиться перед собеседованием! Эти вопросы появились не просто из головы: я сама пересматривала записи разных собеседований, а ещё постоянно смотрю записи собеседований студентов и прошу их делиться обратной связью. Так и собрался список вопросов, которые действительно встречаются на собеседовании 💻 🔗 Ссылка на вопросы Сохраняйте её к себе и ставьте реакции, если было полезно❤️ #полезное