Designing a personal account for an international MLM-company

Technologies
Vue2
Nuxt2
SCSS
TypeSctipt
SCSS
Webpack
Cypress
Storybook
TypeSctipt
SCSS
Webpack
Cypress
International MLM-company

Personal account contains a functional website: an online store, an affiliate network in the form of an interactive tree, a portal, reporting and unit test coverage of more than 70% of the code.

NDA
Purpose

Taking the customer's business to a new technological level: create an internal portal for international business partners, implement new online services and improve service quality for customers with access to services online at any time and from anywhere in the world. Make complex business logic of the customer accessible and understandable for international users.

Tasks
01

Build a functional Back-Office (personal office) to consolidate and coordinate all business processes of the company;

02

Aggregate information about the partner network technically into a single interface system with user scenarios;

03

Design an international affiliate program and referral system;

04

Implement the company's online services;

05

Complete unit testing of elements and the entire interface of the project.

Solutions
01

The new Back-Office is designed according to solid frontend development principles and can be easily added to and updated. We adapted and updated the interface, cooperating closely with the client's design team. The Back-Office system was made as functional as possible for the business processes.

02

We integrated the referral program In personal account and affiliate network with the system of invitations sharing. We made the new partner's affiliation available and automated. The partners' network was designed in the form of an interactive tree and customization of displayed data with a convenient search for making purchases.

03

The following online services were implemented in the process:

  • We introduced internationalized localization - a functionality that allows you to easily and conveniently use the geo for different markets, allowing one-click to change the country or language;
  • Balance conversion inside the personal account allows the user to find all data for transactions in all available currencies with an updated rate to check, recharge and receive statements.
04

Scripted unit and e2e tests to avoid any problems the user might have. Implemented CI (continuous integration) and CD (continuous deployment). Made the unit tests and integration scenarios to cover more than 70% of components for quick error detection and further code refactoring.

Insights

We worked as an outsourcer and solved such a difficult task as the organization of the team, the introduction of our frontend-developers group in the development department of the customer and set up all the processes of interaction;
Have provided not only quality expertise, but were able to influence the product from the commercial side, in addition to fulfilling the objectives.

Result

The new Back-Office of a unique, recognizable company that is made to quickly resolve users' requests and conveniently make purchases. The project is currently under development.

Next case

Mix Recording Studio website for the audio recording studio

Website design for a recording studio in Los Angeles, USA, featuring the world's music labels and hits production.

MIX Recording Studio
preview thumbnail