Интернет магазин Tapking.ru
Сайты / Онлайн каталоги / Интернет магазины / Веб-разработка / Подготовка технического задания / Проектирование сервисов / Программные решения для бизнеса / Фронт- и бэк-энд разработки / Программирование / JavaScript (ES5-8) / JS рефакторинг / Вёрстка (HTML+CSS) / Адаптивная вёрстка / PHP

2020

Задача: Перед нашей командой стояла задача создать с нуля цифровой каталог с удобной и понятной навигацией для быстрого поиска нужной модели в многотысячном каталоге музыкального оборудования и инструментов.
Tapking.ru - интернет магазин музыкального оборудования и инструментов, насчитывающим несколько тысяч позиций.
Необходимо было подготовить техническое задание на разработку портала, нарисовать карту сайта, придумать удобную структуру каталога и подготовить дизайн-макеты страниц. Установить систему управления контентом (CMS), включающую в себя: интерфейс для работы с каталогом товаров, складом, заказами, системой скидок, рейтингом товаров и пользователей. Реализовать интеграцию через API с сайтами поставщиков для автоматизированной проверки наличия товара у поставщика, обновления складских остатков и цен. В дальнейшем произвести интеграцию сайта с крупными российскими маркет-плейсами.
Главная страница сайта имеет лаконичную структуру, дающую пользователю понимание о тематике и содержании портала. На ней размещены ключевые информационные блоки для быстрой навигации по сайту: рекламный баннер, ссылки на основные разделы каталога, раздел производителей, новинки и хиты продаж, свежие публикации новостного раздела.
15 разделов каталога, содержащие около 200 подразделов, удобно скомпонованы в открывающемся меню. Иконки дают возможность быстро сориентироваться и найти интересующий пользователя раздел.
Умная строка поиска, благодаря подсказкам и индексации каталога, позволяет быстро найти нужную модель.
Страница каталога товаров имеет привычную для пользователя структуру. Вверху страницы представлена возможность сортировки товара по параметрам. Блок с фильтрами, помогает сузить поиск нужной модели среди огромного количества позиций каталога.
Карточка товара содержит исчерпывающую информацию о характеристиках модели, информацию о скидках, действующих акциях, доставке и оплате, а так же информацию о наличии товара на складе или у поставщика. Имеется возможность загрузки несколько фотографий, написания статьи о товаре с добавлением видео и фото-материалов. Внизу страницы пользователю предлагаются аксессуары и перечень похожих товаров. Если у покупателя останутся вопросы, то он может получить уточняющую информацию у менеджера, через форму обратной связи.
Для удобства навигации по сайту и каталогу было создано несколько десятков иконок.
Все страницы сайта полностью адаптивный и отлично смотрятся на всех форматах экранов от смартфон до телевизора с разрешением 4K.
Удобное и продуманное меню каталага на мобильных устройствах позволяет быстро и интуитивно найти нужный раздел и товар.
Оформление заказа происходит на одной странице. Набор необходимых к заполнению полей меняется в зависимости от выбора способа доставки и оплаты. Пользователю не придётся заполнять лишние поля. Подключена система промо-кодов. Сайт интегрирован с интернет эквайрингом и принимает оплату любым удобным покупателю способом. Так же подключен модуль от банка, позволяющий пользователю быстро и удобно оформить кредит на покупку.
По мимо сайта мы разработали набор рекламных баннеров для публикации в сториз.
Суммарно в процессе создания сайта нами было разработано более 30 уникальных дизайн-макетов страниц, отображающих все страницы сайта.
Клиент:

Golden Seed
Команда:

Кирилл Боске — руководитель проекта и арт директор.
Антон Бражников, Кирилл Боске — разработка технического задания.
Антишин Антон, Кирилл Боске — веб дизайн.
Алексей Холод — вёрстка и программирование, интеграция API с каталогами поставщиков.