загружаем ...
1
07.06.26
//
18:30:30

Обучение веб-дизайну с нуля — создание сайтов на Tilda

От основ UX/UI — до сайтов на Tilda, за которые платят.

Освоишь самую популярную в СНГ платформу для вёрстки, соберешь сильные работы в портфолио, чтобы начать зарабатывать на востребованной профессии.

a.]

ты ищешь волшебную таблетку
и быстрые деньги без практики

b.]

не готов разбираться, ошибаться и собирать проекты руками

c.]

хочешь копить знания, но не применять их на практике

d.]

не готов уделять время развитию и прокачке навыков

e.]

ждёшь мотивацию вместо дисциплины и действий

это обучЕние Не для тебя, ЕСЛИ

Делимся реальным, проверенным на практике опытом. Рассказываем, как создавать сильные дизайн-проекты, собирать продающие кейсы, общаться с клиентами и выстраивать комфортную работу без выгорания. обучение строится на полной поддержке.

*вика
*соня

программа обучения

// 01 МОДУЛЬ

Основы веб-дизайна

изучим основы веб-дизайна, правила UX/UI, разберем типы сайтов и структуру страниц. Научимся анализировать аудиторию и конкурентов, работать с типографикой и цветом, пройдем основы юзабилити и психологию пользователя.

// 02 МОДУЛЬ

Figma

Изучим Figma с нуля: от знакомства с интерфейсом и базовыми инструментами до создания полноценного макета сайта. Освоим работу с сетками, цветом, типографикой, компонентами и Auto Layout, научимся создавать адаптивные версии.

// 03 МОДУЛЬ

Дизайн-макет

Разберем процесс создания дизайна на реальном проекте: научимся искать референсы, собирать мудборды, анализировать готовые сайты, проектировать структуру и прототип страницы, а затем создавать дизайн-макет.

// 04 МОДУЛЬ

Портфолио

Разберем создание творческого кейса для портфолио на реальном примере: от мудборда и поиска референсов до финальной презентации проекта на Behance и Dprofile. Научимся оформлять кейсы и продвигать свои проекты.

// 05 МОДУЛЬ

tilda

После прохождения блока вы сможете самостоятельно запускать сайты на Tilda: от подготовки макета и верстки страниц до подключения домена, SEO-настроек и интеграций. Освоите Zero Block, адаптивную верстку, анимацию, работу с блогом и создание интернет-магазинов с полноценной системой заказов, оплаты и доставки.

// 06 МОДУЛЬ

КЛИЕНТЫ

Научимся работать с клиентами на всех этапах сотрудничества. Разберем договоры, самозанятость и ИП, выстроим понятный процесс ведения проектов, изучим способы поиска заказчиков и научимся отрабатывать возражения клиентов.

06 модулей

a.]

// 01 модуль

введение в профессию в веб-дизайнера

введение в профессию

стили в современном дизайне

какие бывают сайты

ux/ui простыми словами

правила в веб-дизайне

типограФИКА

ЦВЕТОВЫЕ РЕШЕНИЯ

АНАЛИЗ ЦА И КОНКУРЕНТОВ

b.]

// 02 модуль

figma

Figma, регистрация, Figma Community

Изучение интерфейса и плагины

Фреймы, модульные сетки

Отрисовка шейпов, работа с цветом, паттерны, обводка

Работа с текстом + создание стилей

Маска и булевы операции

Автолэйаут, компоненты и варианты

Отрисовка главной страницы сайта 

Линии (работа с пером) и эффекты 

Адаптация мобильной версии 

с.]

// 03 & 04 модули

рабочий дизайн-макет и портфолио

Создание мудборда для рабочего проекта, поиск референсов для интернет-магазина, Структура, прототип и работа над дизайн-макетом

чат gpt в работе веб-дизайнера

Что такое кейс для behance, подготовка мудборда, как работать с референсами

как выкладывать кейсы и их рабочие способы продвижения

d.]

// 05 модуль

tilda

старт, интерфейс тильды, функционал рабочего пространства

.] Изучаем интерфейс и функционал 

.] верстка сайта под запуск

.] ТЕХНИЧЕСКИЙ блок

.] интернет-магазин

.] бонусы

подготовка макетов в figma к посадке страницы на tilda

подготовка tilda к посадке (настройки артборда: сетки, autoscale, шрифты, цвета)

посадка страницы 1 ч (перенос макетов)

посадка страницы 2 ч (анимация, модификации: annexx, matilda design)

посадка страницы 3 ч (ссылки, меню, формы + кастомизация кнопки в форме)

посадка страницы 4 ч (адаптируем сайт) планшетная и мобильная версия)

посадка страницы 5 ч (анимируем сайт) - базовая (basic) анимация

посадка страницы 6 ч (анимируем сайт) - пошаговая (step by step) анимация

посадка страницы 7 ч (базовая seo-оптимизация и домен)

посадка страницы 8 ч (тех. страницы - 404, privacy policy)

способы верстки в zero блоке (grid container, autoscale, window container)

принцип работы со стандартными блоками

настраиваем потоки (новостной блог)

подключаем интеграции, яндекс карты, crm-система от tilda

подключаем каталог к сайту и создаем карточку товара

настраиваем отображение товаров в каталоге и карточек товара

подключаем и настраиваем корзину 

создаем поиск и избранное

добавляем товары в корзину и избранное своей кнопкой и ссылкой

кастомизируем корзину и избранное

подключение платежной системы и доставки

настройка личного кабинета

бонусный урок: быстрый перенос сайта с адаптивами через плагин 

бонусный урок: обзор vibe code — ИИ от тильды 

бонусный урок: пошагованя (step by step) анимация на примере 3-х сайтов из подборки made on tilda

бонусный чеклист: принцип создания мультиязычных сайтов

интерфейс и функционал tilda
верстка сайта под запуск
технический блок
интернет-магазин
бонусы
е.]

// 06 модуль

клиенты

договор, самозанятость и ИП 

процесс сотрудничества с клиентом 

способы поиска клиента + отработка возражений клиентов

ольга спичак
мария пижанова
анна дмитриева
екатерина аксенова
анастасия компаниец
шахана кулиева
юлия иевлева
ира будруева
яна краснова
ангелина шемет

+ кейсы
 учеников

a.]
b.]
c.]
d.]
e.]
f.]
g.]
h.]
i.]
j.]

интернет-магазин косметики

Интернет-магазин мебели

интернет-магазин косметики

интернет-магазин одежды

Интернет-магазин одежды

Интернет-магазин украшений

многостраничный сайт

интернет-магазин косметики

многостраничный сайт студии интерьера

Многостраничный сайт

развернуть
ольга спичак
мария пижанова
анна дмитриева
екатерина аксенова
анастасия компаниец
шахана кулиева
юлия иевлева
ира будруева
яна краснова
ангелина шемет
+ кейсы
 учеников
a.]
b.]
c.]
d.]
e.]
f.]
g.]
h.]
i.]
j.]

интернет-магазин косметики

Интернет-магазин мебели
интернет-магазин косметики
интернет-магазин одежды
Интернет-магазин одежды
Интернет-магазин украшений
многостраничный сайт
интернет-магазин косметики
многостраничный сайт студии интерьера

Многостраничный сайт

a.]

базовый тариф

обратная связь

доступ к Личному кабинету с уроками

Доступ к 1–2 блокам модуля Tilda

Доступ к материалам и обновлениям обучения

шаблоны брифа, КП и сметы, гайды и туториалы

Доступ к чату студентов

промокод на 1 месяц к annexx и cascad

Доступ к урокам на 3 месяца

b.]

Продвинутый тариф

обратная связь

Всё, что входит в Базовый тариф

Доступ к 1–4 блокам модуля Tilda

Обратная связь по Figma — 2 месяца

Доступ к урокам на 6 месяцев

Сертификат о прохождении обучения

Документы для работы с клиентами от юриста

Создание 2 кейсов с куратором

Индивидуальные видеоразборы заданий

c.]

Премиальный тариф

обратная связь

Всё, что входит в Продвинутый тариф

Доступ ко всем блокам модуля Tilda

Обратная связь по Figma и Tilda — 3 месяца

Доступ к урокам на 8 месяцев

1 коммерческий проект: дизайн и вёрстка на Tilda

Оформление проекта в кейс для Behance 

Приоритетная проверка домашних заданий

Авторская библиотека 1000+ референсов

выбери подходящий
для себя тариф
a.]

могу ли я идти на курс, если ничего не понимаю в it?

Да! Программа курса построена таким образом, что разобраться во всем сможет даже новичок.

b.]

Что делать после оплаты обучения?

в течение суток после оплаты придёт письмо на электронную почту (которую вы указываете при оплате) с входом в личный кабинет, где находятся все уроки.

с.]

какие программы мы будем изучать на обучении?

Мы освоим главную программу веб-дизайнеров — Figma, а также конструктор сайтов — Tilda. Частично будем касаться Chat GPT.

d.]

получу ли я сертификат?

На базовом тарифе выдача сертификата не предусмотрена. При успешном завершении обучения на тарифах «Продвинутый» и «Премиальный» вы получите именной сертификат.

е.]

Сколько времени длится обратная связь от куратора?

Продвинутый тариф: 2 месяца обратной связи с куратором и 6 месяцев доступа к урокам.

Премиальный тариф: 3 месяца обратной связи с куратором и 8 месяцев доступа к урокам.

f.]

Как оформить рассрочку?

После заполнения небольшой формы откроется страница оплаты через ЮKassa. Пролистайте её вниз — там будет доступна рассрочка от банка без переплаты. Все условия будут указаны при оформлении.

Если банк не одобрит рассрочку, свяжитесь с нами в Telegram @the_svoi. Мы предложим внутреннюю рассрочку и разобьём оплату на 5 платежей: первый взнос — 30% до старта обучения.

g.]

Для кого подойдёт обучение?

Обучение подходит для любого уровня подготовки. Если вы только начинаете свой путь в веб-дизайне — освоите профессию с нуля. Если уже работаете с клиентами — сможете повысить стоимость своих услуг, усилить навыки, собрать сильное портфолио и выйти на новый уровень в профессии.