Личный кабинет клиента Окно-Аудио
Окно-Аудио посмотреть сайт →
Разработка и техническая поддержка дилерского кабинета официального дистрибьютора крупнейших музыкальных брендов в России.
- ПроектированиеРазработка технического задания, прототипа и архитектуры
- ДизайнАдаптивный дизайн для ключевых страниц сайта
- FrontendВерстка страниц с использованием PUG (HTML)/SASS (CSS)/Vanilla Javascript
- BackendПрограммирование на 1С-Битрикс (PHP)
Торговый бренд OKNO-AUDIO был создан в 2011-2012 г.г. Чтобы новая Компания сразу же заняла лидирующую позицию на рынке дистрибуции и инсталляций профессионального аудиооборудования, в неё были приглашены лучшие — эффективные и наиболее опытные — специалисты из ведущих Российских Компаний, работающих на этом рынке.
Компания Окно-Аудио обратилась к нам в 2012 году с задачей разработкой первой версии корпоративного сайта. За все время сотрудничества мы реализовали несколько обновлений корпоративного сайта, разработали Интернет-магазин профессионального звукового оборудования, а также помогли запустить дилекрский кабинет, о котором и расскажем в этом кейсе.
- Разработка дилерского кабинета в рамках единой продуктовой базы корпоративного Интернет-представительства компании дистрибьютора
- Интеграция с информационной системой Заказчика для отображения информации в реальном времени по остаткам и заказам дилера
- Сократить время на обработку заказов и предоставить инструмент для единого взаимодействия с дилерами
Как и любой сложный проект с большим количеством взаимосвязей, мы начали с разработки прототипа. На основе прототипа мы сформулировали пользовательские сценарии, а также зафиксировали основные требования к проекту в ТЗ. Это позволило сэкономить время на все последующие коммуникации по проекту, а также более точно оценить каждую задачу по срокам и стоимости.
Дизайн личного кабинета дилера был разработан в минималистичном стиле, основываясь на стилистическое решение корпоративного сайта Окно-Аудио. Ничего лишнего, только полезные данные по заказам, удобная навигация и возможность быстро выполнить необходимые действия для создания и выполнения оптовых заказов.
Следующий этап после дизайна — верстка макетов и их адаптация для всех типов экранов. Как и дизайн, frontend-разработку мы проводили по методологии Mobile First. Это позволило сконцентрироваться на пользователях мобильных устройств и обеспечить им максимально удобное взаимодействие с интерфейсом.
Мы работали над дизайном и версткой паралелльно. Это позволило ускорить запуск первой версии сайта на 30%. Смотрите небольшой видеоролик, демонстрирующий работу интерактивных элементов проекта.
В проекте был использован сервер очередей RabbitMQ для того, чтобы исключить прямой доступ с web-сервера к серверу 1С. Также очереди позволили решить проблему потери связи между информационными системыми. В проекте используются свои очереди для каждой из сущностей: клиентские менеджеры, номенклатура, заказы, сообщения и т.д.
Backend был реализован на базе 1С-Битрикс, как и корпоративный сайт дистрибьютора. Это позволило Заказчику работать в едином административном интерфейсе и сэкономить ресурсы на поддержку и доработку проектов.
Дилерский портал открыт для партнеров Окно-Аудио, его удобно администрировать и обновлять. Дилеры получили удобный инструмент для работы с заказами, а также «единое окно» для взаимодействия с менеджерами дистрибьютора. Проект дорабатывается в рамках поддержки.
Отзыв клиента
В 2012 году с командой Григория мы начали работу над первым сайтом компании «ОКНО-АУДИО». Григорий помог сформировать стратегию развития ресурса, не увязнуть на этапах бесконечного проектирования, оперативно запустить сайт готовый поглощать лавину пожеланий быстрорастущей компании. С ростом бизнеса мы дважды обновляли внешний вид корпоративного сайта и открыли Интернет-магазин профессиональной аудиотехники.
Особенно можно отметить умение Григория организовать работу со сложными задачами. Так наш Интернет-магазин стал первым на аудиорынке решением с продвинутой системой поиска и фильтрации товаров. Примитивные типовые решения не подходили, и команда Григория разработала и внедрила оригинальный модуль обмена-обработки дополнительных свойств товаров.
Также стоит отметить работу над дилерским порталом корпоративного сайта. Формализованные готовые решения требовали подстроки документооборота, перехода на типовые формы заказов и т. п. ограничения. Но для удобства дилеров, нам хотелось сохранить сложившиеся методы работы, и команда Григория создала привычную нашим партнерам среду обработки заказов и отказоустойчивый механизм обмена данными с торговой базой. Кабинет дилера отражает в реальном времени свободные остатки и резервы товаров на складе и в пути, позволяет формировать заказы, получать по ним оперативную обратную связь и необходимый пакет документов.
