Front-end: верстка, дизайн, разработка / Anna Khlystova — spiritius.net
← index

Front-end

Привет, я Аня. Люблю верстать (и иногда собирать) адаптивные сайты, приложения и отдельные элементы. Начинала еще с таблиц (теперь они нужны только в рассылках) и помню верстку под IE6. В наличии умеренный перфекционизм и чувство прекрасного.

Навыки: html5, css3, sass(scss)/less/stylus, BEM, Bootstrap, javascript, jQuery, jade/pug, gulp(prepros), react (junior), git.

Работа с CMS: Modx Revo, WordPress

Контакты: telegram + email

Vitappio

Сайт-одностраничник для программно-аппаратного комплекса длительного мониторинга ЭКГ Vitappio.

Дизайн сайта: Figma + Photoshop.

Верстка: сетка Bootstrap 4, pug, scss, jQuery, сторонние библиотеки валидации форм, Fancybox, слайдер Slick.

Пример: основная страница.

https://vitappio.com

Медицинские тесты NADAL

Сайт-магазин медицинских тестов на ранее выявление рака.

Разработка дизайна: Figma + Photoshop + Illustrator.

Верстка: сетка Bootstrap 4, pug, scss, jQuery, svg-спрайт, сторонние библиотеки валидации форм.

Примеры страниц: главная, страница продукта.

AVL • store

Интернет-магазин по продаже мобильных устройств, запчастей и аксессуаров к ним.

Дизайн сайта: Figma.

В верстке использовались: сетка Bootstrap 4, pug, scss, jQuery, сторонние библиотеки валидации форм, слайдер Slick, Fancybox3,.

Примеры страниц: главная, каталог, страница товара с уценкой, оформление товара, контакты.

 

Сайт аналитика Андрея Пянзина

Личный сайт/блог/портфолио Андрея Пянзина.

Использовались: сетка Bootstrap 4, pug, scss, jQuery, сторонние библиотеки валидации форм.

После верстки сайт собирался на WordPress.

Примеры страниц: главная, страница проекта (портфолио), страница блога.

http://pyanzin.com/

АБК · Фасад

Интернет-магазин строительных материалов.

В верстке использовалась сетка Bootstrap 4, pug, scss, jQuery, сторонние библиотеки: слайдер Slick, валидация форм, FancyBox.

Примеры страниц: главная, каталог, страница товара, оформление заказа (в 4 шага).

https://abk-fasad.ru/

Art · Insure — Искусство страхования

Небольшой сайт и личный кабинет для страхования выставочных экспонатов.

В верстке использовалась сетка Bootstrap 4, pug, scss, jQuery, сторонние библиотеки: Ion.RangeSlider, inputMask, jQuery Validation Plugin, Slick, Tempus Dominus Bootstrap4.

Примеры страниц: главная, страница страхования временных выставок, личный кабинет.

https://artinsure.ru/

DocsTalks

Сервис автоматизации ввода данных из документов: загружаете сканы документов в личном кабинете и получите оцифрованные данные для дальнейшей работы.

В верстке использовалась сетка Bootstrap 4, pug, scss, jQuery, сторонние библиотеки валидации форм и полей ввода телефонных номеров.

Примеры: главная, кабинет.

Prostor

Лендинг для склада индивидуального хранения для физических и юридических лиц Prostor.

В верстке использовалась сетка Bootstrap 4, pug, scss, jQuery, сторонние библиотеки слайдер Slick, виджет календаря Tempus Dominus Bootstrap4, inputMask, анимация текста typed.js.

Примеры: главная.

http://prostor-sklad.ru/

Ковен «Южные ночи»

Сайт и интернет-магазин магических и мистических товаров.

В верстке использовалась сетка Bootstrap 4, pug, scss, jQuery, сторонние библиотеки Fancybox и Slick. Использовались SVG-маски для изображений сложной формы.

После верстки сайт собирался на WordPress + WooCommerce.

Примеры страниц: главная, список курсов, страница курса.

http://rus-magic.ru/

Ковен «Южные ночи»
Ковен «Южные ночи», внутренняя страница
Автосервис

Разработка лендинга для СТО в небольшом районном центре с нуля: выбивание скудной информации из заказчика, дизайн, согласование, верстка и дальнейшая поддержка.

Использовались: сетка от Bootstrap 4, lazyload.js, sass, pug, gulp.

https://miha123.ru

Первый экран лендинга

last update: june 2020