Логотип

Landing Page партнерской программы для Instagram сервиса

Наша работа

Задача: создание целевой страницы партнерской программы для Instagram сервиса по дизайн-макету.

Верстка сайта партнерской программы выполнена в адаптивном дизайне, на Bootstrap 4, jquery-3.3.1, слайдер slick, она отлично работает на всех платформах, реализована анимация.

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

Читать далее >>

Верстка интерфейса веб-приложения для Instagram

Наша работа

Задача: верстка веб-приложения HTML/CSS(SASS)/JS.

Верстка веб-приложения выполнена, на Bootstrap 4.1, так же использованы библиотеки Slick, jquery-3.3.1, Chart.js, Selectize, Moment.js, Date Range Picker и другие. Веб-приложение отлично работает на всех платформах. Заказчиком был выбран довольно странный постраничный способ реализации, вместо написания css фреймворка. Некоторые страницы приложения были выполнены полностью с разработкой front-end JS скрипов.

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

Читать далее >>

Landing Page вебинара для Instagram сервиса

Наша работа

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

Целевая страница вебинара выполнена в адаптивном дизайне, на Bootstrap 4, jquery-3.3.1, прекрасно работает на всех платформах, реализован таймер обратного отсчета на JS и анимация.

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

Читать далее >>

Landing Page для Instagram сервиса по дизайн-макету

Наша работа

Задача: создание целевой страницы для Instagram сервиса по дизайн-макету.

Целевая страница выполнена в адаптивном дизайне, на Bootstrap 4.1, слайдере Slick, jquery-3.3.1 и прекрасно работает на всех платформах. Слайды меняются путем замены контента, во время смены проигрывается анимация.

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

Читать далее >>

Landing Page вебинара для Instagram сервиса

Наша работа

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

Целевая страница вебинара выполнена в адаптивном дизайне, на Bootstrap 4, jquery-3.3.1, прекрасно работает на всех платформах, реализован таймер обратного отсчета на JS.

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

Читать далее >>

Оптимизация и перенос сайта с uCoz конструктора сайтов

Наша работа

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

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

Читать далее >>

1