Онлайн курс

Начало курса:2 Июля

UX/UIWeb Design + Mobile

Обучение от новичка до профессионала за 3,5 месяца

Что будет на курсе

3,5 месяца интенсивных практических занятий

Мы с вами погрузимся в сферу Web-дизайна и на практике отработаем все необходимые навыкы для работы в студии или получения первого заказа на фрилансе

24+ видеоматериалов лекций, стратегий

Более 10 лет работы в сфере Web-дизайна мы упаковали в курс из 24 видеоматериалов и 150+ лекционных материалов и ДЗ

Более 5-ти преподавателей-практиков с опытом 9+ лет

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

4+ проекта проработаных для вашего портфолио

Мы с вами погрузимся в сферу Web-дизайн и на практике отработаем все необходимые навыкы для работы в студии или получения первого заказа на фрилансе

Профессия Web-дизайнера - одна из самых востребованных

2589 компаний ежемесячно
ищут web-дизайнера себе в штат

  • Россия 2276
  • Украина 209
  • Казахстан 104

C зарплатой

от 400$ до 2300$

*Статистика взята из сайта HeadHunter

Для кого этот курс

Те, кто хочет стать web-дизайнером с нуля, не имеют опыта и не умеют рисовать

Графические дизайнеры и иллюстраторы желающие перейти в web-дизайн

Web-дизайнеры с опытом работы в студии, которые хотят добавить себе скилов и поставить (лучше “расставить”) все по полкам

Фрилансеры, которые хотят получить более крупные и интересные заказы

Программа курса

Блок 1

Блок 2

Блок 3

Блок 4

Блок 5

Блок 6

Блок 7

Блок 8

Урок 1Композиция. Работа с модульными сетками интерфейса

  • Композиция. Правила работы с ритмом, балансом, контрастом и т.д.
  • Методы влияния композиции на удобство восприятия интерфейса
  • Модульные сетки. Виды и методы создания
  • Фреймворки и контролы в интерфейсе
  • Навигация на сайте - где я?
  • Визуальное представление контролов в макете

Урок 2Создание корпоративного сайта в Adobe photoshop

  • Техническое задание, документы для работы с сайтом, что такое бендинг
  • Работа по заданию от клиента. Работа с клиентом
  • Практика в програме Adobe photoshop - создание корпоративного сайта (Header+slider)

Урок 3Правила и методы работы с типографикой

  • Типографика. Основы юзабилити в типографике
  • Правила и методы выделения иерархии и структуры
  • Верстка текстовых блоков
  • Практика по типографике - создание блока О нас

Урок 4Практический урок по созданию проекта

  • Практика в програме Adobe photoshop
  • Практика по завершению корпоративного сайта

Урок 5Колористика. Стилистика - что сейчас в тренде

  • Колористика. Психология цветового оформлен
  • Какие цветовые комбинации возможны
  • Маркетинговое влияние цвета и бренда
  • Виды цветовых групп
  • Стилистика - что сейчас в тренде
  • Правила оформления интерфейса согласно последних тенданций
  • Основные гайды в оформлении современных тенденций дизайна теории

Урок 6Правильная подготовка и передача макета

  • Правильная подготовка и передача макета верстальщику
  • Как уменьшить его бессонные ночи?
  • UIkit
  • Создание корпоративного сайта со вложенными страницами и подготовка его для верстальщика

Урок 7Работа с Front-end разработчиком

  • Краткий курс верстки. Верстка контролов-странички
  • Почему «я так вижу?» не проходит
  • Как не заставить рыдать Вашего верстальщика?

Урок 8Ознакомление с интерфейсом программы Аdobe Illustrator;

  • Ознакомление с интерфейсом программы Аdobe Illustrator
  • Работа с кривыми
  • Создание собственных векторных иконок

Урок 9Работа и изучение векторной графики. Иконографика

  • Создание собственных векторных проектов сложных иконок, летеринг
  • Ознакомление с интерфейсом программы Аdobe Illustrator
  • Основные гайды в оформлении современных тенденций
  • дизайна теории
  • Что такое колористика?
  • Основы колористики
  • Психология цветового оформления

Урок 10Создание собственных персонажей

  • Создание собственных персонажей или композиции
  • Ознакомление с интерфейсом программы Аdobe Illustrator

Урок 11Юзабилити, графических интерфейсов

  • Юзабилити, графических интерфейсов
  • Почему нам так удобно?
  • В чем смысл визуальной группировки?
  • И как заточен мозг Вашего клиента?

Урок 12Создание продающего макета Landing Page

  • Правила построения структуры проектов, офферы и тригеры посадочных страниц
  • Методики направления внимания
  • Создание продающего макета лендинга-как заставить его работать
  • Какая структура важна при построении макета
  • Как повысить продажи?
  • Создание лендинга по теме с учетом всех продающих факторов для захвата внимания лида

Урок 13Юзабилити и вау-эффект

  • Юзабилити и вау-эффект
  • Графика в вебе. "Убойная Композиция"
  • Как заставить Вашего клиента посещать Ваш сайт снова и снова
  • Примеры современных сайтов с вау-эффектом
  • Защита своего проекта с точки зрения юзабилити и структуры

Урок 14Практика по работе с Landing Page

  • Завершение создания лендинга по теме с учетом всех продающих факторов для захвата внимания лида
  • Практическая проработка завершающих этапов

Урок 15Разработка интернет магазина в Figma

  • Проработка дизайна главной страницы Интернет Магазина
  • Дизайн макетов основных страниц ИМ
  • Навигация, функционал
  • Представление проекта заказчику

Урок 16Разработка интернет магазина в Figma

  • Обучение функционалу Figma
  • Изучение инструментария Figma с учетом модульных сеток
  • Создание макета ИМ в этом графическом редакторе по ТЗ

Урок 17Создание адаптивного интернет-магазина

  • Адаптивность. Правила создания макета для мобильных устройств
  • Как показать Ваш сайт на мобильном?
  • Мобильная версия сайта
  • Проработка главной страницы сайта для мобильных устройств

Урок 18Методы и программы для UX - проектирования

  • Методы проектирования, сценарии, объектные модели
  • User story. Разработка CJM
  • Создание ТЗ проекта
  • Документы для разработки сайта / приложения
  • Создание брифинга

Урок 19Проектирование  IOS приложения

  • Изучение программ для UX-проектирования
  • Прототипирование, методы сбора информации для проекта
  • Поэтапное построение архитектуры сайта / приложения
  • UX навигационная модель
  • UX функциональная модель
  • Вайфреймы
  • Примеры кейсов

Урок 20Создание интерактивных прототипов экранов

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

Урок 21Дизайн мобильных приложений. IOS

  • Особенности дизайна приложений - Разработка дизайна на IOS
  • Гайдлайны платформы iOS, типографика, макет, цвет, иконки, UI-kit. Размеры
  • Портирование с одной платформы на другую
  • Сравнение платформ
  • Подготовка ресурсов и спецификаций для разработчиков
  • Разметка, нарезка, инструменты автоматизации процесса
  • Создание Style guide
  • Экспорт графики приложения
  • Передача дизайн-проекта разработчикам

Урок 22Дизайн мобильных приложений. IOS 2

  • Практика по 5 состояниям проекта
  • Экспорт графики приложения
  • Построения экранов приложения

Урок 23Ознакомление с программой After Effect. Анимация приложения

  • Ознакомление с программой After Effect
  • Разработка анимационных переходов
  • Принципы анимации
  • Законы анимации

Урок 24Анимация приложения на IOS

  • Основы и предназначение After Effects
  • Основы моушн графики
  • Интерфейс и создание проекта
  • Работа с шейпами
  • Маски в After effect
  • Создание анимации взаимодействия

Урок 25Создание анимации взаимодействия для презентации

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

Урок 26Практика по работе с презентацией

  • Практика по работе с презентацией
  • Завершение презентации и утверждение
  • Защита проекта

Урок 27Бонусный урок. Работа с программой Invision

  • Обучение функционалу Invision
  • Изучение инструментария Invision
  • Анимация проекта в этом графическом редакторе
  • Плюсы и минусы работы в Invision

Урок 28Бонусный урок. Как создать правильное резюме и  портфолио

  • Правила создания резюме
  • Плохие и хорошие примеры создание резюме дизайнера
  • Правила и техники подачи портфолио
  • Примеры создания профессионального портфолио

Урок 29Бонусный урок. Методы поиска работы в офисе или клиентов на фрилансе

  • Правила разговора на собеседовании
  • Способы представления
  • Правила и техники работы с клиентами
  • Места поиска клиентов на фрилансе
  • Как научится работать с клиентами, чтобы они возвращались?
  • Почему меня не берут?(

Наша команда преподавателей

СЕO MOBIOS, основатель веб-студии и отдела маркетинга. Руководитель проекта mobios.school. Опыт ведения проектов 9 лет.

  • 12 лет в сфере IT
  • 150+ проектов
  • более 60 проектов от зарубежных заказчиков
team-mobios

СИМОНОВ ВЯЧЕСЛАВ

Арт-директор студии, UI/UX Designer. Куратор курса "UX/UI WEB-DESIGN + MOBILE DESIGN". Основная специализация - проектирование и разработка высоконагруженных проектов.

  • 11 лет в сфере IT
  • 150+ проектов
  • более 30 проектов от зарубежных заказчиков
team-mobios

СИМОНОВа Зинаида

Ведущий дизайнер студии WIBE с опытом командной работы больше 4 лет. Преподаватель графического дизайна,UX-дизайна, web-дизайна, 3d-моделирования, motion-дизайна.

  • 50+ проектов по UI
  • 25+ проектов по UX
team-mobios

Еждин Александр

UI/UX - дизайнер, Motion-дизайнер студии Mobios с опытом командной работы более 3-х лет

  • Куратор курса UI/UX Web - дизайна
  • 20+ проектов
team-mobios

Буряк Валентин

Веб-дизайнер компании Ikajo International с опытом командной работы больше 4 лет. Преподаватель UX/UI WEB-DESIGN + MOBILE DESIGN

  • 7 лет в сфере IT
  • 50+ проектов
team-mobios

Конченко Николай

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

  • Преподаватель графического дизайна Mobios School
  • 80+ проектов
  • Опыт работы в графическом дизайне более 14 лет
team-mobios

Злуницына Елена

Motion-дизайнер студии Mobios. В Motion дизайне с 2015-го года.

  • Куратор курса Motion-design
  • 50+ проектов
team-mobios

Маковецкий сергей

UI/UX/WEB-дизайнер в компании Softengi

  • Преподаватель UI/UX/WEB-DESIGN + MOBILE DESIGN
  • 20+проектов по направлению IoT,Blockchain,Artificial Intelligence, XR (AR,VR,MR)
team-mobios

Лилия

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

Через 3,5 месяца ваша работа будет здесь

По окончанию курса вы можете стать

Web-дизайнером работающим в студии с зарплатой от 400$

Или

Фрилансером работающим над интересными и крупными проектами

Вы овладеете:

Adobe Photoshop

Adobe Illustrator

Adobe After Effects

Figma

AxureRP

Навыками создания

  • Любых типов сайтов;
  • Любых графических интерфейсов;
  • Прототипов;
  • Веб-сервисов.

Мастерством владения

  • Профессинальными программами;
  • Типографикой;
  • Модульными сетками;
  • Цветоведением;
  • Композицией.

Отзывы наших студентов

БОЛЕЕ 70% НАШИХ ВЫПУСКНИКОВ СТАЛИ УСПЕШНЫМИ ДИЗАЙНЕРАМИ

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

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

Зарегистрируйтесь
Оплатите
Старт курса 2 Июля

Забронируйте место по низкой цене

Ваше имя
Ваш Email
Ваш Город
Ваш телефон

Отправить

Ваши данные никогда не будут переданы 3-м лицам

Цена сегодня до 24.06
9300 грн
8250
грн/курс
21000 руб/315 USD
*Бронь места только по 100% оплате
После 24.06 стоимость повышается:
8700грн за весь курс!

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

Здесь происходят обсуждения дизайн-проектов, актуальных новостей и тенденций, а также просто приятное общение

Ваш будущий диплом

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

Задайте вопрос

Ваше имя
Ваш Email
Ваш телефон
Текст сообщения
CAPTCHA 8 - 4 =

Ваши данные никогда не будут переданы 3-м лицам

Остались вопросы о курсе?

Задайте их в форме и мы ответим на них в течении 15 минут

Вопросов нет, хочу записаться

Забронировать место

Новости Новости

Ошибки дизайна, которые «убивают» сайт

14.06.2019

Ошибки дизайна, которые «убивают» сайт

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

Подробнее
Основные преимущества адаптивного дизайна сайта с точки зрения SEO

11.06.2019

Основные преимущества адаптивного дизайна сайта с точки зрения SEO

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

Подробнее
Определение кликабельной области элемента

17.04.2019

Определение кликабельной области элемента

Кликабельностью является показатель, определяющий соотношение количества кликов компьютерной мышью на рекламное сообщение или баннер к общему количеству демонстрации уведомлений. Сокращенно такое понятие пишется как CTR и рассчитывается в процентах, предоставляя четкое понятие того, насколько привлекательным для пользователей является то или иное рекламное объявление и как часто они на него кликают, чтобы получить больше деталей.

Подробнее

Написать нам в