X-moda — интернет-магазин одежды

X-moda предлагает своим покупателям евро­пей­ские бренды одежды и аксес­су­а­ров для мужчин, женщин и детей.

X-moda — крупный интернет-магазин для мультибрендингового холдинга, включающий в себя большое количество фильтров по категориям товаров, удобную корзину и довольно непростую по функционалу административную панель, позволяющую управлять подобным масштабным сайтом с простотой и удобством.

Цели проекта

  • сделать привлекательный, но неброский дизайн, реализовать удобные для клиентов фильтры и корзину;
  • создать удобный и простой интерфейс для администраторов, который поможет легко работать со сложной внутренней аналитикой.

Инструменты

Язык разметки HTML
CSS — каскадные таблицы стилей
Язык программирования Ruby
Фреймворк Ruby on Rails
PostgreSQL — объектно-реляционная СУБД
Библиотека React
Adobe Photoshop
Adobe Illustrator
Поисковая система ElasticSearch
СУБД Redis
Язык программирования JavaScript
Библиотека MobX
Библиотека MobX State Tree
Система сборки WebPack
Yarn
SASS

Простота дизайна

Яркий зелёный цвет, являющийся основой фирменного стиля компании, был выбран и для интернет-магазина. Основной уклон направлен на удобство usability, а яркости и привлекательности дизайну добавляют рекламные баннеры, оповещающие клиентов о скидках и акциях.

Главная страница

Каталог товаров

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

Карточка товара

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