Оставить заявку

Отправлено!

Мы уже бежим звонить вам

2WIN

Интернет-магазин гаджетов и аксессуаров для B2B продаж — 2win.in.ua

UI/UX Design PHP LaravelVue.js

о клиенте:

2Win – это организация, специализирующаяся на B2B продажах современных гаджетов и аксессуаров. Заказчик хотел, чтобы его услуги были доступны как на веб-сайте, так и в мобильном приложении для удобства своих клиентов.

решение:

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

B2B платформа гаджетов и аксессуаров

Разработка этого проекта включала в себя как разработку веб-версии (вебсайта), так и разработку мобильного приложения, чтобы каждый клиент мог осуществлять заказы в наиболее удобном для себя формате.

Структура

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

Прототип

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

Дизайнерские решения

Сложная навигация

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

Кастомный функционал

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

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

slide1
slide2
slide3
slide4
slide5
slide6
slide7
slide8
slide9

Имеешь идею приложения ?
мы поможем

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

Адаптивность

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

Анимации

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

Различные сценарии отображения

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

slide1
slide2
slide3
slide4
slide5
slide6
slide7
slide8
slide9
slide10

Техническая часть

Кастомная интеграция с 1с

Учитывая, что учет и управление товарными запасами клиента были уже интегрированы с использованием индивидуально настроенной логики в программе 1С, основной упор в проекте был сделан на обеспечении возможности управления контентом вебсайта непосредственно через 1С. Разработанная нами архитектура позволяет автоматически синхронизировать данные между системами - от выгрузки информации о товарах на сайт до подробных описаний и категоризации по брендам, без необходимости в дополнительных ручных операциях.

Постоянная синхронизация десятков тысяч изображений

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

Мультиплатформенность

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

Мы пошли дальше и создали приложение.

Просмотреть кейс

2WIN