Abr@X@bra.ru
Проект – Спецодежда-ЮГ. История создания
Проект – Спецодежда-ЮГ. История создания

Проект – Спецодежда-ЮГ. История создания

04.09.2017
79

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

Спецодежда-ЮГ – это интернет-магазин по продаже спецодежды как оптом, так и в розницу. Данный интернет-магазин успешно зарекомендовал себя на рынке. Но на старом сайте, не хватало современного функционала, дизайн морально устарел, сайт целиком требовал новой жизни во всем.

Руководство Спецодежда-ЮГ оставили заявку на нашем сайте - abraxabra.ru, с просьбой сделать полный фреш-ап интернет-магазина целиком. Наша команда с радостью решила помочь в данном вопросе.

ТЗ и прототипирование

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

Дизайн

Изначально в заполненном брифе, заказчик хотел целиком и полностью использовать как основной цвет для сайта в целом - рыжий или светло оранжевый. Но мы решили, предложить свой вариант цветового решения. За основной цвет на главной страницы взяли градиент-цветов, голубой и розовый. Это был чистой воды некий эксперимент)). Сделали два макета, в разных цветах. Первый как просил заказчик, второй - наш вариант. Было очень приятно, когда заказчик выбрал вариант номер два. Так как он выглядел свежо и современно.

Адаптивная верстка

Сайт сверстан по современным технологиям, в свой работе использовали - HTML5, SASS, Nunchucks html, Webpack, Gulp, Vue js. Отлично смотриться на всех мобильных и десктопных устройтсвах. В списке товара, разработали новый умный фильтр товаров, который расположили сверху, над списком товаров. Данный фильтр сделан на Vue js. А это значит, что он работает реактивно.

Данный проект, будет работать на CMS Битрикс. После того когда протестили работу данного фильтра уже на бекенде, товаров было загружено 32 000, скоростью его работы мы были поражены, он фильтровал все очень быстро. Что позволяет, выделиться среди других конкурентов.

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

Заказчик остался доволен конечным результатом, а это для нас, самая лучшая плата за всю проделанную работу.

Делайте то, что вы любите и любите то, что вы делаете!




Проект
Читайте также:
GreenSock для начинающих: учебное пособие по веб-анимации (часть 1)

GreenSock для начинающих: учебное пособие по веб-анимации (часть 1)

Моя цель в этой статье - дать вам подробное введение в GreenSock, также известную как GSAP (GreenSock Animation Plat...
Читать
CSS Grid, подробное руководство по гридам с примерами

CSS Grid, подробное руководство по гридам с примерами

Это руководство было создано как ресурс, который поможет вам лучше понять и изучить Grid CSS, и было организовано таким ...
Читать
5-минутный путеводитель для не-дизайнера

5-минутный путеводитель для не-дизайнера

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