Ещё проект
Адаптивная вёрстка лендинга - летний лагерь Pride
Ещё проект
Лендинг под ключ, интеграция с Textolite
Продукты пчеловодства «Медовая ферма»
https://honey-farm.ru/Заснята отработка всех элементов сайта - лендинга по продаже продуктов пчеловодства.
Дата загрузки: 2020-08-06 00:00:00 +0500
О клиенте:
ООО «Медовая Ферма», занимается производством и продажей продуктов пчеловодства.
Задача:
Разработать лендинг по продаже мёда и других продуктов пчеловодства — сделать прототип (текст, структура), отрисовать дизайн, сверстать и интегрировать в вёрстку CMS Textolite.
Что сделано:
Разработка прототипа (структуры страницы): расположение элементов, тексты.
Наложение дизайна на прототип.
Вёрстка лендинга.
Интеграция в CMS TextoLite.
Инструменты:
Процесс
Прототипирование
Разработал прототип лендинга. Показал расположение всех элементов: тексты; изображения и т.д.
Дал пояснение по отработке будущих анимаций элементов.
Согласовал с заказчиком.
На первом развороте чёткий заголовок из которого сразу понятно, что продаётся на сайте. На фоне подкрепляющая тематическая картинка. Чуть ниже заголовка обозначено преимущество.
После хедера показаны три преимущества продуктов компании.
На следующем развороте акция со скидкой и форма заявки. Ниже ещё несколько выгод компании и перечисление товаров.
Далее идёт галерея с изображениями продуктов. Ниже ещё несколько преимуществ компании.
Далее призыв к действию и отзывы клиентов.
На следующем развороте схема работы компании и сертификаты.
В подвале контактные данные и карта.
Дизайн
Для дизайна использовались оттенки продуктов пчеловодства — тихие, спокойные тона с ярким акцентным цветом.
Вёрстка по макету
Сайт верстался с применением сетки bootstrap. Из фреймворка подключалась только сетка, чтобы избежать избыточности кода.
Вёрстка кросс-браузерная и правильно работает во всех браузерах, полностью адаптивная и валидная, с применением семантических тегов.
Интерактив
В процессе работы реализованы простые интерактивные элементы, сопутствующие подобным лендингам, например: формы заказа и карта.
Анимация
На сайте сделаны мягкие, приятные для глаз анимации — в основном срабатывающие по наведению на элементы — ссылки и кнопки.
Интеграция в CMS TextoLite
Лендинг редактируется с помощью системы управления статическими сайтами Textolite.
Эта CMS ориентирована на небольшие сайты и идеально подходит для редактирования информации на лендинге.
К тому же у этой CMS на сайте подробная инструкция по использованию, поэтому мне не пришлось разрабатывать что-то дополнительно.
Выгрузка на хостинг
После того как всё было настроено и протестировано на локальном сервере — произвёл выгрузку проекта на хостинг клиента.
Результат
- Посмотреть работу сайта: перейти
Затрачено времени:
10 дней
Бюджет проекта:
Конфиденциально