Wineship
WineShip
Цель клиента
К нам обратился производитель вина, чтобы разработать интернет-магазин с каталогом продукции.
Цель – сделать удобный заказ конкретного вина, с возможностью указать объем бутылки и винтаж на одной странице. Рассказать об особенностях каждого сорта вина, чтобы посетитель мог представить его вкус и аромат – чтобы сделать лучший выбор.
Решение
Представлена характеристика разных напитков в одном каталоге. Разработали возможность гибкой настройки характеристик продукта. Разработали удобную систему выбора напитков на основе комплексного исследования рынка.
Дизайн
Наша идея была в том, чтобы сделать легкий и удобный пользователям сайт. При этом, чтобы он был оригинальным и помогал представить оттенки вкуса вина, его аромат, а также подсказывал, к каким блюдам подходит вино. Кроме того, дизайн должен отражать бренд.
Список основных типов страниц сайта: главная страница, страница каталога, страница товара, корзина, контакты. Мобильные и десктопные версии разработаны на основе данных UX-аудита.
Подобраны шрифты и цветовая гамма для выгодной подачи информации о товаре. Прорисованы кнопки, иконки бутылок и элементы фильтра, которые упрощают взаимодействие с сайтом.
Веб-разработка
Angular был выбран для разработки динамичного и отзывчивого пользовательского интерфейса, обеспечивая высокую производительность в веб-приложении.
Laravel и Blade стали основой для мощного бэкэнда, обеспечивая надежность и легкость в разработке. С учетом требований к базе данных, мы использовали MySql, гарантируя эффективное хранение и управление данными.
Использовали JavaScript для добавления интерактивности.
Удобный выбор и заказ
Пользователь может легко выбрать год и винтаж бутылки, а затем указать количество и нажать кнопку заказа.
Полезные характеристики
Вывели не просто полезные характеристики, а сделали перелинковку с категориями. Благодаря этому возросла глубина просмотра страниц пользователям. Также это позволило качественно распределить веса страниц для СЕО продвижения.
Пользовательский фильтр
Различные характеристики в фильтре, не имеющие подходящих позиций автоматически скрываются. Так пользователь выбирает из того, что есть в ассортименте и не увидит пустых страниц.
