ilavista

Development of a B2B online store: Danone

Project type

E-commerce

Client

Danone

Services

Technical Requirement

UX/UI-design

Front-end / Back-end

QA

Production

Support

Implementation period

6 months

01 Danone

About the stages of
SADU development

Project objectives:

  • Display a product catalog with individual prices for each organization and country.
  • Create a convenient way to make an application.
  • Optimize the work of managers.

We use flexible Agile and Scrum methodology that allow us to create projects that meet business requirements.

Tools: Jira, confluence (to define tasks), Miro, Figma (to create site maps).

All research (creation of value proposition, customer profile, CJM and scenarios) are made in Figma.

Tools: Figma, Sketch (interfaces and prototyping), Adobe Photoshop, Adobe Illustrator (graphics), InVision (prototyping), Adobe After Effect (video content).

Tools: Vue.js (vuex, vue-router etc.), Bootstrap 5, GSAP, html, css, js.

Technologies: AMP (google technology for loading boost and website work), SPA (technology for website work without page reload), PWA (for mobile app functionality).

We use Laravel Framework (v9) - an open source php framework, as well as related technologies (MySQL, Redis, Docker, socket.io etc.)

Channels: content marketing, SEO, paid advertisement (search, media, targeted).

Tools: Google Analytics, Yandex.Metrica (web-analytics tools), third-party services creating quizzes, lead-forms, scheduled posting, masslooking/massliking, chat bots, pop-up windows./massliking, chatbots, pop-ups.

02 Home page

Danone store is designed for wholesale sales to legal entities and individual entrepreneurs.

Alt text
03 Catalog + product card

Filtering in the catalog was implemented for convenient search of a suitable product. We also built basket of goods with the ability to make changes to the generated order.

04 Manager's personal account

The project also implemented the manager's personal account, where it is possible to view the order history, detailed information about each order, make changes to the product catalog or add a new shopping facility.

Developing prototypes
and interfaces in Figma

05 Tech Stack
Technologies used
Frontend

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

Backend

PHP7, Docker, MySQL, GIT

06 Contact us

If you have further questions or want to order the development of your product, fill out the contact form and we will contact you during our business hours!

Type of service
Budget