Интернет-магазин «Скендо»
Сайт передан на сопровождение клиенту.
Магазин «Скендо», реализует электронную продукцию для различных сфер жизни. До обращения к нам компания разрабатывала сайт своими силами. Однако существовавшая система не удовлетворяла всем потребностям заказчика. После детального обсуждения было решено не реанимировать старый сайт, а создать новый действующий продукт. В процессе проектирования мы отказались от прежнего дизайна и придумали абсолютно новую концепцию.
![Старый дизайн сайта Скендо Старый дизайн сайта Скендо](/upload/medialibrary/b55/b552950a781d6ea716f687367e3419f5.png)
Создание интернет-магазина всегда не простая задача. Системы такой сложности требуют детального проектирования с постоянной связью от заказчика и разработчиков 1С на всех этапах.
Сайт построен на системе управления веб-проектом 1С-Битрикс, которая полностью совместима с «1С: Предприятие». Это позволило нам создать интернет-магазин, интегрированный в информационную среду компании. Битрикс автоматически публикует на сайте каталоги товаров, выгружает заказы, их статусы, а также данные по остаткам на складе с сайта в «1С» и обратно.
![Административная панель bitrix сайта Скендо Административная панель bitrix сайта Скендо](/upload/medialibrary/413/41336e44ab6f0119dac81d7cb0a9429f.png)
На этапе разработки дизайна мы определили простой и строгий стиль для всех страниц. Ничто не должно отвлекать пользователя от главного – представленных товаров. Для завершения образа используем серый цвет шрифта. Яркими акцентами станут фотографии товаров и акции на главной странице.
![Главная страница сайта Скендо. Разработано «Дивасофт» Главная страница сайта Скендо. Разработано «Дивасофт»](/upload/medialibrary/7a8/7a84dff604306b7b974765ac35ec25ca.png)
Одновременно с разработкой дизайна мы продумываем новый логотип. Для технологичной компании требуется современный лаконичный стиль. Мы постарались избавиться от лишних украшательств и в результате получили цельный и аккуратный логотип.
![Разработка логотипа для компании Скендо Разработка логотипа для компании Скендо](/upload/medialibrary/295/295b64a89dd929f42c9b0e9a53def760.png)
Приступаем к верстке. Прорабатываем внешний вид страниц категорий каталога и отдельных материалов с возможностью вывода галереи изображений. На внутренних страницах располагаем вкладки с подробным описанием, характеристиками и отзывами к товару, а также форму добавления комментариев.
![Каталог интернет-магазина Скендо Каталог интернет-магазина Скендо](/upload/medialibrary/7cc/7cc21bdcf287b13055a071db25d7c7ac.png)
Формируем разделы с типовыми статьями: «Оплата», «Доставка», «О магазине», «Контакты» и другие. В футере выводим дополнительную навигацию по разделам. Перед привязкой функционала необходимо создать шаблоны всех материалов сайта.
![Статические материалы сайта Скендо Статические материалы сайта Скендо](/upload/medialibrary/e8d/e8de7006e939dfc7650f07886697356c.png)
Создаём страницы регистрации, авторизации, личного кабинета. Предусматриваем внутреннее меню по разделам. В «Личном кабинете» пользователь может изменить регистрационную информацию, посмотреть состояние текущих заказов и историю своих покупок.
![Страницы регистрации, авторизации и личного кабинета пользователя на сайте Скендо Страницы регистрации, авторизации и личного кабинета пользователя на сайте Скендо](/upload/medialibrary/8e5/8e5ddd40b545506bbf9f007ce98fb615.png)
Верстаем и программируем «Корзину». На страницах каталога располагаем кнопку «Купить». Если товара нет в наличии, на её месте отобразится соответствующая надпись. Добавление товара в корзину отображаем во всплывающем окне, которое позволяет либо продолжить покупки, либо перейти к оформлению заказа. На внутренней странице компонента покупатель может изменить количество товара, удалить его, ввести код купона для скидки.
![Оформление модуля Корзина для сайта Скендо Оформление модуля Корзина для сайта Скендо](/upload/medialibrary/0ad/0ad2275d82904889fc4b716da389dedc.png)
При оформлении заказа пользователь определяет тип плательщика: физическое или юридическое лицо. В зависимости от этого отображаются различные поля формы. При выборе физического лица есть возможность использовать ранее сохранённые параметры заказа. Битрикс осуществляет проверку на обязательность и правильность введённых данных.
![Этапы оформления заказа на сайте Скендо Этапы оформления заказа на сайте Скендо](/upload/medialibrary/1a1/1a14a29ca798001e87d00c8585e0973d.png)
Одним из требований заказчика к сайту было использование интернет-эквайринга (приёма платежей по пластиковым картам) для оплаты заказов. Компонент битрикса «Интернет-магазин» позволяет как применять настроенные платежные системы, так и создавать свои.
Мы используем готовое решение из маркетплейса «Online-кредитование Банк Русский Стандарт». Модуль позволяет выбрать способ оплаты «Купить в кредит», после чего данные о заказе передаются в банк.
Для реализации интернет-эквайринга обращаемся в технический отдел банка «Авангард». Полученный от них модуль кастомизируем и интегрируем на сайт.
![Настройка платежных систем для интернет-магазина Скендо Настройка платежных систем для интернет-магазина Скендо](/upload/medialibrary/29a/29a0b8419c909ddd0e147dfa99d321f0.png)
Для компании «Скендо» мы разработали логотип, прототип и дизайн сайта, сверстали и запрограммировали его.