Лендинг для записи на вебинар
Исходные данные:
1. Цель сайта: сбор заявок на вебинар;
2. Основные блоки:
- главный экран;
- о мастер-классе;
- для кого мастер-класс;
- о спикере;
- УТП: бонус;
- форма захвата.
3. Требуемая функциональность: сбор данных формы в базу, анимация
4. Какой контент в наличии: фото, тексты.
Сделано:
1. Макет из блоков в Figma
2. Сборка лендинга на стандартных блоках в Tilda (отличия обусловлены возможностями конструктора, согласовываются с заказчиком)
3. Добавлена стандартная анимация
4. Присоединены таблица, e-mail и Telegram и для сборки данных с формы.
Страница для записи в онлайн-клуб
Исходные данные:
1. Цель сайта: продажа мест для занятий прикладной кинезиологией в онлайн-формате, информация о школе, обработка возражений
2. Основные блоки:
- главный экран;
- описание проблемы;
- вариант решения;
- о формате клуба;
- о спикере;
- суть методики
- социальные доказательства;
- противопоказания;
- тарифы;
- бонусы;
- ответы на часто задаваемые вопросы и обработка возражений.
3. Требуемая функциональность: сбор данных формы в базу, по нажатию на покупку тарифа - переход на страницу заказа
4. Какой контент в наличии: дипломы, отзывы, несколько фото автора
Сделано:
1. Анализ имеющейся информации, просмотр эфиров автора для уточнения какой контент необходим
2. Написание всех текстов
3. Подбор картинок
4. Сборка лендинга на стандартных блоках в Tilda
5. Тарифы ссылаются на формы заказа.
Главный экран языковой школы
На основании макета несколько предложений главного экрана.
Создано в учебных целях.
Главный экран экскурсионного тура
На основании макета несколько предложений главного экрана.
Продолжили работать с первым предложенным макетом — в следующей вкладке.
Страница экскурсионного тура
После выбора главного экрана начинается отрисовка следующих блоков. На выбор предлагается несколько вариантов.
В этой работе был выбран первый вариант — продолжение на работы в следующей вкладке.
Сайт для тур.фирмы и лендинг про Домбай
Исходные данные:1. Цель сайта: сбор группы в тур на Домбай;
2. Основные блоки:
- главный экран;
- информация про Домбай;
- отправление;
- программа тура;
- цены, размещение, что входит в стоимость, а что нет;
- форма захвата.
3. Требуемая функциональность: сбор данных формы в базу
4. Какой контент в наличии: тексты
Сделано:1. Макет главного экрана и отрисовка нескольких вариантов в Figma
2. Уточнение концепта: отрисовка двух вариантов нескольких блоков страницы в Figma
3. Полная отрисовка макета в Figma
4. Перенос дизайна в Tilda
5. Внесение изменений в дизайн готовой страницы
6. Создание дополнительных страниц для доведения до полноценного многостраничного сайта (в учебных целях)
-
главная страница сайта-
тур в Домбай-
о компании-
страница услуги-
интернет-магазин Сайт для фирмы, торгующей и обслуживающей пластиковые окна
Исходные данные:1. Цель сайта: небольшой сайт компании с описанием услуг и интернет-магазином для заказа профилей
2. Основные блоки:
- главный экран;
- преимущества;
- цены (+страница, где можно заказать профили и фурнитуру с карточками товаров);
- услуги (+страницы для каждой услуги отдельно);
- форма захвата (для вызова замерщика)
3. Требуемая функциональность: сбор данных формы в базу, два варианта главного экрана - с анимацией и без нее
4. Какой контент в наличии: тексты
Сделано:1. Сборка сайта на стандартных блоках Tilda
2. Создание главного экрана на нестандартных блоках и добавление анимации
3. Добавление интернет-магазина и карточек товаров для заказа
4. Подключение корзины
5. Подключение формы к базе данных и рассылка заявок на почту и в мессенджер
Результат:
главная страница сайта