Онлайн-магазин по продаже музыки
Описание
Проект представляет собой музыкальный Интернет-магазин продающий по всему миру пластинки, CD и Digital-версии треков.
На нем представлены как современные музыкальные произведения, так и ретро.
О проекте
Проект реализован на CMS WordPress с использование плагина WooCommerce. Он интересен тем, что сайт заточен под быструю покупку и содержит в себе много направлений музыки.
Целевая аудитория
Целевой аудиторией данного проекта являются ценители музыки, особенно те, кому по душе приходят LP платины. Так как производится данный вид носителя не везде.
Профессиональная аудитория, так или иначе, связанная с музыкой. Например, звукорежиссеры, которые работаю над созданием звуковых образов в кинематографии или шоу. Битмейкеры и контенмейкеры, которые работают в музыкальной индустрии и сами создают музыку, в поисках уникальных звуков.
Site image
Задача проекта
Перед командой стояла задаче реализовать Интернет-магазин, которым легко и просто можно было бы пользоваться из любой точки мира. Для чего была поставлена возможность все цены товаров просматривать с разными валютами:
- Американские доллары
- Русские рубли
- Японские йены
- Фунты стерлинги
- Китайские юани
- Евро
Главная страница
Страница реализована по замыслу заказчика и не является стандартной.
На нее вынесено 9 фреймов в три ряда, внутри которых находятся большие блоки ведущие на основные разделы и мини-блоки ведущие на самые популярные товары.
В первом ряду блоков присутствуют ссылки на:
Специальные предложения
Текущие новости проекта
Основной каталог с музыкой, где представлен весь ассортимент
На 2 и 3 ряд фреймов вынесены самые популярные направления музыкив Интернет-магазине:
- Фанк (Funk)
- Соул (Soul)
- Диско (Disco)
- Джаз (Jazz)
- Афро (Afro)
- Психоделический фолк (Psych)
Навигационная панель
Она представляет собой Sticky header реализованный в цветовой гамме проекта, который всегда доступен по мере пролистывания страницы вниз.
В Header представлены все основные страницы и стили музыки. Также авторизация и регистрация личного кабинета и поиск по всей продукции Интернет-магазина с модулем корзины покупок.
Каталог пластинок
Каталог музыкальных произведений Everland Music в первоначальной форме имеет 5-колоночный перечень товаров с миниатюрами, заголовком, рейтингоми стоимостью.
Также реализован переключатель позволяющий при помощи Ajax видоизменять формат перечня товаров в горизонтальный список.
Реализована возможность менять количество выгружаемых миниатюрот 10 до 30.
Сортировку можно произвести по данным критериям:
По высокой стоимости
По низкой стоимости
Самые новые товары
Популярность
Рейтинг
Мобильная версия
Трафик с мобильных устройств для ниши по продаже музыкальных произведений составляет 65%-70% от общего количества. При разработке данного проекта в обязательном порядке, как и в других проектах была выполнена полная мобильная адаптивность для беспрепятственного совершения покупок, как с смартфона, так и с планшета.
Карточка товара и переключатель товаров
Товары, выставленные в Интернет-магазине Everland Music, имеющие несколько изображений, позволяют производить просмотр через слайдер. Для того, чтобы детально просматривать обложки альбомов предусмотрена лупа.
Для быстрого просмотра альбомов и переключения между страницами карточек товаров реализованы переключатели влево-вправо, что упрощает навигацию.
Товары на Everland Music вариативны, что позволяет выбрать произведениев следующий форматах:
Digital (электронная версия)
LP (на пластинке)
CD-диск
Также в "ALBUM DESCRIPTION" реализована возможность добавления внешнего модуля bandcamp для проигрывания демо- или полной версии музыкального трека.
Страница избранных пластинок
Данный функционал предусмотрен для пользователей, которым необходимо сформировать отложенный список покупок, а также для возможности расшарить ряд товаров сразу другим пользователям.
Корзина, чекаут и оформление заказов
Набор товаров происходит через "Add to basket". Оплату можно произвести через PayPal сразу после выбора необходимого количества товаров через PayPal не переходя в чекаут.
При наведении на изображение корзины в Header появляется мини-корзина, которая показывает весь набор выбранных товаров и позволяет перейти в чекаут.
первая колонка - это детали платежа, где пользователь указывает всю информацию, необходимую для его осуществления
вторая колонка - это обзор заказа, где отображены все выбранные товары,их количество и итоговая сумма.
третья колонка - это методы оплаты. Пользователю предоставляется выбор между PayPal и платежным шлюзом оплатой картой VISA, MasterCard или American Express.
Модуль выбора валюты
Данный инструмент адаптирован под все модули на сайте, включая любой шаблон каталога Интернет-магазина, корзину или чекаут. Это позволяет продемонстрировать актуальную стоимость того или иного товара в выбранной валюте.
Музыкальные тэги
На сайте в системе магазина присутствует 45 категорий, отображающие музыкальные стили. Они присутствуют в разделе EXPLORE, в футере и появляются в попап окне.
Добавление новых стилей музыки и их редактирование реализуется через админ-панель.
Подвал сайта
Подвал сайт реализован с учетом фирменной айдентики Интернет-магазина. Где присутствует модуль подписки, позволяющий получать в последствии на почту уникальные предложения от магазина. Также в подвале присутствуют 4 тематических блока:
Стили сайта
-
#71280E
-
#603729
-
#333333
-
#B4B4B4
-
#FFFFFF
Элементы сайта
Типографика
-
Заголовки и строчный набор
Open Sans
- Aa
- Bb
- Cc
- Dd
- Ee
- Ff
- Gg
- Hh
- Ii
- Jj
- Kk
- Ll
- Mm
- Nn
- Oo
- Pp
- Rr
- Ss
- Tt
- Uu
- Vv
- Ww
- Xx
- Yy
- Zz
Наши последние работы по разработке сайтов
Если у вас появится желание с нами работать — заказать разработку сайта или приложение, мы всегда рады помочь и ответить на интересующие вас вопросы по разработке.