Портфолио

В портфолио мы собрали некоторые последние работы.

Интернет-магазин металлоизделий сделан с помощью CMF Drupal 7 + Ubercart 3. Сайт имеет многоуровневый каталог, корзину, форму оформления заказа и калькулятор расчета стоимости зиделий в зависимости от ряда параметров (толщина, ширина, длина, профиль и т.д.).

Промо-страница (лендинг) для Курсов бариста сделана на html + Bootstrap 4 + JavaScript.

Промо-страница строительной фирмы реализована с помощью инструментов: Wordpress, Bootstrap 4, анимация JavaScript и HTML 5. Есть сложная форма заказа с множественными полями выбора, можно выбрать варианты из более чем 400 опций, после чего отправить заказ менеджеру сайта.

Интернет-магазин одежды содержит многоуровневый каталог одежды с фильтром по нескольким параметрам (размер, бренд, категория, сезон, диапазон цен). Есть возможность отслеживать остатки на складе. На сайте интернет-магазина одежды реализована интеграция со службой доставки, встроена возможность выбрать на карте пункт выдачи заказа с описанием и адресом, подключена платежная система для оплаты картой на сайте.

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

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

На главной странице интернет-магазина товаров из Японии присутствуют анимированные элементы: при скроллинге из-за границы экрана плавно выезжают информационные блоки, картинки при наведении увеличиваются. В верхней части сайта реализован блок с обновляющейся информацией о температуре в Токио и Сеуле. Интернет-магазин содержит все необходимые для работы элементы: каталог товаров, фильтр товаров по свойствам, страница товара, корзины, оформление заказа, страницы справочной информации и контакты.

Сайт для строительной фирмы был сделан в рамках технического задания, по которому сайт надо было сделать быстро и недорого, чтобы было всё необходимое и ничего лишнего, при этом выглядеть сайт должен достойно. Для сайта разработан и свёрстан оригинальный блок "Наши услуги", области услуг при наведении плавно увеличиваются (используется свойство css3 transition), есть галерея "Образцы работ" (сделана с помощью jQuery, библиотеки JavaScript), была проведена работа по подбору фотографий и корректировке текстов. Дизайн адаптивный, контент хорошо воспринимается на мобильных устройствах, планшетах и декстопах.

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

В техническом задании по созданию сайта для фирмы пластиковых окон особое внимание уделялось внешнему виду, который должен соответствовать цветовой гамме форменного стиля группы компаний, но при этом сохранить оригинальность. На сайте использованы плавные переходы с затемнением между различными элементами в конфигураторах, где можно выбрать цвет рамы окна или переходить по подразделам, всплывающие элементы и вкладки. В основном это типовые решения JavaScript, которые были доработаны и изменены под конкретные требования ТЗ. Адаптивный дизайн позволяет без затруднений просматривать контент на смартфоне или планшете.

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

Сайт для студии загара. Инструменты: Drupal 8 + Bootstrap 3.