Онлайн-курс

Веб-дизайн

и UX/UI
Научим веб-дизайну, поможем найти интересные проекты, устроим на стажировку, даже если у тебя нет опыта и ты побаиваешься работать с заказчиками
Старт 6 декабря
88-й поток
Онлайн-курс

Веб-дизайн

и UX/UI
Научим веб-дизайну, поможем найти интересные проекты, устроим на стажировку, даже если у тебя нет опыта и ты побаиваешься работать с заказчиками
Смотреть программу
Старт 6 декабря
88-й поток
Онлайн-курс

Веб-дизайн

и UX/UI

Старт 6 декабря
88-й поток
Научим веб-дизайну, поможем найти интересные проекты, устроим на стажировку, даже если у тебя нет опыта и ты побаиваешься работать с заказчиками

Веб-дизайн дает свободу творчества в современной
и востребованной профессии без начальства

Вы будете заниматься любимым делом, а не просиживать штаны на скучной работе или учебе, это позволит уделять больше времени себе или близким и достойно зарабатывать.

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

Люди после курса в среднем экономят 1 месяц жизни в год на дорогу на работу




это 2 часа в день
это 10 часов в неделю
это 40 часов в месяц
это 480 часов в год

Веб-дизайн дает свободу творчества

Вы будете заниматься любимым делом, а не просиживать штаны на скучной работе или учебе, это позволит уделять больше времени себе или близким и достойно зарабатывать.

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

Люди после курса в среднем экономят 1 месяц жизни в год на дорогу на работу




это 2 часа в день
это 10 часов в неделю
это 40 часов в месяц
это 480 часов в год
в современной и востребованной профессии без начальства

Веб-дизайн дает свободу творчества в современной
и востребованной профессии без начальства

Вы будете заниматься любимым делом, а не просиживать штаны на скучной работе или учебе, это позволит уделять больше времени себе или близким и достойно зарабатывать.

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

Люди после курса в среднем экономят 1 месяц жизни в год на дорогу на работу




это 2 часа в день
это 10 часов в неделю
это 40 часов в месяц
это 480 часов в год

Бизнесы сейчас буквально бегут в онлайн: супермаркеты, онлайн-школы, ремонтники всем нужны сайты

Соответственно нужны специалисты, которые смогут сделать сайты красиво и функционально.
заявок
рублей
На создание сайта
на биржах фриланса
Средняя цена заказа
120 000 рублей
Средняя зарплата специалиста в Москве и СПБ
1 476 компаний
Сейчас ищут
веб-дизайнеров в штат
заявок
рублей
На создание сайта
на биржах фриланса
Средняя цена заказа
120 000 рублей
Средняя зарплата специалиста в Москве и СПБ
1 476 компаний
Сейчас ищут
веб-дизайнеров в штат

Если ты начинаешь с нуля, то в первые месяцы не рассчитывай на доход больше 20−50 тысяч рублей

В первые 3−5 месяцев ты будешь зарабатывать от 20 до 60 тыс р. в месяц. Больше 100 тыс в месяц вряд ли получится, за исключением случаев, если у тебя уже есть опыт в граф дизайне, полиграфии или архитектуре.

У меня учился 8-классник, который ничего не умел и за месяц заработал первые 20к, у меня учился полиграфист, который делал визитки и плакаты, через 2 месяца устроился веб-дизайнером на зп 110к/месяц. После прохождения курса ты не получишь золотые горы, ты получишь творческую профессию с помощью которой можно зарабатывать достойно из любой точки мира.

Даём заказы: мы сделали отдельный сайт и крутим платную рекламу на привлечение заказчиков для наших студентов

Каждую среду на вебинаре вы получаете реальное задание от заказчика, которое выполняете в течение недели. На следующем вебинаре заказчик выбирает несколько дизайнеров для выполнения оплачиваемой стажировки. Заказчик получает сразу несколько вариантов решения своей задачи и толковых исполнителей. Мы помогаем студентам трудоустроиться и берем на себя поиск заказов, вы получаете интересные задачи и отсутствие проблем с заказчиками.

Кроме этого с помощью подхода «Цикл Колба» мы даем сразу несколько способов, которые позволяют найти заказчика самостоятельно и получить предоплату уже в рамках первого месяца, даже если сейчас у тебя нет опыта, ты не умеешь рисовать.
— Да, но мне страшно опозориться перед заказчиком, а еще сложно просить деньги за работу и вообще непонятно как называть цену.
— Мы понимаем это, поэтому помогаем на каждом из этапов. Во-первых можно каждый день советоваться с наставником и получать ответы в чате, во-вторых у нас каждый день вебинары на которые можно прийти и задать вопрос в онлайне. В третьих есть «Скрипт общения с заказчиком» это готовый алгоритм общения с заказчиком. Просто представь, во время прохождения курса вам написал клиент: «Сколько стоит сделать сайт?» Ты зашел в соответствующий блок скрипта скопировал, вставил и вот клиент тебе пишет «Куда скидывать предоплату?».

Кстати, подумай, куда бы ты потратил
первые 20 000₽ с сайта?
— Да, но мне страшно опозориться перед заказчиком, а еще сложно просить деньги за работу и вообще непонятно как называть цену.
— Мы понимаем это, поэтому помогаем на каждом из этапов. Во-первых можно каждый день советоваться с наставником и получать ответы в чате, во-вторых у нас каждый день вебинары на которые можно прийти и задать вопрос в онлайне. В третьих есть «Скрипт общения с заказчиком» это готовый алгоритм общения с заказчиком. Просто представь, во время прохождения курса вам написал клиент: «Сколько стоит сделать сайт?» Ты зашел в соответствующий блок скрипта скопировал, вставил и вот клиент тебе пишет «Куда скидывать предоплату?».

Кстати, подумай, куда бы ты потратил первые 20 000₽ с сайта?
учеников зарабатывают деньги уже во время обучения. На курсе мы даем конкретные механики по поиску и взаимодействию с клиентами. Ученики «жалуются», что уже на 2-й неделе к ним выстраивается очередь из клиентов.
учеников делают веб-дизайн своей основной профессией спустя 1 год после прохождения курса.
учеников окупают стоимость обучения до его завершения. Мы даем своим ученикам реальных клиентов для консультаций. В неограниченном количестве и без комиссий. Вы получите деньги сразу на карту.
учеников продолжают заниматься веб- дизайном после завершения курса.
рублей заработали наши ученики на клиентах за последние 8 месяцев.
+ 3 000 000

Обучение методом
«прогрессивного джепега»

Agile-подход
Каждый месяц курса — законченный этап погружения в профессию на котором можно зарабатывать.
Наш метод
Другие курсы

Я не умею рисовать и программировать, да и вообще я не из этой сферы

Перед стартом 83% студентов нашего курса не умеют рисовать и программировать.

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

Ты экономишь 2−3 года жизни, изучая только то что востребовано работодателями прямо сейчас. Не нужно учить высшую математику или ходить на физру как это в универах. Только практика.

Я не умею рисовать и программировать, да и вообще я не из этой сферы

Перед стартом 83% студентов нашего курса не умеют рисовать и программировать.

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

Ты экономишь 2−3 года жизни, изучая только то что востребовано работодателями прямо сейчас. Не нужно учить высшую математику или ходить на физру как это в универах. Только практика.

Курс можно совмещать с работой или учебой

На выполнение нужно уделять 1−2 часа в день, все задания доступны в личном кабинете 24/7, есть мобильное приложение.

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

Просто видеоуроки не работают

поэтому в нашем курсе ты будешь каждый день получать индивидуальную поддержку, а иногда и «волшебный пендель» от наставника
Всегда можно спросить: «сколько взять денег за такой проект?» или что-то ещё. В результате мы вместе разработаем 3 крутые работы в портфолио, которые будут привлекать внимание заказчиков.

Самое главное, что за счёт индивидуальной поддержки наставников появится уверенность в общении с заказчиками, а также исчезнут страхи по поводу качества и скорости своей работы. Мы научим Вас делать действительно крутые работы, которые будут востребованы и по достоинству оплачены!

Твое резюме после прохождения курса

• Проектирование персонажей и анализ аудитории
• Проектирование и анимация в конструкторе Tilda
• Веб-дизайн в Figma
• СЕО оптимизация сайта
• Создание интерактивных прототипов
• Основы интернет-маркетинга
• Дизайн интерфейсов приложений iOS и Android
• UI/UX
• Ведение проекта в роли арт-директора
Навыки
Программы
Портфолио
Figma
Photoshop
Sketch
Adobe XD
Tilda
• Проектирование персонажей и анализ аудитории
• Проектирование и анимация в конструкторе Tilda
• Веб-дизайн в Figma
• СЕО оптимизация сайта
• Создание интерактивных прототипов
• Основы интернет-маркетинга
• Дизайн интерфейсов приложений iOS и Android
• UI/UX
• Ведение проекта в роли арт-директора
Навыки
Программы
Портфолио
Figma
Photoshop
Sketch
Adobe XD
Tilda

Сайты, которые сделали наши студенты

Ирина Максимова
Сайт и геткурс школы маникюра
Мила Ефремова
Приложение для бронирования отелей
Тимур Почверук
Интернет-магазин часов Tissot
Диана Гуржеева
Интернет-магазин брендовой обуви

Поток = свобода + любимое дело

Я глубоко убежден, что чем больше в мире будет людей которые занимаются любимым делом, тем больше будет счастливых людей, которые от работы получают удовольствие. Заниматься любимым делом важно для каждого человека и для всего человечества в целом: новые технологии создают только люди увлеченные, которые живут в потоке и двигают весь мир вперед. Свою миссию я формулирую так: «Помочь людям жить в потоке за счет обретения любимого дела: цифровой профессии будущего». Здесь важно каждое слово.
Потоковое состояние это энтузиазм, горящие глаза, когда не наблюдаешь времени, когда что-то делаешь и все получается.
Потоковое состояние это психическое состояние, в котором человек полностью включён в то, чем он занимается, что характеризуется деятельным сосредоточением, полным вовлечением в процесс деятельности. Разумеется жить в потоке получится если найти любимое дело. Наше название: «Поток». В значении: «Живи в потоке. Учись в потоке».
Данил Фимушкин,
автор курса

Поток = свобода + любимое дело

Я глубоко убежден, что чем больше в мире будет людей которые занимаются любимым делом, тем больше будет счастливых людей, которые от работы получают удовольствие. Заниматься любимым делом важно для каждого человека и для всего человечества в целом: новые технологии создают только люди увлеченные, которые живут в потоке и двигают весь мир вперед. Свою миссию я формулирую так: «Помочь людям жить в потоке за счет обретения любимого дела: цифровой профессии будущего». Здесь важно каждое слово.
Потоковое состояние это энтузиазм, горящие глаза, когда не наблюдаешь времени, когда что-то делаешь и все получается.
Потоковое состояние это психическое состояние, в котором человек полностью включён в то, чем он занимается, что характеризуется деятельным сосредоточением, полным вовлечением в процесс деятельности. Разумеется жить в потоке получится если найти любимое дело. Наше название: «Поток». В значении: «Живи в потоке. Учись в потоке».
Данил Фимушкин,
автор курса
По нашему мнению, свобода это
|

Подробная программа курса

1-2 месяц
3-4 месяц
5-6 месяц
Лендинг под ключ с современными графическими эффектами
Ты сделаешь свой первый лендинг на востребованном конструкторе сайтов Тильда под ключ (без программистов). В итоге у тебя получится готовый сайт с доменом, опубликованный в интернете, который запомнится с первого взгляда, благодаря современным эффектам: параллакс и покадровая анимация, а мы прокомментируем то, что у тебя получилось. Готовься: скорее всего, придется несколько раз переделывать.

  • Знакомство с конструктором сайтов Тильда
  • Преимущества Тильды (ты можешь сделать сам сайт под ключ, без программистов)
  • Какие сайты можно сделать на Тильде
  • Как убедить заказчика делать сайт на Тильде
  • Этапы работы над сайтом на Тильде
  • Какую ставить стоимость за сайт
  • Как передать сайт заказчику
  • Создание лендинга из стандартных блоков Тильды
  • Правила верстки текста на сайте
  • Где взять фотографии для сайта
  • Как загрузить фотографии на сайт
  • Стандартные эффекты на Тильде
  • Редактирование стандартных блоков
  • Как добавить иконки на сайт
  • Как менять блоки, сохраняя контент
  • Кастомизация стандартных блоков
  • Создание слайдера с отзывами
  • Создание формы заказа
  • Добавление карты на сайт
  • Как выбрать домен
  • Покупка домена на регистраторе рег ру
  • Настройка и регистрация домена на рег ру
  • Как подключить домен на Тильде
  • Сколько ждать подключения домена
  • Публикация сайта с подключенным доменом на Тильде
  • Ссылка на инструкцию по подключению домена, купленного на других регистраторах
  • Как настроить https (безопасное подключение)
  • Защищенное и незащищенное соединение
  • Понятие SSL сертификата
  • Зачем нужно подключать https
  • Как подключить https на Тильде
  • Сколько ждать подключения
  • Как настроить переадресацию с http на https

  • Значение аналитики для сайта
  • Настройка аналитики
  • Как работает Гугл аналитика и Яндекс метрика
  • Что такое вебвизор
  • Подключения Гугл аналитики и Яндекс метрики
  • Что такое Вк Пиксель и Фейсбук Пиксель
  • Подключение Вк Пиксель и Фейсбук Пиксель
  • Как отключить интеграцию и настроить вручную аналитику

  • Как подключить шрифты к сайту на Тильде
  • Как изменить все шрифты в рамках одного проекта
  • Расширение для браузера Гугл Хром для определения шрифта на любом сайте
  • Библиотеки шрифтов Адобе Фонтс и Гугл Фонтс
  • Ссылки на сайты со шрифтами
  • Как искать шрифт на Гугл Фонтс
  • Типы шрифтов: антиква, гротеск, акцидентный, рукописный, моноширинный
  • Подбор шрифтовой пары для сайта

  • Как подключить шрифт с Гугл фонтс к сайту на Тильде
  • Как конвертировать шрифт в формат woff (формат для веб)
  • Как подключить свой шрифт
  • Рекомендации по подбору шрифтов

  • Подключение шапки (хэдера) и подвала (футера) сайта
  • Создание внутренних страниц сайта
  • Как добавить ссылку в тексте на внутреннюю страницу сайта
  • Создание меню сайта с ссылками на внутренние страницы сайта
  • Кастомизация меню и добавление новых пунктов
  • Создание сквозного меню на все страницы
  • Создание сквозного подвала (футера) со ссылками на соц сети
  • Настройка формы заказа
  • Настройка отправки данных из формы в телеграм и Тильда црм
  • Отправка данных из формы заказа на емейл
  • Ссылка на текстовую инструкцию по настройки форм
  • Стандартные эффекты на Тильде
  • Как подключить эффект печатной машинки, снег, градиент
  • Подключение эффекта параллакс
  • Ссылка на сервис для скачивания видео с ютуба
  • Загрузка видео для сайта на ютуб
  • Редактирование видео на ютуб
  • Подключение видеофона к стандартному блоку на Тильде

  • Создание запоминающейся и оригинальной шапки сайта в зеро блоке
  • Как работать в зеро блоке на Тильде (обзор интерфейса)
  • Ссылка на текстовую инструкцию по зеро-блоку
  • Как добавить в зеро блок различные элементы: текст, кнопки, изображения, кнопки и тд
  • Как изменять высоту шапки сайта
  • Настройка высоты, ширины и расположения элементов в зеро блоке
  • Добавление ссылки в кнопке в зеро блоке
  • Как менять шрифты в зеро блоке
  • Основы композиции
  • Ссылка на сервис для вырезания объекта с фотографии онлайн
  • Как выбрать качественные фотографии для сайта
  • Редактирование фотографии в зеро блоке
  • Подключение стандартной анимации
  • Подключение эффекта параллакс
  • Подключение пошаговой анимации
  • Ссылки на текстовые инструкции по работе с пошаговой анимацией на Тильде

Разбор популярных ошибок новичков в дизайне сайта
Практическое задание: создание лендинга с современными эффектами на Тильде

Адаптивность, интернет-магазин и блог "под ключ". Основы СЕО
Ты сделаешь готовый интернет-магазин с корзиной, создашь блог с первыми статьями и научишься делать уникальные адаптивные блоки для Лендинг Пейдж с анимацией и параллаксом. Приготовься получить обратную связь 2-4 раза для того, чтобы получился действительно крутой сайт.

  • Адаптивность уникальных блоков
  • Понятие адаптивности сайта
  • Два способа правильно расположить фоновую фотографию в зеро блоке
  • Редактирование фотографии в фотошоп онлайн
  • Создание градиента на фотографии в фотошоп онлайн
  • Ссылка на сервис для уменьшения веса фотографии для быстрой загрузки сайта
  • Создание мобильной и планшетной версии сайта
  • Ограничение диапазона видимости блока на устройствах
  • Выравнивание и фиксация объектов блока относительно сетки и экрана устройства
  • Создание меню-бургера

  • Создание интернет-магазина
  • Добавление карточек товара на сайт
  • Настройка карточки товара
  • Как добавлять товары в каталог
  • Добавление товаров с помощью таблиц csv и yml
  • Ссылка на текстовую инструкцию по созданию интернет-магазина на Тильде
  • Подключение корзины
  • Подключение платежной системы
  • Ссылка на текстовую инструкцию по подключению различных платежных систем

  • Создание блога на Тильде
  • Добавление ссылок на статьи на странице блога

  • Базовая настройка СЕО
  • Бонусное видео про СЕО настройку (как работает СЕО настройка)
  • Регистрация сайта в Гугл Сёрч Консоль
  • Понятие и создание фавиконки для сайта
  • Сервис для рисования фавиконки
  • Как запретить поисковикам индексировать сайт
  • Как задать ЧПУ (человеко-понятный адрес страницы)
  • Как проставить тайтл, дескрипшион и альт (для картинок)
  • Добавление тегов H1, H2, H3
  • Добавление бейджика для соц сетей
  • Подключение страницы ошибки (404)
  • Ссылка на статью "гид по СЕО"
  • Ссылка на статью про ошибку 404
  • Ссылка на статью в блоке о том, как настроить Seopult

  • Размещение кейса на Беханс
  • Как сделать скриншот своего сайта
  • Ссылка на сервис для создания скриншота своего сайта
  • Настройки кейса при публикации
  • Публикация своего первого проекта на Беханс

Практическое задание с проверкой: добавить на свой сайт интернет-магазин с отправкой заказов в Тильда ЦРМ и блог, также настроить базовое сео и разместить свой проект на Беханс
Поиск заказов
Ты поймешь как искать заказы на фрилансе, даже если ещё нет портфолио, узнаешь 11 проверенных способов привлечения заказов для веб-дизайнера, получишь готовые шаблоны брифа, технического задания, договора и вопросник для создания сайта. Пройдешь 6 этапов работы над веб-проектом и научишься адекватно оценивать стоимость работы дизайнера в студии и на фрилансе. В итоге ты выйдешь из зоны комфорта и под нашим руководством выполнишь простое, но мощное задание для поиска заказа по веб-дизайну.

  • Проверенный способ как получить заказ даже без портфолио
  • Первый шаг в контент-маркетинге: подбор фотографии для постов
  • Готовый текст для заказчиков, который 100% работает
  • Настройка социальных сетей для поиска заказчиков
  • Готовые скрипты(блоки с текстом) для продажи услуг дизайнера
  • Какую цену назвать за свою работу и как формируется цена
  • Как ответить на вопрос «Сколько стоит лендинг»
  • Как правильно назвать цену за многостраничный интернет-магазин
  • Сколько брать денег, если есть адаптивность на сайте
  • Ответы на возражения: «Почему так дорого»
  • Что ответить на «Как мы будем работать удаленно? Хочу вживую!»
  • Цель дизайнера на этапе «Запрос»
  • Какие вопросы задать на этапе «Запрос»
  • Цель дизайнера на этапе «Бриф»
  • Приоритетно распределени способов связи
  • shablon-brif.doc – шаблон брифа для создания сайта
  • 117_voprosov.pdf – вопросы, которые нужно задать клиенту
  • Главная ошибка дизайнеров на этапе «Бриф»
  • Цель дизайнера на этапе «ТЗ» и основная ошибка
  • primer-tz.doc – пример готового технического задания
  • Как правильно оформить договор и в каких случаях он нужен
  • shablon-dogovor.doc – шаблон договора о создании сайта
  • Какие проценты брать в качестве предоплаты и постоплаты
  • Что делать на этапе «Дизайн-концепции» и как ее утвердить
  • Проработка всех страниц
  • Шаблонный емаил для того чтобы зафиксировать ТЗ и договор
  • Как сделать портфолио, если нет заказчиков
  • 3 способа формирования цены для веб-дизайнера
  • Как расчитать стоимость за проект
  • Какую зарплату просить в студии
  • Как рассчитать стоимость часа своей работы
  • Универсальный способ оценки дизайн-проекта
  • Принципы работы с заказчиками
  • Как презентовать работу заказчику
  • 11 способов поиска заказов для начинающих дизайнеров
  • Пачка ссылок на биржи фриланса, где ты не найдешь заказов
  • Как сформулировать CTA для веб-дизайнера
  • Первый способ поиска заказов с конверсией 30-60%
  • Способ поиска заказов, который полностью можно делегировать другому человеку
  • Стрессовый вариант поиска заказов c конверсией 0-3%
  • Способ, который сработает через 3-4 месяца и даст конверсию 50-80% в заявку
  • «Тупой» и бесплатный способ для поиска заказов, который 100% работает
  • Сложный, но бесплатный способ поиска заказов, который может снабдить заказами
  • на годы
  • Банальный способ поиска заказов, который никто не использует
  • Пример моего предложения, который ты можешь адаптировать для себя
  • Обзор платных способов рекламы в интернете
  • Почему у тебя скорее всего не получится использовать платную рекламу
  • О чем нужно договориться с заказчиком в начале проекта
  • Как запустить то самое «Сарафанное радио» на 100 из 100
  • Конкурентный и сложный способ поиска заказов, который прокачает твое портфолио
  • Бесплатный оффлайн способ поиска заказов для веб-дизайнера

Практическое задание с проверкой: контент-маркетинг для веб-дизайнера, поиск заказчиков и размещение резюме на самых популярных сайтах для поиска работы
Прототип и мудборд
Ты узнаешь, с чего начать работу над сайтом: пропишешь исследование, изучишь целевую аудиторию, отследишь последовательность действий пользователя на сайте. На основе этой информации проработаешь логику будущего сайта, пропишешь хороший текст и нарисуешь графический прототип. Также познакомишься с понятием мудборд и соберешь его для своего будущего проекта. В результате у тебя будет четкое представление о будущем сайте: подобранная стилистика, изображения, цвета и шрифты.

  • Масштабирование проекта в Фигме
  • Изменение фрейма в Фигме
  • Передвижение объектов и текста в Фигме
  • Работа с текстом в Фигме
  • Тема и задачи сайта
  • Типы целевой аудитории и что для них важно
  • Сценарии пользователей
  • Изучение, как действует пользователь на сайте
  • Поиск и изучение сайтов конкурентов
  • Создание текстового прототипа
  • Создание графического прототипа сайта
  • Что такое референсы,мудборды и дизайн-концепции
  • Как вызывать эмоции в дизайне с помощью текста, шрифта, композиции, цвета
  • и фотографии

  • Сравнение сайтов с хорошей и плохой визуальной коммуникацией
  • Как создается правильная визуальная коммуникация
  • Как подбирать изображения с подходящим визуалом для сайта
  • Примеры сайтов с разной композицией и стилем
  • Разбор различных стилей: рисованный стиль, минимализм, гранжевый, динамичный,
  • винтаж, хаотичный
  • Где искать примеры хороших сайтов для вдохновения и мудборда
  • Как подбирать цвета для сайта
  • Эмоциональное восприятие цвета
  • Цветовой контраст
  • Как искать примеры дизайна по цветам

  • Как выбрать шрифт для сайта
  • Типы шрифтов: антиква, гротеск, рукописный, акцидентный
  • 4 основных начертания любого шрифта
  • Как выбрать характер шрифта для сайта
  • Подбор шрифтовой пары для веб-проекта
  • 8 правил подбора шрифтов
  • Разница между тире и дефисом
  • Как набрать специальные символы на клавиатуре
  • Типы кавычек в русском и английском языке
  • Как правильно писать время в тексте
  • Основные ошибки при работе со шрифтами
  • 4 основных сайта для скачивания легальных шрифтов
  • Ограничения лицензий на использование гарнитур

  • Где взять фотографии для сайта
  • 2 простых способа для скачивания бесплатных фото
  • Виды прав на использований фотографий на сайте
  • Метод ассоциаций для поиска картинок
  • Какое расширение должно быть у фотографии для сайта
  • Ошибки и обзор клише в стоковых картинках
  • Основные правила подбора фото
  • 7 ссылок на бесплатные фотостоки
  • 4 ссылки на платные фотостоки

Ссылка на пример выполнения этого задания

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

Дизайн-концепция
Ты создашь дизайн-концепцию для своего сайта на основе созданных тобой прототипа и мудборда. В результате у тебя получится шапка сайта, выполненная в подобранной тобой стилистике, цветах и с использованием выбранных шрифтов. Готовься, будут правки :)

  • Создание шапки сайта в зеро блоке согласно мудборду и прототипу
  • Создание второго блока сайта

Практическое задание: сделать дизайн-концепцию на основе прототипа и мудборда
Все страницы
Ты доработаешь до конца свой сайт. В результате ты получишь еще один полностью готовый сайт в интернете себе в портфолио.

  • Видеоурок по созданию различных (нестандартных) переходов между блоками
  • на Тильде
  • Как зафиксировать элементы в Тильде при скролле
  • Добавление новых кистей в фотошоп
  • Создание перехода в фотошопе с помощью кастомных кистей
  • Создание плавного перехода с помощью Фигмы
  • Ссылка на дополнительные материалы для создания переходов

Практическое задание: доработать внутренние блоки и страницы сайта
Выбор темы и анализ конкурентов
Ты узнаешь чем отличается предпочтения заказчика и пользователя сайта. Узнаешь, как сформулировать цель заказчика и цель сайта. Научишься работать с портретами клиентов и поймешь, что это очень важно на первых этапах создания сайта. Станешь использовать CTA для привлечения клиентов и будешь выгодно отличаться на фоне других дизайнеров. В итоге, ты составишь портреты клиентов твоего сайта и сделаешь аудит 3-х сайтов конкурентов в выбранной тематике.

  • Цели сайта и цели заказчика
  • Составление задач сайта
  • Юзабилити-аудит сайта (анализ конкурентов)
  • Из каких "слоев" состоит сайт (смысловой слой, визуальный, технический)
  • Проверка текста сайта на уникальность
  • Что такое Колл ту экшен, как использовать в работе
  • Конкретные примеры CTA для веб-дизайнера
  • Что такое портрет клиента
  • Как составлять портрет клиента
  • Чем веб-дизайнеру может помочь портрет клиента
  • Откуда брать данные для портрета клиента
  • Файл-образец аудита сайта
  • Шаблон файла с портретами клиентов
  • Образец аудита сайта

Практическое задание с проверкой: выбор темы сайта. Аудит з-х сайтов конкурентов.Составление портретов клиентов аудитории сайта.
Сценарий, прототип, эмоции и дизайн-концепция
Ты изучишь как делать прототип сайта для всех страниц. Научишься делать интерактивный прототип в Фигме и узнаешь основные инструменты для создания прототипа. Настроишь переходы между блоками и страницами в Фигме. В результате ты сделаешь прототип многостраничного сайта от наброска на бумаге до интерактива в Фигме. Также ты соберешь свой первый мудборд и референсы для будущего сайта. Задизайнишь первый экран многостраничного сайта на заданную тематику на основе полученных знаний.

  • Как делать прототипирование сайта
  • Создание статичного прототипа в Фигме
  • Работа с фреймами и меню в Фигме
  • Масштабирование, работа с текстом, кнопками в Фигме
  • Настройка интерактивного прототипа сайта с доступом по ссылке
  • Что такое референсы,мудборды и дизайн-концепции
  • Как вызывать эмоции в дизайне с помощью текста, шрифта, композиции, цвета
  • и фотографии
  • Создание мудборда и подбор референсов

Практическое задание с проверкой: интерактивный прототип
многостраничного сайта на заданную тему, подбор референсов для твоего
проекта. Создание мудборда и дизайн-концепции для первого экрана.
Проработка главной
Это полностью практический блок, в рамках которого ты научишься создавать главную страницу на основе прототипа, референсов и мудборда.

Практическое задание с проверкой: оформление главной страницы многостраничного сайта на выбранную тему.
Проработка внутренних
Это второе полностью практическое задание. Ты создаешь все страницы многостраничного сайта и утвердишь их у наставника. Скорее всего, придется несколько раз вносить правки, чтобы прийти к результату. На практике ты проработаешь все страницы, в том числе страницу авторизации, страницу ошибки 404 и всплывающие формы захвата.

Практическое задание с проверкой: создание дизайна внутренних страниц сайта в рамках утвержденного стиля.
Презентация проекта
В этом модуле ты научишься оформлять все предыдущие шаги по созданию многостраничного сайта, от анализа конкурентов и портретов клиентов до готового дизайна всех страниц сайта как готовую работу для портфолио. Разберешься как использовать анимированные мокапы в презентациях для Беханс и создашь новую работу в своем профиле Беханс.

  • 2 способа сделать портфолио
  • Что такое кейс в веб-дизайне и его пример
  • Какие 2 типа ЦА есть у кейсов
  • Примеры из чего состоит шапка кейса
  • Задача обложки кейса
  • Что такое мокапы и какие нужно использовать в кейсе
  • Как использовать мокапы в Фотошопе
  • Пачка ссылок для бесплатного скачивания мокапов
  • Какой контент нужно показывать в кейсе
  • Как выглядят шрифты и цвета в кейсе
  • Адаптивность в презентации работы
  • Эффектное превью для Бехансе
  • Как красиво загрузить презентацию на Бехансе

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

Дизайн мобильных приложений: введение
В этом модуле ты научишься оформлять все предыдущие шаги по созданию многостраничного сайта, от анализа конкурентов и портретов клиентов до готового дизайна всех страниц сайта как готовую работу для портфолио. Разберешься как использовать анимированные мокапы в презентациях для Беханс и создашь новую работу в своем профиле Беханс.

  • Этапы создания мобильного приложения
  • Скетчи и вайвреймы
  • DPI и PPI
  • Множители в дизайне мобильных приложений
  • Retina и HI-DPI
  • Device independent Pixel и Point
  • Зачем мобильные приложения если есть адаптивные сайты?
  • Обзор зарплат мобильных дизайнеров
  • «Поиграй со шрифтами» vs Гайдлайны
  • Типы навигации в приложении
  • Статистика использования мобильных приложений
  • Инструменты для создания дизайна
  • Настройка Фотошопа для дизайна мобильных приложений
  • Жесты в мобильных приложениях
  • Размер сенсорных целей
Гайдлайны Apple и Android
  • Гайдлайны Google
  • Принципы Material Design
  • Kenedy и Holo
  • Цифровая бумага
  • Цифровые чернила
  • Анимация в МD
  • Где взять иконки MD
  • Основные ошибки
  • Гайдлайны Apple
  • Три главных фактора
  • Что такое онбординг

Практическое задание: Выбери одну из платформ Айос или Андроид и отрисуй в Фигме один экран, используя Юай-кит.
Анализ ниши
  • Понятие флоучарт
  • Создание флоучарт (блок-схемы) для своего приложения
  • Анализ конкурентов
  • Подбор референсов для своего проекта
  • Как лучше написать текст, описывающий приложение

Практическое задание: создание блок-схемы, анализ конкурентов и сбор референсов
Дизайн приложения
  • Sketch
  • Полноценный Adobe XD для Windows
  • Дизайн приложения в Sketch
  • Дизайн приложения в Аffinity designer
  • Sketch Adobe XD Photoshop

Практическое задание: отрисуй дизайн приложения в Фигме, опираясь на блок-схему из прошлого задания.
Сборка проекта для разработчика
  • Взаимодействие в команде
  • zeplin, sympli и avocodeinvision и marvel
  • презентация мобильного приложения
  • Подготовка файлов для передачи программисту
  • Критические значения
  • Обязательные макеты
  • Иконка приложения
  • Скриншоты для Apple Store
  • Руководство дизайн-макета
  • Использование SVG и PNG

Практическое задание: Создание интерактивного прототипа в Фигме и подготовка проекта к сдаче разработчику
Оформление портфолио
Ты оформишь в кейс свое приложение, для того, чтобы потенциальные клиенты заказывали твои услуги. Научишься использовать красивые и анимированные мокапы для презентации работ, получишь пачку ссылок на ресурсы с мокапами. Разберешься, как выгружать свои работы на Бехансе и в итоге под нашим руководством сделаешь стильный кейс одной из своих работ с курса.

  • Знакомство с платформой Беханс
  • Как добавить файлы на Беханс
  • Редактирование стиля кейса (создание цвета фона, шрифты, ссылки, добавление отступов)
  • Что такое кейс в веб-дизайне и его пример
  • Примеры, из чего состоит шапка кейса
  • Задача обложки кейса
  • Что такое мокапы и какие нужно использовать в кейсе
  • Как использовать мокапы в Фотошопе
  • Пачка ссылок для бесплатного скачивания мокапов
  • Какой контент нужно показывать в кейсе
  • Как выглядят шрифты и цвета в кейсе
  • Адаптивность в презентации работы
  • Эффектное превью для Бехансе
  • Как красиво загрузить презентацию на Бехансе
  • Как сделать анимированный мокап в Фотошопе
  • Бонусное видео о добавление интерактивного прототипа в мокап в Афтер Эффектс
  • Как записать на видео интерактивный прототип
  • Ссылка на программу записи экрана
  • Обзор интерфейса Афтер Эффектс
  • Как создать композицию и добавить файл в Афтер Эффектс
  • Работа со слоями в Афтер Эффектс
  • Как изменить цвет фона в композиции
  • Экспорт видео с помощь Адоб Энкодер
  • Загрузка видео на видеохостинг Вимео
  • Добавление видео в кейс на Беханс

Практическое задание: оформление работы на Беханс

Много отзывов

8,9 из 10
оценка курса по результатам опроса последних 200 студентов платного курса
+ 230 000
подписчиков совокупно
в наших социальных сетях
+ 10 000
человек оставили положительные отзывы и оценили информативность и легкость в подаче материала
8,9 из 10
оценка курса по результатам опроса последних 200 студентов платного курса
+ 230 000
подписчиков совокупно
в наших социальных сетях
+ 10 000
человек оставили положительные отзывы и оценили информативность и легкость в подаче материала
Создание одностраничных сайтов под ключ
Адаптация сайтов
Создание многостраничных сайтов под ключ
Создание интернет-магазина
Создание блога
Базовая SEO-оптимизация
Создание анимации и персональной графики для сайта
Написание текстов для сайта
Создание дизайна мобильных приложений
6 900 ₽/мес
SOLD OUT
Попробуйте первые 3 урока БЕСПЛАТНО прямо сейчас
Онлайн курс «Специалист по созданию сайтов» на 6 месяцев
Our website is almost ready
Create a targeted live campaign.
Scale your infrastructure with our simple service.
Days
Hours
Minutes
Seconds

Оставь заявку
прямо сейчас

Следующее повышение цен через
Бонусы при быстром принятии решения
• Курс «Строим личный бренд в интернете»

• Дизайн e-mail рассылок

• Экспериментальная типографика
Дней
Часов
Минут
Секунд
90
11
49
26

Оставь заявку
прямо сейчас

Следующее повышение цен через
Бонусы при быстром принятии решения
• Курс «Строим личный бренд в интернете»

• Дизайн e-mail рассылок

• Экспериментальная типографика
Дней
Часов
Минут
Секунд
90
11
49
26

Оплатить курс в рассрочку

Цена разбивается на равные платежи на 11 месяцев. Мы работаем с крупнейшими 12 банками, вероятность одобрения очень высокая, даже если сейчас нет работы или раньше вам уже отказывали. Если не получится с банками, то мы предложим альтернативный вариант. Мы работаем только с проверенными банками и не работаем с шарлатанскими конторами.

Оплатить курс в рассрочку

Цена разбивается на равные платежи на 11 месяцев. Мы работаем с крупнейшими 12 банками, вероятность одобрения очень высокая, даже если сейчас нет работы или раньше вам уже отказывали. Если не получится с банками, то мы предложим альтернативный вариант. Мы работаем только с проверенными банками и не работаем с шарлатанскими конторами.

Оплатить курс в рассрочку

Цена разбивается на равные платежи на 11 месяцев. Мы работаем с крупнейшими 12 банками, вероятность одобрения очень высокая, даже если сейчас нет работы или раньше вам уже отказывали. Если не получится с банками, то мы предложим альтернативный вариант. Мы работаем только с проверенными банками и не работаем с шарлатанскими конторами.

Ответы на частые вопросы

Почему так дорого?
Многие наши студенты тоже думали, что это дорого, но потом попробовали и убедились, что цена обоснована, так как вложенные деньги довольно быстро окупаются с заказов на фрилансе, а те кто устраивается в студии вовсе зарабатывают от 50 до 100К
Зачем платить деньги если уже и так все есть в интернете?
В интернете и правда есть всё. Но нет четкого плана: много информации и не понятно, за что ухватиться в первую очередь, из-за этого быстро перегораешь. Да и вообще, изучение без практики это пустая трата времени, если учиться на конкретных реальных проектах, то это получается быстрее и эффективнее. Также в интернете нет опытного наставника, которому можно задать вопросы или посоветоваться по поводу того какую цену назвать заказчики или что-то еще. Вам было бы важно иметь возможность советоваться с экспертом по заказам которые будут к вам поступать?
Я видел вас только в интернете, у вас есть какой-то договор или что-то еще?
Мы работаем официально, на сайте выложены сканы ИНН и ОГРНИП, вы можете проверить информацию на официальном сайте налоговой, + при оформлении в рассрочку есть договор с банком, при оплате приходят чеки на почту. Мы работаем уже более 5 лет и через нас прошло более 2000 студентов.
Мы дорожим собственной репутацией. Прочитайте отзывы людей, которые у нас учились, на сайте или в Вконтакте.
Хочу записаться в следующий поток
Хорошо, что вы планируете обучение заранее! Это позволит вам сэкономить, потому что у нас планируется повышение цен, поэтому забронируйте место по старой цене сейчас, чтобы сэкономить.
Мне все нравится, но у меня нет денег
Если у вас сейчас нет денег, то вам обязательно нужно учиться у нас. Ведь всего за 2000 рублей в месяц вы получите профессию, которая будет приносить вам от 50 до 100К рублей ежемесячно даже на фрилансе. Согласитесь что если не учиться чему-то новому, то денег больше не станет. У нас планируется повышение цен в ближайшее время, поэтому оставьте заявку, мы что-нибудь придумаем.
У меня нет времени на учебу
Действительно, времени нам часто не хватает. Но курс построен таким образом, что привязки ко времени нет, вы можете заниматься в то время, когда вам удобно. Безусловно, есть дедлайны и сроки, но они достаточно комфортные и многие наши ученики совмещают курс с работой или учебой. Готовы ли вы будете уделять пару часов в день на обучение, чтобы по его окончании, вы могли уже сами управлять своим временем, занимаясь, к тому же, интересным делом?
Я не творческий, у меня нет опыта, вдруг не получится?
Иметь опыт, знания в сфере дизайна для того, чтобы учиться у нас совсем не обязательно. Данил сам прошел весь путь с нуля до востребованного дизайнера. И именно этот опыт он передаст вам в течение всего курса. Программа очень структурирована и понятна. Вопросов с чего начинать и какой шаг будет следующим у вас не возникнет. Четкий план обучения, инструменты и заботливые, опытные наставники гарантированно сделают из вас крутого специалиста!


Все что вам действительно нужно - желание усердно работать на результат. И тогда ваш успех гарантирован!
Нужно ли уметь рисовать, чтобы стать веб-дизайнером?
Нет, не обязательно. Большинство новичков, кто не работал с платными заказами ошибочно думают что важно уметь рисовать. Профессионалы знают, что гораздо важнее правильно расставлять приоритеты на сайте, для того чтобы людям была доступна нужная информация, чтобы было понятно куда нажимать и куда смотреть. Вспомни как тебя бесили сайты, на которых непонятно было что делать, такие сайты как раз обычно создают люди, которые делают акцент на рисовании, а не на логике. На курсе я покажу приемы визуальных эффектов, используя которые в разном порядке ты сможешь делать красивые сайты без умения рисовать: по цветам и шрифтам научу. Оставляй заявку, дальше решим.
Нужно ли уметь программировать, чтобы стать веб-дизайнером?
Ты можешь не уметь программировать и стать веб-дизайнером. Особенно если ты планируешь начинать с фриланса, то тебе даже будет вредно уходить в программирование. Потом, когда отучишься у меня на курсе и начнешь зарабатывать, ты можешь попробовать программирование. А сейчас на практикуме, я дам тебе инструменты, которые используют самые современные технологии, сейчас стало все настолько просто, что без программирования ты можешь выйти на 100К/месяц. Как это сделать я расскажу на практикуме.
Насколько важно знать английский для веб-дизайнера?
Тем кто придет в онлайн в первый день практикума я подарю PDF-файл со словарём веб-дизайнера. Там будут десяток популярных слов, которые часто использоваться в работе. Этого набора будет достаточно для начала, даже если сейчас ты вообще не знаешь английский. Да и вообще, если ты планируешь получать заказы из США и Европы, то желательно знать язык, но начать то можно и с русскоязычного рынка или Гугл Переводчика))
Какие вложения нужны, чтобы стать веб-дизайнером?
Если у тебя есть компьютер и интернет, то в целом никаких за исключением покупки домена (адреса сайта, который стоит около 200₽)
Трудно ли стать веб-дизайнером и сколько это займёт времени?
Добывать уголь в шахте точно труднее, поэтому если тебе нравится идея работать удалённо в любой точке мира нажимая на кнопки компьютера, то ты точно справишься) По времени, смотри, когда ты пройдешь мой курс и тебе капнет первый заказ на одностраничник, то на него нужно будет потратить около 20 часов рабочего времени. Если ты будешь посвящать работе 3 часа в день, то тебе понадобится 7 дней. Если будешь посвящать (как шахтеры) 8 часов в день, то понадобится 2,5 дня. За такой заказ ты можешь получить от 15 до 20 000₽. Разумеется, вначале ты будешь много косячить, поэтому на первом заказе денег ты скорее всего получишь в 2 раза меньше, а времени потратишь в 2 раза больше. Зато потом будет нормик! Ну еще нужно тратить время на привлечения заказчиков, об этом написал ниже.
Можно ли совмещать фриланс с основным местом работы без вреда для качества?
Да, можно. Я рекомендую сразу не бросать текущую работу, а начать совмещать работу и заработок на сайтах. Когда денег с сайтов станет больше чем на основной работе, то можно полностью переходить на фриланс. Так делает большинство моих студентов на платном курсе.
Можно ли заниматься веб-дизайном с телефона или планшета?
Не получится. Если хочешь зарабатывать на этой профессии, то нужен компьютер. Кстати, вебинары практикума я рекомендую тоже смотреть с компьютера, потому что там я буду демонстрировать экран и на телефоне это скорее всего это будет выглядеть мелковато.
Насколько хороший нужен комп чтобы стать веб-дизайнером?
Для веб-дизайна подойдет любой компьютер на котором можно сидеть в интернете, тк многие программы сейчас работают без установки (из браузера). Например, на вебинаре я расскажу про своего студента Женю, который на раздолбанном ноуте, который постоянно перезагружался от перегева (и со сломанной клавиатурой) уже через пару месяцев вышел на 1500$/мес и купил новый мак бук про. Поэтому ноутбук или стационарный компьютер – не важно. Главное чтобы у тебя был хоть какой-то комп, подключение к интернету и желание развиваться. В остальном я помогу на практикуме.
Насколько веб-дизайн будет востребован через 10 лет?
Технологии быстро меняют мир. 5 лет назад в веб-дизайне было все иначе. Через 10 лет будет иначе. Дизайнеры, которые будут продолжать вкладываться в свое образование временем и деньгами, продолжат получать хорошие, дорогие заказы. Остальные отвалятся. Впрочем, так было всегда. На практикуме я расскажу что такое UI/UX именно в эту сторону будет развиваться индустрия в ближайшее время, если ты это будешь знать, то будешь сильнее остальных.
Сколько можно зарабатывать, если стать веб-дизайнером?
Если ты начинаешь с нуля, то в первые 3-5 месяцев ты будешь зарабатывать от 20 до 60тыс р. в месяц. Больше 100тыс в месяц вряд ли получится, за исключением случаев, если у тебя уже есть опыт в граф дизайне или полиграфии. У меня учился 8-классник, который ничего не умел и за месяц заработал первые 20к, у меня учился полиграфист, который делал визитки и плакаты, через 2 месяца устроился веб-дизайнером на зп 110к/месяц.
Почему необходимо приобретать курс на 6 месяца, вместо 2-х или же 1 месяца обучения?
Пройдя 6 месяцев обучения, студент изучает абсолютно все направления в веб-дизайне, в том числе и дизайн мобильных приложений. Если мы говорим о лендинге, то его цена в среднем - 15 000 р., многостраничный сайт - от 30 до 40 тыс. р., а дизайн мобильных приложений - это уже от 80 000 р. Это позволяет ему заработать, как минимум в 2 раза больше выполняя по времени и объему ту же работу. Также преимуществом 6-ти месячного курса является то, что вы получаете на один месяц больше обратной связи от наставника. Благодаря чему, вы сможете прорабатывать свои навыки и выполнять больше коммерческих заказов под руководством, тем самым увеличивать число работ в своем портфолио. Так как после окончания шестимесячного курса, портфолио студента насчитывает, как минимум, 3 работы. Это на то, на что в первую очередь будут обращать внимание ваши будущие клиенты - это показатель того, какими навыками вы обладаете.
Зачем тебе столько учеников? Ты же сам себе создаешь конкуренцию?
Обычно новички берут заказы стоимостью от 10 до 50 000₽. Данил берет заказы от 250 000₽ поэтому конкурировать новичкам за таких заказчиков не получится. Кроме этого, сама школа это тоже бизнес-проект, который приносит ему деньги и успешных дизайнеров мы стараемся брать к себе в команду. Поэтому это не конкуренция а взаимовыгодное сотрудничество новичка и профессионала.
Я скачаю этот курс на торрентах
У моего хорошего друга на жестком диске хранятся гигабайты пиратски скачанных курсов, которые он даже не посмотрел. Часть из них пылится довольно давно, а некоторые уже сильно устарели.

Вот почему пиратить наш курс нецелесообразно:
  • Обратная связь дается индивидуально на твою работу и за счет этого происходит рост, в пиратке этого получить нельзя.
  • На курсе ты получаешь доступ к стажировкам и помощь с трудоустройством, в пиратке этого получить тоже нельзя.
  • Тебя мотивирует «Жаба», которая душит и старается сделать так, чтобы ты отработал все вложенные деньги, а пиратский курс тебя не будет мотивировать.
  • Программы и тренды постоянно обновляются, на пиратке обычно лежат старые версии курсов, которые уже не актуальны.
Онлайн-университет цифровых профессий «Поток»
ИП Фимушкин Данил Юрьевич
ОГРНИП 316010500061979 ИНН 010516031295
385011 Россия, Майкоп, Адыгея, ул. 12 Марта, д. 128, кв. 41
potok@design-gym.ru +79847079778
Made on
Tilda