Сильный сайт техспеца — Красиво, чётко, по делу
Создай сайт, который показывает твои профессиональные навыки, вызывает доверие и приводит клиентов.
На мастер-классе мы разберем посадочную со сложной версткой: структура, оффер, анимации и интерактив.
Для технических специалистов, которые хотят выйти на новый уровень и брать высокооплачиваемые проекты.
Разберём реальный проект с насыщенным UI, нестандартной логикой и эффектами.
Подойдёт для тех, кто уже верстал простые страницы и хочет прокачаться в «тяжёлой артиллерии».
Как выглядит сайт
Формат мастер-класса
Каждый урок этого МК будет посвящен отдельному блоку на посадочной.
В уроке имеется разбор блока + запись верстки данного блока со всеми нюансами.
Для тарифа “Я проработаю” в уроках находятся коды импорта блока.
Программа обучения
Урок 1
Разбираемся в макете и подготавливаем к верстке
В доль и поперек изучим макет посадочной страницы. Разберемся что мы будет делать графикой, что версткой, а что гибридной моделью.
Урок 2
Разбираем главный экран сайта
В этом блоке реализованы практически все самые сложные варианты визуала, поэтому начинать будем сразу с тяжелой артилерии.
Урок 3
Разбираем блок информации о специалисте
По сравнению с предыдущим блоком, этот выглядит проще, но это только кажется, на само деле здесь очень много подводных камней, изучим их все!
Урок 4
Разбираем блок с портфолио специалиста
Что же, это не так круто как главный экран, но именно то в чем нуждается любой спец который хочет показать, что он не только языком молоть умеет, но и ручками работать.
Урок 5
Разбираем блок основных услуг
Наверно самый простой блок из макета, но не менее важный! Тоже по нему пройдемся и рассмотрим нюансики.
Урок 6
Разбираем блок с отзывами
Как же успешный специалист может обойтись без качественных отзывово? Правильно - никак! Разбираемся как сделать блок с отзывами на сайте.
Урок 7
Разбираем блок дополнительных услуг
Почти на заврешении сайта нас встречает уникальный и интересный блок с которым надо будет повоевать, применить парочку условностей, но все же реализовать, ровно так как и задумано.
Урок 8
Разбираем форму заявки и подвал сайта
И финалочка, практически сразу три блока - форма, контакты и подвал, но для простоты объеденим все это в единый урок.
Автор мастер-класса
Уже больше 13 лет я занимаюсь версткой и дизайном, и последние 5 лет плотно работаю с онлайн-школами — оформляю страницы, создаю виджеты, продумываю архитектуру и довожу проекты до состояния «вау».
Был ведущим дизайнером в ALIOT — студии №1 по оформлению на GetCourse, оформил больше 150+ проектов, включая топовые школы из рейтинга GC.
Мой фокус — помочь тем, кто делает руками: верстальщикам, дизайнерам, техспецам, продюсерам. Я знаю, как сложно заявить о себе, если ты не любишь «продавать» и не хочешь кричать на каждом углу. Поэтому я учу другому подходу — упаковывать себя через сильный визуал, структуру, аккуратную верстку и продуманные детали.
Тарифы
- Ссылка на проект Figma с дизайном
- Запись верстки сайта
- Полный разбор каждого блока сайта в видео формате
- Коды импорта готового сайта
- Ссылка на проект Figma с дизайном
- Запись верстки сайта
- Полный разбор каждого блока сайта в видео формате
- Коды импорта готового сайта
Возник вопрос?
Можешь задать его через форму обратной связи
