Главное Авторские колонки Вакансии Образование
Выбор редакции:
3 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

Интернет-магазин бренда Zimaletto

Недавно были открыты первые физические магазины Zimaletto и запущена e-commerce площадка. Команда Ареал создала уникальный дизайн и разработала полноценный интернет-магазин за четыре месяца.
Мнение автора может не совпадать с мнением редакции

Zimaletto — новый бренд, который вырос из коллекций одежды Kuchenland Home и стал продолжением ценностей и эстетики компании.

Мы стремились к эффекту журнальных страниц, но при этом не хотели далеко уходить от классического интернет-магазина. Достичь уравновешенного сочетания помог контраст шрифтов — строгий гротеск, акцентная антиква, и динамическая сетка — элементы сайта меняют формы и объемы относительно блока. В купе они сохраняют привычную структуру и добавляют fashion-стилистики.

На главной странице вместо большого количества товара размещены подборки, модули с категориями и линиями одежды. Основное UX-решение — крупные, яркие образы, внимание к заголовкам и минималистичным карточкам товара.

Пользователи могут управлять видом каталога. Предусмотрено два варианта отображения карточек: «много» и «крупно». В первом варианте удобно быстро пробежаться по каталогу , во втором — детально остановится на каждом товаре.



Детальная карточка товара реализована нестандартно. При скролле фото основные характеристики остаются видны. Их детальное описание раскрывается в сайдпейдже.

Интернет-магазин адаптивен. Со смартфона доступен весь набор функций.


Технологии:

  • Frontend — Nuxt.js (Vue.js).
  • Backend — NestJS, Elasticsearch, PostgreSQL.
  • 1С-Битрикс — в качестве административной панели.

Настроена интеграция с 1С.

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.