CONTENTED
крупнейшая профильная онлайн-школа дизайна
По версии Smart Ranking от 2023 года
курс
Дизайн-системы:
погружение
Оптимизируйте дизайн и разработку для эффективной работы над продуктом
CONTENTED
Онлайн-курс «Дизайн-системы: погружение»
-40%
скидки до конца недели
крупнейшая профильная онлайн-школа дизайна
По версии Smart Ranking от 2023 года
вам нужна
дизайн-система,
если это про вас
неконсистентный дизайн продуктов
1
потерянное время на работу с ui
2
нехватка ресурсов на проработку ux
нет шаблонов с готовым кодом
3
4
бесконечный бэклог из задач по сбору интерфейса
5
больше знаний и навыков:
— 4 мини-курса в подарок
Дарим сейчас,
но это на Новый год
но это на Новый год
— скидки до 55% на курсы по дизайну
про что курс
Про дизайн, который создает целостный пользовательский опыт и влюбляет клиентов в ваш продукт.
Про систему, которая объединяет дизайн и разработку, позволяя им говорить на одном языке и ускоряя процесс создания продукта
Про систему, которая объединяет дизайн и разработку, позволяя им говорить на одном языке и ускоряя процесс создания продукта
ПО ИТОГУ КУРСА ВЫ
научитесь разбираться в дизайн-системах
создадите план своего проекта
разработаете отдельные элементы системы
поймете, как инициировать работу внутри компании
сможете дать оценку эффективности своих внедрений
будете знать, как масштабировать созданную систему
хочу узнать больше о нейросетях и обучении
нажимая кнопку, я соглашаюсь с положением о персональных данных
для тех,
кто
Никогда не работал с дизайн-системами и хочет узнать больше
Собирается внедрять дизайн-систему у себя и хочет сразу сделать хорошо
Хочет развивать и масштабировать уже имеющуюся дизайн-систему
Несколько недель работы под руководством арт-директора. Вы поймете, как устроено взаимодействие между сотрудниками в компаниях. И поработаете над реальной задачей. Итог — новый кейс в портфолио
Стажировка
Помогает прокачать скил работы и управления командой, общения с заказчиком и нетворкинг. Это приблизит вас к уровню middle. Чтобы учиться в школе тимлидерства, нужно пройти предварительный отбор
Похожи на хакатоны, но в формате индивидуальной работы. Компании-партнеры предлагают участникам реальные задачи, а потом выбирают лучшее решение
Командные соревнования, задачи для которых дают наши партнеры — например «Моторика», издательство «Эксмо», Wildberries, Ашан. Кейсы победителей бренды берут в продакшен, а самых креативных учеников даже приглашают на работу
Уроки в студийном качестве и домашние задания с обратной связью от менторов — не все, что есть на курсе
Главное — это практика. Вы получите настоящий опыт работы дизайнером, который добавите в резюме
Главное — это практика. Вы получите настоящий опыт работы дизайнером, который добавите в резюме
Очень много
реального опыта
Хакатоны
Flash-конкурсы
Школа тимлидерства
Проекты взяли в продакшн, а некоторых студентов пригласили на работу или стажировку
Все по-настоящему
Эти работы с хакатонов и конкурсов заказчики назвали лучшими
ПРОГРАММА ОБУЧЕНИЯ
4-недельный интенсив. В курс входят видеоуроки и практические занятия для самопроверки. По итогу вы сформируете необходимый уровень знания для самостоятельного проектирования и внедрения дизайн-системы
Курс: Figma
научитесь собирать
прототипы сайтов
и мобильных приложений
научитесь собирать
прототипы сайтов
и мобильных приложений
Цели вашей дизайн-системы
Погружаемся и учимся отличать дизайн-систему от UI-kit, разбираться в типах дизайн-систем.
Получите понимание, какие именно проблемы сможет решать дизайн-система в вашей компании, поставите приоритетные цели и на год и определитесь с главной траекторией развития своей системы
Получите понимание, какие именно проблемы сможет решать дизайн-система в вашей компании, поставите приоритетные цели и на год и определитесь с главной траекторией развития своей системы
Части системы. Визуальный язык
Учимся формулировать принципы системы, создавать доступную цветовую палитру, разбираться в методах построения типографической сетки, применять базовые принципы accessibility.
Проверяем и объединяем созданные элементы визуального языка системы, закладывая основу для «единого источника правды»
Проверяем и объединяем созданные элементы визуального языка системы, закладывая основу для «единого источника правды»
Части системы. Компоненты и документация
Закрепляем понимание связки дизайн → документация → код.
Собираем простую версию UI-kit.
Генерируем с помощью инструмента сайт системы и описываем 1-2 компонента вашей дизайн-системы
Собираем простую версию UI-kit.
Генерируем с помощью инструмента сайт системы и описываем 1-2 компонента вашей дизайн-системы
Инструменты, внедрение, масштабирование
Проходим внедрение системы на практике.
Проводим аудит текущего интерфейса, который ляжет в основу вашей презентации по внедрению системы
Проводим аудит текущего интерфейса, который ляжет в основу вашей презентации по внедрению системы
Подготовка к защите перед руководством
В заключительном задании готовим презентацию для защиты своей концепции перед командой и руководством.
В итоге вы сможете презентовать проект своей компании и подготовитесь к внедрению дизайн-системы в жизнь
В итоге вы сможете презентовать проект своей компании и подготовитесь к внедрению дизайн-системы в жизнь
получить полную
программу обучения
программу обучения
Вы получите детальное описание обучения и консультацию специалиста, чтобы не оставалось вопросов по программе
БОЛЕЕ 90% СТУДЕНТОВ,
ДОВОЛЬНЫХ КУРСОМ
ДОВОЛЬНЫХ КУРСОМ
Отзывы студентов о курсе
Дизайнер продукта в «СберСпасибо»
Сейчас разрабатываю свою дизайн-систему и мне не хватало понимания, как с ней работать. Курс восполнил все пробелы и даже добавил понимания о том, как выстроить дальнейшую работу. Понравились лекции, домашние задания и вебинары. По времени курс удачно сбалансирован
Дизайнер продукта Orderry
Пришла получить комплексное понимание о ходе внедрения дизайн-систем в продукт. Выхожу с готовым планом по развитию и внедрению, все в целом понравилось, курс попался вовремя под руку и аналогов не было
UX-дизайнер в inDriver
Хотел узнать, как разрабатываются дизайн-системы в больших компаниях, и понять, как можно улучшить процессы в своей компании. Ожидания оправдались, узнал, как правильно создавать и поддерживать дизайн-систему
Алена Березина
ведущий UX-аналитик в БФТ
Екатерина Федирко
У меня была цель собрать воедино знания о дизайн-системе, получить опыт, основываясь на практиках крупных компаний. Выхожу с курса с пониманием, что такое дизайн-система и как с ней работать
Александр Егоров
Татьяна Трясорукова
Доступ к курсам навсегда
Даже после завершения в обучения вы в любой момент сможете вернуться к нужным материалам
онлайн-обучение
Задания для самопроверки
Сертификат
как мы учим
Каждую неделю вы смотрите короткие видеоуроки и выполняете домашние задания
Этот курс предназначен для самостоятельного прохождения без внешней проверки домашних заданий. Вы сможете проверить, насколько хорошо усвоили материал, выполняя практические задания после видеоуроков
По окончании учебы вы получите сертификат об успешном прохождении курса
Команда курса поддержит вас во время обучения
Менторы проверяют домашние задания, дают обратную связь, отвечают на вопросы студентов в чатах. На тарифах «Оптимальный» и «Расширенный» проводят личные консультации, ревью портфолио и групповые онлайн-занятия
Координаторы помогают решать организационные вопросы. Например, подсказывают, что делать, если вы не успеваете сдать домашнее задание или хотите взять отпуск. А еще они поддерживают мотивацию студентов
У вас будет персональный доступ к урокам, дополнительным материалам и задачам. Загружать домашние задания вы тоже будете на платформу — так они не потеряются, а менторы точно их увидят
Наши выпускники работают и стажируются в компаниях, которые вы точно знаете
в карьерном интенсиве
Воркшопы по подготовке к собеседованиям
Узнаете, как грамотно отвечать на вопросы на вопросы работодателей
Помощь с выходом на зарубежный рынок
Научитесь составлять резюме для иностранных работодателей. Узнаете особенности трудоустройства за рубежом
(для оптимального и VIP-тарифов)
Помощь консультантов в первых откликах
В течение 4 недель будете откликаться на вакансии при поддержке наших карьерных консультантов
Презентация навыков
Научитесь грамотно составлять портфолио и резюме
Вакансии от партнеров
Регулярные анонсы вакансий от компаний-партнеров
Карьерный трек
Поймете, как развиваться в профессии и какая карьерная стратегия вам подходит
К концу курса у вас будут не только знания и навыки. Вместе с HR-специалистами составите карьерную стратегию — вам будет понятно, как и куда двигаться дальше, чтобы расти в новой профессии. И уже начнете этот путь.
Поможем строить карьеру уже во время обучения
-40%
27 000 ₽
45 000 ₽
до конца недели
старт сразу после оплаты
Стоимость обучения
Запишитесь на курс или бесплатную консультацию
записаться на курс или получить бесплатную консультацию
нажимая кнопку, я соглашаюсь с положением о персональных данных
записаться на корпоративное обучение
нажимая кнопку, я соглашаюсь с положением о персональных данных
часто задаваемые
вопросы
#дизайн система
Работать с дизайн-системами можно как в крупных компаниях вместе с командой, так и в более маленьких проектах. Актуальность этого решения не зависит от масштабности проекта, а зависит от задач.
В случае, когда вы работаете над проектом совместно с командой, а ваше обучение оплачено компанией, мы предоставляем доступ к материалам для всей команды (за исключением участия на практических занятиях).
Мы стараемся гибко подходить к вашим потребностям. Поэтому учитываем обстоятельства и возвращаем стоимость обучения полностью или частично, когда это предусмотрено договором.
Если вы передумали проходить курс или хотите оформить возврат по другой причине, вы можете позвонить на номер горячей линии — наш менеджер расскажет об условиях. Они также описаны в разделе 4 нашей оферты.
Если вы передумали проходить курс или хотите оформить возврат по другой причине, вы можете позвонить на номер горячей линии — наш менеджер расскажет об условиях. Они также описаны в разделе 4 нашей оферты.
Поскольку количество мест в группе ограничено, если вам необходимо отложить обучение, вы сможете пользоваться всеми материалами курса, но без проверки домашних заданий. В любом случае вы всегда можете обратиться к координатору курса и в индивидуальном порядке получить нашу помощь по этому вопросу.
В рамках обучения предусмотрены каникулы, вы сможете перезагрузиться и отдохнуть.
В рамках обучения предусмотрены каникулы, вы сможете перезагрузиться и отдохнуть.
Вы можете оплатить курс единовременным платежом с дополнительной скидкой 10%, которая суммируется с другими акциями на сайте. Или выбрать беспроцентную рассрочку без первоначального взноса и оплачивать обучение небольшими частями в течение 24 месяцев. Оставьте заявку, и менеджер расскажет вам подробнее про условия оплаты.
А еще мы принимаем оплату за обучение от юридических лиц. Некоторые работодатели поддерживают сотрудников в желании развиваться. Обратитесь к своему руководителю — возможно, компания готова частично или полностью оплатить ваше обучение. Чтобы выставить счет, нам понадобятся реквизиты организации.
Мы принимаем оплату дебетовыми и кредитными картами, Яндекс. Кошельком, Qiwi или наличными в терминалах и кассах.
А еще мы принимаем оплату за обучение от юридических лиц. Некоторые работодатели поддерживают сотрудников в желании развиваться. Обратитесь к своему руководителю — возможно, компания готова частично или полностью оплатить ваше обучение. Чтобы выставить счет, нам понадобятся реквизиты организации.
Мы принимаем оплату дебетовыми и кредитными картами, Яндекс. Кошельком, Qiwi или наличными в терминалах и кассах.
Учиться на наших курсах можно с 16 лет. Если вы младше, но уже хотите оценить свои силы в дизайне и узнать о профессии больше, посмотрите наши бесплатные материалы и мероприятия здесь. Они помогут сориентироваться в мире дизайнерских специальностей, понять, что интереснее и больше вам подходит. А еще заранее оценить сложность обучения.
Конечно. Для этого приобретите сертификат на сумму конкретного курса. Или подарите свободу выбора: купите сертификат на любую сумму, а получатель потратит его на свое усмотрение.
Не знаете, какое направление вам интересно? Приглашаем на профориентационный курс «Старт в дизайне». Вы попробуете 5 востребованных дизайн-профессий и будете обучаться той, что понравилась больше остальных.
Научитесь создавать удобные и красивые интерфейсы на курсе «Профессия UX/UI-дизайнер с нуля до ПРО». Вы сделаете 15 работ под руководством экспертов из агентства Cuberto и крупнейших IT-компаний — Ozon и VK Group.
Освойте одну из самых востребованных в IT дизайн-профессий в сжатые сроки — приходите на онлайн-буткемп «Профессия UX/UI-дизайнер с нуля за 9 недель». За два месяца интенсивного обучения вы сделаете 5 проектов для портфолио и побываете на 25 встречах с экспертами в дизайне.
Научитесь создавать эффектные сайты с продуманным UX и 3D-анимацией на курсе «Профессия веб-дизайнер». За 7 месяцев вы сделаете 5 проектов под руководством экспертов из Cuberto и Сбера.
Научитесь создавать удобные и красивые интерфейсы на курсе «Профессия UX/UI-дизайнер с нуля до ПРО». Вы сделаете 15 работ под руководством экспертов из агентства Cuberto и крупнейших IT-компаний — Ozon и VK Group.
Освойте одну из самых востребованных в IT дизайн-профессий в сжатые сроки — приходите на онлайн-буткемп «Профессия UX/UI-дизайнер с нуля за 9 недель». За два месяца интенсивного обучения вы сделаете 5 проектов для портфолио и побываете на 25 встречах с экспертами в дизайне.
Научитесь создавать эффектные сайты с продуманным UX и 3D-анимацией на курсе «Профессия веб-дизайнер». За 7 месяцев вы сделаете 5 проектов под руководством экспертов из Cuberto и Сбера.
Существует два вида дизайн-систем — с открытым и закрытым кодом.
Если система с открытым кодом, вы можете использовать наработки (шрифты, кнопки, иконки) и менять их под себя. Есть много популярных систем, например Material Design от Google или Fluent, разработанная Microsoft.
Дизайн-системы с закрытым кодом создают специально для компании или продукта. Доступ к материалам обычно есть только у сотрудников.
Если система с открытым кодом, вы можете использовать наработки (шрифты, кнопки, иконки) и менять их под себя. Есть много популярных систем, например Material Design от Google или Fluent, разработанная Microsoft.
Дизайн-системы с закрытым кодом создают специально для компании или продукта. Доступ к материалам обычно есть только у сотрудников.
Дизайн-система — набор правил и ограничений. Включает:
- руководства по стилю — цветам, типографике, иллюстрациям, иконкам
- UI-кит — кнопки, шаблоны страниц
- библиотеки шаблонов
- макеты элементов и их реализацию в коде
- описание принципов работы для дизайнера и разработчика
Чтобы описать дизайн-систему, расскажите о каждом элементе структуры. Объясните, для чего он нужен, где и как использовать.
UI-кит — набор элементов для разработки пользовательского интерфейса. В него входят кнопки, списки, иконки, таблицы, формы. А также правила использования цветов, эффектов, иллюстраций, шрифтов и их размеров.
записаться на курс или получить бесплатную консультацию
нажимая кнопку, я соглашаюсь с положением о персональных данных