Губина Евгения
О СПИКЕРЕ
Веб-дизайнер, стаж 3 года
Автор курса:
Создание сайтов на платформе Тильда для личного бренда
МАСТЕР-КЛАСС:
Как создать сайт
с нуля без навыков
программирования
ЦЕЛЬ: тестирование новых ниш и продажа отдельных товаров/услуг
Одностраничный сайт или Landing Page
(для малого и среднего бизнеса)
Вывод: сконцентрирован на одном виде товара/услуги
(1 товар - 1 призыв к действию)
Выбор сайта в соответствии с целью бизнеса
ЦЕЛЬ: развитии бизнеса и репутация компании
Многостраничный сайт
(для средних и крупных компаний)
Вывод: информативность, большой функционал и содержание; несколько страниц
ЦЕЛЬ: продажа большого объема продукции
Интернет-магазин
(для компаний с большой номенклатурой товара)
Вывод: может иметь одну или несколько страниц, главное отличие имеется корзина для заказа товара.
Примеры лендингов:
canada-park.ru
koto-nyanya.tilda.ws
surfbrothers.ru
Примеры многостраничных сайтов:
gazprombank.ru
sberbank.com/
gazprom.ru
Примеры интернет-магазинов:
ozon.ru
wildberries.ru
aliexpress.ru
  1. Одна страница
  2. Информация сжатая и только по теме
  3. Навигация только внутри одной страницы
  4. Особая структура блоков
  5. Имеется блок целевого действия (заказать консультацию, купить и т.д)
  6. Высокая конверсия (призыв к действию к покупке)
Его отличия от сайта:
Что такое Landing Page?
  1. Любое количество страниц
  2. Для каждой темы может быть своя отдельная страница
  3. Навигация между разными разделами
  4. Блок для целевого действия может иметься только на спец.страницах
  5. Низкая конверсия (призыв к действию к покупке)
Его отличия от лендинга:
Что такое сайт?
И так ЛЕНДИНГ:
В отличие от сайта от лендинга требуется сделать что-то одно.
Сценарий: Пришел - Понял - Сделал
Нет кнопки - Нет лендинга
  1. Обложка
  2. О продукте/услуге/товаре
  3. Выгоды и преимущества
  4. Тарифы
  5. Отзывы и сертификаты
  6. Контакты
  7. Призыв к действию
Прототип состоит из нескольких блоков:
Структура сайта и создание его прототипа
Перед разработкой сайта необходимо сделать наброски, схемы, как будет выглядеть сайт - ПРОТОТИП
Разберём каждый блок лендинга:
Самые популярные сообщества для дизайнеров и разработчиков:
Развиваем вкус. Полезный контент по дизайну.
Прежде чем собирать сайт, необходимо собрать:
ТЕКСТ, КАРТИНКИ, ПРИМЕРЫ ПОНРАВИВШИХСЯ САЙТОВ
И СДЕЛАТЬ АНАЛИЗ КОНКУРЕНТОВ
90%
Основной цвет (чаще спокойный цвет;
если это не креативный сайт)
10%
Акцент на другой цвет
(может использоваться яркий)
ГДЕ БРАТЬ БЕСПЛАТНЫЕ КАРТИНКИ?
Пока мало опыта в веб-дизайне лучше проекты делать с 1 или 2 цветами. Иначе, чем больше цветов, тем сложнее сбалансировать.
ВАЖНО!
ГДЕ БРАТЬ БЕСПЛАТНЫЕ ИКОНКИ?
Регистрация на платформе Tilda
Партнерская ссылка на 1 месяц бесплатного пользования к оплаченному тарифу
СПАСИБО ЗА ВНИМАНИЕ!
Я в ВКонтакте
Я в Instagram