Веб-дизайн с ИИ: сайты и приложения

Познакомьтесь с основами Data Science, узнайте о ключевых направлениях и областях применения. Вы изучите базовые термины и процессы, которые составляют основу работы с данными.

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

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

Figma

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

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

Behance, Figma, InVision

Мудборд и структура сайта, интерактивный прототип лендинга.

Рассмотрите примеры удачного и неудачного дизайна с точки зрения UI/UX, изучите основные принципы проектирования UI/UX-интерфейсов, узнаете, почему важно знать целевую аудиторию (ЦА) сайта перед разработкой продукта и прописывать Customer Journey Map (CJM) пути пользователя, научитесь исследовать ЦА и изучите, как цели сайта влияют на его структуру.

Описанная по Методу персон ЦА потенциального сайта, анализ и составление рекомендаций к существующему сайту с точки зрения UX/UI, визуализация пути клиента (CJM).

Познакомитесь с Tilda Publishing, поймете основы интерфейса программы и узнаете, как работать с библиотекой блоков, получите базовое понимание SEO-оптимизации сайта и узнаете, как настраивать связь с CRM-системами для получения заявок на продукт. Научитесь привлекать внимание пользователя через анимирование блоков, узнаете как подключить домен и опубликовать сайт, поймете, как отслеживать конверсионные действия и посещение сайта для формирования выводов и последующих доработок функциональности.

Tilda Publishing

Веб-сайт на платформе Tilda Publishing с разнообразными  типами контента и уникальным дизайном, маркетинговая Landing Page c лидогенерирующими эллементами. 

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

Figma, Adobe XD, InVision, мобильные платформы iOS и Android

Спроектированное мобильное приложение, интерактивный прототип мобильного приложения.

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

Figma, Shopify, WooCommerce, Magento

Создание макета интернет-магазина, интерактивный прототип интернет-магазина.

Познакомитесь с интерфейсами Adobe Photoshop и Adobe After Effects. Научитесь работать с 2D и 3D-изображениями, анимацией, видео и баннерами. Научитесь работать с текстовыми слоями и их стилизацией, оптимизировать изображения для интеграции на сайт, применять встроенные эффекты и фильтры. Научитесь проектировать графические элементы –– кнопки, иконки и другие элементы интерфейса, а также интегрировать звук в анимации, работать с векторной графикой и растровыми изображениями.

Adobe Photoshop, Adobe After Effects, Adobe Illustrator, Rectangle Tool, Lasso Tool, Magic Wand

Создание графика для реального клиента или собственного проекта, портрет или коллаж с использованием различных техник редактирования, обложка или баннер для социальных сетей, графика для веб-приложения или интернет-магазина (включая создание кнопок, логотипов и баннеров), анимационный ролик на 30–60 секунд на основе заданной темы или брифа, анимированный логотип или титры для видео.

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

Behance, Dribbble, Telegram

Портфолио на одной из платформ, канала или группы в Telegram для продвижения своего портфолио с базовой стратегией привлечения аудитории.

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

Trello, Asana, Upwork, Freelancer, Fiverr

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