ilavista

Разработка B2B интернет-магазина для компании Danone.

Тип проекта

E-commerce

Клиент

Danone

Услуги

Technical Requirement

UX/UI-design

Front-end / Back-end

QA

Production

Support

Срок реализации

6 месяцев

01 Danone

Рассказываем про этапы
разработки Danone

Задачи проекта:

  • Отобразить каталог продукции с индивидуальными ценами для каждой организации и страны.
  • Создать удобный способ оформления заявки.
  • Оптимизировать работу менеджеров.

Мы используем гибкую методологию Agile, Scrum, что позволяет создавать проекты, которые отвечают бизнес-требованиям.

Инструменты: Jira, confluence (для формирования задач), Miro, Figma (для создание карт проекта).

Все исследования (создание карт ценностного предложения, персон, CJM и сценариев) делаются в Figma.

Инструменты: Figma, Sketch (для интерфейсов и прототипирования), Adobe Photoshop, Adobe Illustrator (для графики), InVision (для прототипирования), Adobe After Effect (для видео-контента).

Инструменты: Vue.js (vuex, vue-router и т.д.), Bootstrap 5, GSAP, html, css, js.

Технологии: AMP (технология google для ускорения загрузки и работы сайта), SPA (технология для работы сайта без перезагрузки страниц), PWA (для функциональности мобильного приложения).

Используем Laravel Framework (v9) - php-фреймворк с открытым кодом, а также сопутствующие технологии (MySQL, Redis, Docker, socket.io и др.)

Каналы: контент-маркетинг, поисковое продвижение (SEO), платная реклама (поисковая, медийная, таргетированная)

Инструменты: Google аналитика, Yandex метрика (инструменты веб-аналитики), сторонние сервисы для создания квизов, лид-форм, отложенного постинга, масслукинг/масслайкинг, чат-боты, всплывающие окна.

02 Главная страница

Danone store предназначен для оптовых продаж юридическим лицам и индивидуальным предпринимателям.

Alt text
03 Каталог + карточка товара

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

04 Личный кабинет менеджера

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

Разрабатываем прототипы
и интерфейсы в Figma

05 Tech Stack
Используемые технологии
Фронтенд

Vue.js, Vue-Bootstrap, HTML5, AJAX, CSS3, JavaScript, Vuex

Бэкенд

PHP7, Docker, MySQL, GIT

06 Наши контакты

Остались вопросы или хотите заказать разработку сайта? Заполните форму обратной связи, и мы свяжемся с вами в рабочее время!

Тип услуги
Бюджет
Loading...