![](/img/sneaker/logo.png)
Дизайн обувного
Интернет-магазина
![](/img/sneaker/mac.png)
О проекте
Мы создали интернет-магазин
Sneaker-street - официальный представитель таких марок, как Nike, Puma, Salomon, Adidas, Reebok, Acics. На данный момент сайт предлагает всегда оригинальный и эксклюзивный ассортимент модной обуви, которая практически не представлена в массовом доступе в России.
Фирменный стильСочетание контрастных основных цветов и дополнительных нейтральных оттенков делает дизайн сайта запоминающимся. Шрифты также подобраны на контрасте жирного и тонкого, большого кегля и маленького.
Roboto
ЗаголовкиMedium - 36 pxТекстRegular - 14 px
![](/img/sneaker/sneakers.png)
Задачи проектаСайт был разработан под ключ. В основе своей работы мы использовали Opencart. Информация о товарах подгружается из 1С. В связи с большим объемом задач была проделана тщательная работа для оптимизации скорости работы как самого сайта, так и процессов связанных с интеграцией:![](/img/sneaker/tasks_one.png)
![](/img/sneaker/tasks_two.png)
![](/img/sneaker/tasks_tree.png)
![](/img/sneaker/tasks_one.png)
Интеграция с 1С;
![](/img/sneaker/tasks_two.png)
Изменение структуры каталога на этапе импорта для скорости работы;
![](/img/sneaker/tasks_tree.png)
Собственная система фильтрации для скорости работы;
и другое...
ДизайнИнтерфейс Главной страницы
Данная страница является главной для покупателей, поэтому здесь представлена информацию по нескольким основным блокам: яркие красочные баннеры, меню подразделов сайта, новинки, бренды, скидочные товары и блог.
![](/img/sneaker/tablet_b_five.png)
![](/img/sneaker/tablet_b_five_two.png)
![](/img/sneaker/b_six_mob.png)
Для мобильных
![](/img/sneaker/b_six_tablet.png)
Для планшетов
БаннерыБаннеры на сайте состоят из двух блоков: тематической картинки и контентной части, рассказывающей об акции или товаре, и собираются как конструктор, что подходит для решения разных задач.
![](/img/sneaker/b_six_pc.png)
Для десктопа
Каталог товаровФильтры для сортировки товаров упрощают выбор - полезная функция для тех, кто ищет не конкретную модель обуви, а, например, мужские кроссовки.
![](/img/sneaker/catalog_one.png)
![](/img/sneaker/catalog_two.png)
![](/img/sneaker/catalog_tree.png)
![](/img/sneaker/catalog_four.png)
![](/img/sneaker/catalog_five.png)
![](/img/sneaker/catalog_six.png)
ИнтерактивВесь сайт построен на единой структуре контентных блоков и простой анимации для пользователя. Такое решение позволяет в будущем легко представлять на сайте любой товар в зависимости от потребностей заказчика.
![](/img/sneaker/macbook.png)
![](/img/sneaker/page.png)
![](/img/sneaker/phone.png)
![](/img/sneaker/product.png)
![](/img/sneaker/right_hl.png)
![](/img/sneaker/left_hl.png)
Адаптивная версияСайт адаптируется ко всем видам устройств: монитору компьютера, планшету и телефону, используя принципы сетки и системы карточек.
Онлайн-чат позволяет службе поддержки оперативно консультировать посетителей и помогает ориентироваться в широком ассортименте.
![](/img/sneaker/phone.png)
![](/img/sneaker/krossovki.png)
![](/img/sneaker/right_hl.png)
![](/img/sneaker/left_hl.png)
![](/img/sneaker/b_eight_cart.png)
![](/img/sneaker/b_eight_cart_two.png)
![](/img/sneaker/phone.png)
![](/img/sneaker/bookmarks.png)
![](/img/sneaker/right_hl.png)
![](/img/sneaker/left_hl.png)
![](/img/sneaker/b_eight_cart_tree.png)
![](/img/sneaker/phone.png)
![](/img/sneaker/article.png)
![](/img/sneaker/right_hl.png)
![](/img/sneaker/left_hl.png)
Асинхронная подгрузка дополнительных изображений в списке товаров позволяет ознакомиться с внешним видом продукции, не замедляя загрузку страницы.