• Everland

  • Everland

Everland Music

Международный Интернет-магазин по продаже музыки

Описание

Проект представляет собой музыкальный Интернет-магазин продающий по всему миру пластинки, CD и Digital-версии треков.

На нем представлены как современные музыкальные произведения, так и ретро.

О проекте

Проект реализован на CMS WordPress с использование плагина WooCommerce. Он интересен тем, что сайт заточен под быструю покупку и содержит в себе много направлений музыки.

Целевая аудитория

  • Целевой аудиторией данного проекта являются ценители музыки, особенно те, кому по душе приходят LP платины. Так как производится данный вид носителя не везде.

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

Site image

Everland

Задача проекта

Перед командой стояла задаче реализовать Интернет-магазин, которым легко и просто можно было бы пользоваться из любой точки мира. Для чего была поставлена возможность все цены товаров просматривать с разными валютами:

  • Американские доллары
  • Русские рубли
  • Японские йены
  • Фунты стерлинги
  • Китайские юани
  • Евро

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

Страница реализована по замыслу заказчика и не является стандартной.

На нее вынесено 9 фреймов в три ряда, внутри которых находятся большие блоки ведущие на основные разделы и мини-блоки ведущие на самые популярные товары.

В первом ряду блоков присутствуют ссылки на:

  • Специальные предложения

  • Текущие новости проекта

  • Основной каталог с музыкой, где представлен весь ассортимент

На 2 и 3 ряд фреймов вынесены самые популярные направления музыкив Интернет-магазине:

  • Фанк (Funk)
  • Соул (Soul)
  • Диско (Disco)
  • Джаз (Jazz)
  • Афро (Afro)
  • Психоделический фолк (Psych)

Навигационная панель

Она представляет собой Sticky header реализованный в цветовой гамме проекта, который всегда доступен по мере пролистывания страницы вниз.

В Header представлены все основные страницы и стили музыки. Также авторизация и регистрация личного кабинета и поиск по всей продукции Интернет-магазина с модулем корзины покупок.

Каталог пластинок

Каталог музыкальных произведений Everland Music в первоначальной форме имеет 5-колоночный перечень товаров с миниатюрами, заголовком, рейтингоми стоимостью.

Также реализован переключатель позволяющий при помощи Ajax видоизменять формат перечня товаров в горизонтальный список.

Реализована возможность менять количество выгружаемых миниатюрот 10 до 30.

Сортировку можно произвести по данным критериям:

  • По высокой стоимости

  • По низкой стоимости

  • Самые новые товары

  • Популярность

  • Рейтинг

Мобильная версия

Трафик с мобильных устройств для ниши по продаже музыкальных произведений составляет 65%-70% от общего количества. При разработке данного проектав обязательном порядке, как и в других проектах была выполнена полная мобильная адаптивность для беспрепятственного совершения покупок, какс смартфона, так и с планшета.

  • everland
  • everland
  • everland
  • everland
  • everland
  • everland

Карточка товара и переключатель товаров

Товары выставленные в Интернет-магазине Everland Music имеющие несколько изображений позволяют производить просмотр через слайдер. Для того, чтобы детально просматривать обложки альбомов предусмотрена лупа.

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

Товары на Everland Music вариативны, что позволяет выбрать произведениев следующий форматах:

  • Digital (электронная версия)

  • LP (на пластинке)

  • CD-диск

Также в "ALBUM DESCRIPTION" реализована возможность добавления внешнего модуля bandcamp для проигрывания демо- или полной версии музыкального трека.

Страница избранных пластинок

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

Everland

Корзина, чекаут и оформление заказов

Набор товаров происходит через "Add to basket". Оплату можно произвести через PayPal сразу после выбора необходимого количества товаров через PayPal не переходя в чекаут.

При наведении на изображении корзины в Header появляется мини-корзина, которая показывает весь набор выбранных товаров и позволяет перейти в чекаут.

  • первая колонка - это детали платежа, где пользователь указывает всю информацию необходимую для его осуществления

  • вторая колонка - это обзор заказа, где отображены все выбранные товары,их количество и итоговая сумма.

  • третья колонка - это методы оплаты. Пользователю предоставляется выбор между PayPal и платежным шлюзом оплатой картой VISA, MasterCard или American Express.

Everland
Everland
Everland

Модуль выбора валюты

Данный инструмент адаптирован под все модули на сайте, включая любой шаблон каталога Интернет-магазина, корзину или чекаут. Это позволяет продемонстрировать актуальную стоимость того или иного товара в выбранной валюте.

Everland

Музыкальные тэги

На сайте в системе магазина присутствует 45 категорий отображающие музыкальные стили. Они присутствуют в разделе EXPLORE, в футере и появляются в попап окне.

Everland
Everland

Добавление новых стилей музыки и их редактирование реализуется через админ-панель.

Подвал сайта

Подвал сайт реализован с учетом фирменной айдентики Интернет-магазина. Где присутствует модуль подписки, позволяющий получать в последствии на почту уникальные предложения от магазина. Также в подвале присутствуют 4 тематических блока:

Everland
Everland

Стили сайта

  • #71280E
  • #603729
  • #333333
  • #B4B4B4
  • #FFFFFF

Элементы сайта

Everland
Everland

Типографика

  • Заголовки и строчный набор

    Open Sans

    • Aa
    • Bb
    • Cc
    • Dd
    • Ee
    • Ff
    • Gg
    • Hh
    • Ii
    • Jj
    • Kk
    • Ll
    • Mm
    • Nn
    • Oo
    • Pp
    • Qq
    • Rr
    • Ss
    • Tt
    • Uu
    • Vv
    • Ww
    • Xx
    • Yy
    • Zz

Мы готовы взяться за проект
любой сложности

Мы готовы обсудить ваш проект, создать стратегию реализации сайта и сформировать индивидуальное предложение. У вас есть вопросы? Просто оставьте заявку на сайте и мы свяжемся с вами в ближайшее время.

Получить консультацию Наше портфолио

Наши последние работы

Если у Вас появится желание с нами работать, мы всегда рады помочь и ответить на Ваши вопросы.