Создание лендинг-страниц

Автор курса
Лаврова Анна
22 урока
727 минут
98% пользователей рекомендуют
Создайте дизайн лендинга с помощью Figma и презентуйте проект на Behance
О курсе
В этом курсе вы узнаете, что такое лендинг-страница, и как с помощью Figma создать готовый к передаче в верстку макет лендинга. Наша преподавательница Анна расскажет, как презентовать и оформить в портфолио свой дизайн-проект.
Рекомендуем пройти другой курс Анны — «Figma для новичков».
Только самые важные аспекты
Начинающие узнают больше о профессии UX/UI-дизайнера.
Опытные дизайнеры научатся масштабировать свои навыки
Создадите выразительные работы
Мы с уверенностью говорим, что для успешного начала работы в графическом дизайне необходимо получить только минимально необходимый набор знаний, который собран в этом курсе
Программа и
результаты работ с курса
Программа
и результаты работ с курса
Понятие и структура лендинг-страницы
Мудборд
Создание лендинг-страницы
Адаптация для мобильной версии
Оформление проекта
Практическая часть / Создание лендинг-страниц
1-3. Главный экран/Меню
Приступаем к работе по созданию посадочной страницы, начинаем с панели меню. Разрабатываем кнопку call to action, добавляем транст символы.
4-5. Создание блоков с объектами
Оформляем блок с объектами. Создаем блок "наши клиенты", оформляем форму захвата, контакты. Оформляем подвал нашей посадочной страницы и завершаем работу.
1. Понятие и структура лендинг-страницы
Поговорим о том, что такое landing page, зачем она нужна и разберем основные блоки интерфейса.
2. Разбор примера
Разберем пример посадочной страницы и рассмотрим ее основные блоки.
Программа курса
Теоретическая часть
3. Мудборд
Поговорим о том, где брать вдохновение и идеи для посадочной страницы, как сформулировать визуальную концепцию. Разберем, где брать бесплатные шрифты, какие лучше выбрать.
6. Оформление подвала
Оформляем подвал нашей посадочной страницы и завершаем работу.
Практическая часть / Оформление проекта
1-3. Создание слайда с дизайн системой
Приступаем к оформлению нашего проекта на Behance, создаем главный слайд. Создаем десктопный мокап.
4-5. Работа с мокапами мобильной версии
6. Выгрузка проекта на behance
Переходим к следующему слайду и формируем основной макет сайта. Размещаем мокапы для мобильной версии сайта.
Загружаем подготовленный нами проект на платформу и оформляем.
Практическая часть / Адаптация для мобильной версии
1-3. Адаптация шапки главной страницы
Поговорим о различных видах адаптации сайта для разных устройств и приступим к адаптированию нашей посадочной страницы.
4-6. Адаптация блока call to action
Компонуем блок с логотипами клиентов. Переходим к блоку с избранными объектами.
7-9. Оформление элементов в ui kit
Оформляем все элементы в библиотеку дизайна для передачи в разработку. Создаем вариант раскрытия бургерного меню.
от 3 590₽
Сертификат
о прохождении
Условия получения сертификата:
- успешно завершить все задания и проекты, предусмотренные курсом
- присутствовать на всех занятиях
Количество часов обучения и содержание курса соответствуют стандартам масляной живописи. Сертификат будет выдан по окончании курса
О преподавателе
Лаврова Анна
Преподавательница класса графического дизайна

Стаж работы более 5 лет

Проектировщик интерфейсов и UX/UI-дизайнер с пятилетним опытом работы в IT. Работала с проектами в крипто-индустрии, участвовала в запусках продуктовых стартапов, занималась проектированием приложений для мобильных и создала множество лендингов и корпоративных сайтов.
Тарифы
VIP
9 990₽ / навсегда
Теоретическая часть
Практическая часть
Обратная связь от преподавателя
Ответы на вопросы
Сертификат о прохождении курса
22 урока
Продвинутый
9 590₽ / 12 месяца
8 990₽ / 12 месяца
Теоретическая часть
Практическая часть
Обратная связь от преподавателя
Ответы на вопросы
Сертификат о прохождении курса
22 урока
Стандарт
6 190₽ / 6 месяца
5 590₽ / 6 месяца
Теоретическая часть
Практическая часть
Обратная связь от преподавателя
Ответы на вопросы
Сертификат о прохождении курса
22 урока
Минимум
4 590₽ / 3 месяца
3 590₽ / 3 месяца
Теоретическая часть
Практическая часть
Обратная связь от преподавателя
Ответы на вопросы
Сертификат о прохождении курса
22 урока
Материалы для прохождения
Для работы в онлайн версии вам всего нужна свежая версия браузера.
Если же вы используете desktop версию, то авторы пишут только о требованиях к видеокарте:
  • Intel HD Graphics 4000 (or later).
  • Nvidia 330m (or later).
  • ATI Radeon HD 4850 (or later).

Данные видеокарты являются относительно устаревшими поэтому в большинстве случаев вы сможете установить Figma на свой компьютер.
Другие курсы
Хвост кита
Никулина О.
Пастельные горы
Кравель Н.
Бонус 10 ступень
Алябьева В.
-33%
-33%
-33%
Курс по созданию изделия из керамики
Создание горного пейзажа в технике масляной пастели
Разностороннее развитие
Подробнее
Подробнее
Подробнее
2 590₽
1 990₽
2 590₽
1 990₽
2 590₽
1 990₽
Made on
Tilda