ilavista

Development of a B2B online store for SADU.

Project type

Online store

Client

SADU ABRASIVES L.T.D.

Services

Technical Requirement

UX/UI-design

Front-end / Back-end

QA

Production

Support

Implementation period

6 months

01 Sadu

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

The minimalistic interface helps the user to solve their tasks quickly. When developing, we always focus on the convenience of the end customer.

Alt text
03 Catalog + product page

In the project, we implemented a catalog system, advanced filtering for convenient search for a suitable product, as well as the shopping cart functionality with a user's personal account.

04 Shopping cart + checkout

The user-friendly ordering interface allows you to make a purchase in a few clicks. The client's personal account expands the site's capabilities and makes its use as comfortable as possible for the user.

05 Client's personal account
06 Manager's personal account

The project implements an administration panel with which the manager receives orders from customers, adds new items in the catalog, gives feedback via messenger and has the opportunity to offer an order to the client.

Developing prototypes
and interfaces in Figma

07 SEO optimization

To get free traffic to the site, SEO optimization was incorporated into the structure. All pages have metadata: URL / Title / H1 / Description / Alt. For dynamic pages, metadata is created automatically according to the specified logic. This gives additional free traffic to the site.

Technologies used
Frontend

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

Backend

PHP7, Docker, MySQL, GIT

Integrations

Microsoft Office

08 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
Loading...