Customization

Product customization refers to enabling customers to personalize a product according to their needs and preferences. Depending on rights of logged in user, user can open product configurating by stand alone app or on personal shopping assistant, if settings in shopping purposes are set so. User select variant and if customizations, which are administrated on product. We will have three different scenarios, when employee has right to see and preconfigure product, when team leader has right to add configuration for employees and when employee from another digital has right to add configuration for employees from another company.

Lets first pass through the stand alone app for configuring products.

Customer selection

Header: Product configuration product.configuration-header

Step 1- choosing external digital

• Step number 1

• Title product.configuration-first.step-titel
• Label is visible when data is not chosen product.configuration-first.step-label

Step 2- employee selection product.configuration-first.step-employee

Sub-title: product.configuration-subtitle

Full text filter

Full text filter is a simple search box where the user enters their search term and gets results which (partially) match the query. Full text filter is performed by customer name and customer number.

• Filter- label which is visible while the search box is empty

Overview table

• Customer name shows company names of external digitals
• Customer number
• Customer since

Navigation button

• Next- leads us to target selection step 2

Employee selection

Header

In the employee selection screen, header is the same. product.configuration-header

Target selection step 1; product.configuration-first.step-titel

Target selection step 2

• Title; product.configuration-step.two-title
• Please select... is label which is visible until employee is not preselected; product.configuration-step.two-label

Subtitle- Employee selection product.configuration-subtitle

Full text filter

Full text filter is a simple search box where the user enters their search term and gets results which (partially) match the query.

Q: SEARCH CRITERIA should it be like for shop exact employee number?

Navigation buttons

• Next button, leads to previous page, customer selection; product.configuration-navigation.buttons-next
• Back leads employee to next screen product.configuration-navigation.buttons-back

Product selection

After variant is selected from the dropdown, button "Configuration" is enabled.

Header

Product configuration is the main title and some information just below it:

Selected employee name | employee number | last measure !!!

Full text filter

Full text filter is a simple search box where the user enters their search term and gets results which (partially) match the query. If the filter query matches the content of a group name, the user expects to see all items in that group. If the filter query matches only some of the items in the group, but not the group itself, searched items in the group are highlighted. Parameters which are considered for matching are: group name, product name, product number.

Activity dropdown

Dropdown where user is choosing activity, if user has more then one. If user has only one activity it is preselected.

Second dropdown

Dropdowns offers:

-Configurable products

-All products

Groups

Each group acts as a container for the products within it. It can be expended and collapsed by clicking on the header (a suitable icon is displayed for expanded and collapsed state). All groups are expanded by default, user can collapse them.

• Group header is group name