Разработка интернет-магазина часов VipTime

Создание интернет-магазина часов VipTime

Для VipTime разработали интернет-магазин часов с нуля на Webasyst Shop-Script. Проект объединил индивидуальный дизайн, верстку страниц и интеграцию интерфейса с платформой. Визуальная концепция построена на сочетании черной шапки, светлого фона и красных акцентов. Такой подход выделяет фотографии часов, основные элементы навигации и кнопки действий, сохраняя единое оформление каталога, карточки товара и корзины.

На главной странице представлены крупный баннер, тематические подборки, логотипы производителей и материалы блога. Каталог организован как сетка товаров с боковой навигацией и параметрами выбора. В карточке часов показаны фотографии, цена, сведения о модели, характеристики и отзывы; ниже размещены сопутствующие и недавно просмотренные товары. Для корзины подготовлено оформление списка покупок, изменения количества, купона и итоговой стоимости. Все эти экраны выдержаны в общей визуальной системе магазина.

Дизайн, верстка и интеграция Webasyst

• Разработали дизайн интернет-магазина и сверстали интерфейс с применением HTML5 и CSS3.
• Обеспечили совместимость отображения с Opera, Mozilla Firefox, Internet Explorer, Chrome, Safari и Яндекс Браузером, а также с iPad, iPhone и устройствами Android.
• Интегрировали верстку в полный функционал Shop-Script 7 и оформили приложения Webasyst «Магазин», «Сайт» и «Блог».
• Включили в общую тему все бесплатные плагины Webasyst и предусмотренные проектом элементы интерфейса.

Оформление плагинов магазина часов

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

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

Другие проекты и разработка сайта

Посмотрите разработку магазина часов Clockwerk и разработку магазина часов SwissWatch в нашем портфолио сайтов.

Для нового проекта можно заказать создание интернет-магазина на Webasyst, обсудить программирование и доработки Shop-Script и связаться с Quadro Design.