Голосов: 0
#1
Научитесь создавать сайты, без знания кода
2-х месячный онлайн-курс c персональным куратором, на котором вы научитесь создавать адаптивные, крафтовые сайты со сложными анимациями, прокачаете дизайн и начнёте хорошо зарабатывать на этом
Примеры сайтов на Webflow
Зачем всё это?
Дизайнеры открывают огромное пространство для дизайна: анимации, интерактивность, адаптивность
Студии запускают сайты за день. Не нужно ждать, пока дизайнер или менеджер договорятся с разработчиком. Также вносить правки очень просто, даже без дизайнера и разработчика
Маркетинговые агентства быстро тестируют гипотезы и легко вносят изменения в сайты благодаря CMS
Заказчик получает качественный сайт быстрее, правки вносятся мгновенно. После сдачи сайта, его легко поддерживать и дорабатывать
Кто я и зачем создал курс
Меня зовут Иван Майоров. Более 10 лет занимаюсь дизайном. Набил много шишек, но до сих пор считаю ремесло дизайнера крутым и увлекательным. Хочу чтобы как можно больше людей могли творчески реализовать себя и зарабатывать на этом без привязки к офису.
Я потратил 4 года на изучение и практику создания сайтов в Webflow. Теперь собрал свой опыт в курс, чтобы передать его за 2 месяца. Конечно, так быстро невозможно всему научиться, но можно избежать большинства ошибок, чтобы не терять время, нервы и деньги.
Пакет "Гуру"
Основы webflow
- Обзор Webflow. Основы создания сайтов: блочная модель, как сделать правильную структуру, как работать с классами, стандартные виджеты.
- Мастер-класс по созданию сайта. Объяснение процесса вёрстки с комментариями на примере простого сайта
- Адаптивная и отзывчивая вёрстка
- Основы создания анимаций в Webflow
- Обучающая игра по Flexbox. 28 уровней, пройдя которые вы научитесь верстать почти любые сложные блоки
- Как сравнивать вёрстку с дизайном, чтобы добиться pixel perfect
- Подготовка изображений для оптимизации скорости загрузки сайта и retina-экранов
- Как собрать лендинг за 3 часа с помощью функции копипаста
- Как правильно подготавливать и добавлять видео в Webflow
Блок по анимациям
Квиз
- Как проектировать приятные глазу анимации и создавать вау-эффект
- Делаем дизайн лаконичным и профессиональным, благодаря интеракциям
- Как один раз настроить анимацию и применить её на всех страницах сайта
- Как оживить сайт за 10 минут с помощью заготовок анимаций
- Анимации относительно движений мыши
- Как сделать анимации адаптивными
- Анимированные переходы между страницами. Анимации во время загрузки страницы
- Анимации наведения, меню и иконки бургера
- Прилипающие блоки (sticky). Добавляют сайту изюминку и улучшают пользовательский опыт
- Сложные, многошаговые анимации. Параллакс
- Плавная смена цвета фона при скролле
- 3d-карточки как у Apple
Подключение плагинов и базовый JS
- Трендовый инструмент маркетинга, который позволяет добиться конверсии до 30%. Стоимость разработки квиза от 20к до 50к. Вы научитесь создавать такие квизы с помощью webflow за день
Стабильные деньги на вёрстке
- Плагин для создания мультилендинга
- Два плагина слайдеров, которые можно гибко настроить под свои задачи
- Плагин для сортировки и фильтрации блоков
- Плагины для модальных окон и показа сообщений пользователю, когда он пытается уйти с сайта. Позволяет увеличить конверсию до двух раз
- Постраничная прокрутка сайта. Настроим плагин и адаптацию
- Изучим базовые функции jQuery
Шаблоны, лайвхаки для оптимизации работы
- Загружаем сайт на свой хостинг. Подключаем простую cms textolite и передаём управление сайтом заказчику
- Подключаем Яндекс метрику, Google Аnalytics, добавляем цели и настраиваем собственный обработчик форм
- Сервис для покупки изображений со стоков по 20 рублей
- Настраиваем А/Б тесты, чтобы находить самые эффективные решения
- Как оценить вёрстку по времени
- Как и где найти постоянных заказчиков
- Ускоряем работу в webflow c помощью горячих клавиш
- Как использовать интерфейс webflow по максимуму
- Чеклист по запуску сайта, который поможет ничего не забыть
- Пример сметы и коммерческого предложения на разработку сайта
- Проект с готовым квизом, который вы можете использовать в своих проектах
Для просмотра содержимого вам необходимо зарегистрироваться!
Для просмотра содержимого вам необходимо зарегистрироваться!Для просмотра содержимого вам необходимо зарегистрироваться!
Последнее редактирование модератором:
Симпатии:
Это понравилось Jack
- Статус
- В этой теме нельзя размещать новые ответы.