Задача: перенести сайт (целевая страница), с uCoz конструктора сайтов на чистый HTML5/CSS3/JS, попутно оптимизировать, для перехода на нормальный хостинг.
Сайт пришлось переверстать с ноля. В качестве базы CSS взят Bootstrap 4.0, при помощи SASS, из него было вырезано все лишнее и оставлен только Flex, Modal и несколько других компонентов. Конечный CSS в несжатом виде имеет размер 22,4кб (после gzip 3,6кб). Основа JavaScript jQuery v3.3.1 и bootstrap.js с удалением лишних компонентов, минимизированный файл имеет размер 108,1кб (после gzip 35,6кб). Изображения были оптимизированы, основной background и favicon также были нарезаны под разные устройства, общий размер изображений удалось сократить с 1.3мб до 55,4кб. Также это коснулось шрифтов и иконок. Убраны неиспользуемые шрифты GoogleFont, а несколько векторных картинок используемых из FontAwesome, были заменены на библиотеку svg, общий размер шрифтов и иконок удалось сократить с 156кб до 26,6кб, а запросы с 8 до 3.
Итог удалось сократить время загрузки целевой страницы на более чем 90%. Для тестов использовался хостинг beget.com.
Демонстрация сайта:
Задача: создание целевой страницы для SMM компании по продвижению в Telergam.
Целевая страница выполнена в адаптивном дизайне, на новом Bootstrap 4.0 и прекрасно работает на всех платформах. За основу взята современная CMS October. Подключен платежный модуль от Free-Kassa.ru, с более чем 30 способами оплаты.
Демонстрация сайта:
Задача: создание бюджетного сайта в виде целевой страницы для компании по продаже спирта.
Целевая страница выполнена полностью в адаптивном дизайне, он прекрасно работает на всех платформах. По желанию заказчика были выбраны цвета, установлен слайдер и реализована форма обратной связи.
Демонстрация сайта:
Заказчиком была поставлена задача: сделать сайт-витрину, службы доставки пиццы и пасты, с возможностью заказа онлайн.
Была выбрана CMS PrestaShop версии 1.7. Сайт выполнен в адаптивном дизайне и прекрасно работает на всех платформах. Подключена служба SMS оповещения.
Демонстрация сайта:
Задача: создание бюджетного сайта в виде целевой страницы для диллера автоаксессуаров, по пожеланиям заказчика сайт должен быть в зеленых тонах, поэтому выбрана данная цветовая палитра:
Целевая страница выполнена полностью в адаптивном дизайне, он прекрасно работает на всех платформах. На ней была реализована форма заказа обратного звонка и подключена демонстрация сообщества социальной сети ВКонтакте.
Демонстрация сайта:
Задача: сделать сайт интернет-магазина женской одежды, создать бренд, логотип и цветовую схему. Была выбрана цветовая палитра:
Сайт выполнен полностью в адаптивном дизайне, работает на всех современных платформах, миниатюры в векторном формате SVG, реализовано перелистывание товаров легким касанием на мобильных устройствах, подгрузка изображений по мере их открытия, интуитивное меню с иконками на версии для ПК.
Заказчиком была поставлена задача: сделать сайт витрину кузнечной лавки, сайт должен был быть бело-зеленым, поэтому была выбрана данная цветовая палитра:
На выбор было предложено три макета сайта, два в светлых тонах и один в темном, выбор пал на макет представленный ниже. Сайт выполнен полностью в адаптивном дизайне, он прекрасно работает на всех платформах.
Демонстрация сайта:
Задача заключалась в создании целевой страницы для компании, занимающейся производством и установкой натяжных потолков. У них уже был логотип и рекламная атрибутика в ярко-красных и белых тонах, выбор пал на цветовую палитру представленную ниже:
Целевая страница или Landing Page, выполнена полностью в адаптивном дизайне, она прекрасно работает на всех платформах. Так же на ней была реализована форма заказа обратного звонка и подключена демонстрация сообщества "ВКонтакте".
Демонстрация сайта:
Адаптивный веб-дизайн или Responsive Web Design - это дизайн сайта или веб-страницы, обеспечивающий правильное отображение сайта на различных устройствах (персональные компьютеры, ноутбуки, планшеты, смартфоны), автоматически подстраивающийся под заданные размеры браузера. Главным преимуществом данного типа дизайна является универсальность сайта. Сайт, спроектированный таким образом, не нуждается в отдельных версиях для отдельных видов устройств.
Целевая страница или landing page - это веб-страница, построенная определенным образом. Ее основной задачей является: усиления эффективности рекламы, увеличение аудитории и побуждение к целевому действию. Она обычно содержит информацию о товаре или услуге. Из-за небольшого количества информации ее чаще всего не найти через поиск, переходы осуществляются из социальных сетей, email или SMS рассылок и рекламных кампаний в поисковиках.