Задача: перенести сайт (целевая страница), с 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 оповещения.

Демонстрация сайта:

За два прошедших года рейтинг нашего сайта на сервисе PageSpeed Insights компании Google по позиции "скорость на мобильных устройствах" упал с 96 до 74, а по позиции "скорость на компьютерах" с 99 до 92, "оптимизация для мобильных устройств" оставалась на уровне в 100 из 100. Есть сведения, что данный рейтинг учитывается в поисковой выдаче, поэтому было принято решение оптимизировать сайт.

Задача: создание бюджетного сайта в виде целевой страницы для диллера автоаксессуаров, по пожеланиям заказчика сайт должен быть в зеленых тонах, поэтому выбрана данная цветовая палитра:

Целевая страница выполнена полностью в адаптивном дизайне, он прекрасно работает на всех платформах. На ней была реализована форма заказа обратного звонка и подключена демонстрация сообщества социальной сети ВКонтакте.

Демонстрация сайта:

Задача: сделать сайт интернет-магазина женской одежды, создать бренд, логотип и цветовую схему. Была выбрана цветовая палитра:

Сайт выполнен полностью в адаптивном дизайне, работает на всех современных платформах, миниатюры в векторном формате SVG, реализовано перелистывание товаров легким касанием на мобильных устройствах, подгрузка изображений по мере их открытия, интуитивное меню с иконками на версии для ПК.

Заказчиком была поставлена задача: сделать сайт витрину кузнечной лавки, сайт должен был быть бело-зеленым, поэтому была выбрана данная цветовая палитра:

На выбор было предложено три макета сайта, два в светлых тонах и один в темном, выбор пал на макет представленный ниже. Сайт выполнен полностью в адаптивном дизайне, он прекрасно работает на всех платформах.

Демонстрация сайта:

Задача заключалась в создании целевой страницы для компании, занимающейся производством и установкой натяжных потолков. У них уже был логотип и рекламная атрибутика в ярко-красных и белых тонах, выбор пал на цветовую палитру представленную ниже:

Целевая страница или Landing Page, выполнена полностью в адаптивном дизайне, она прекрасно работает на всех платформах. Так же на ней была реализована форма заказа обратного звонка и подключена демонстрация сообщества "ВКонтакте".

Демонстрация сайта: