Online Order Manage Platform
work at STG as designer
EASY SCREEN provides a unique range of products and brands for
Tradeshows, Mobile Presentation Systems, Events, and Display. The company design and supply display products for long-term use such as Rollups, Counters, Tents, Exhibition support, Flags, Outdoor Equipment, for operations in Europe, Africa, and America.
The project - To create a platform that enables the customer to place orders online while making the complex porches process easy.
The challenges - The client has multiple products. Every product has different variables and lots of technical information (materials, videos, images, assembly instructions, etc). Altho the products are complex the way the user sees them and uses than on-site has to be simple.
the solution - The way we displayed the products and its information was customized, as well as the accessible cart editing. I'll present below those solutions and more.
Our user is goal-oriented, he is not here to browse, he is here for business. Therefore the first screen the user sees invites him to sign in, register, or scroll down as a guest. The first two options are highlighted for a quicker process, a shorter way to achieve the goal.
Most users are returning costumers with a professionals background so the home page designed for them.
Without a fancy header image or an about section (sometimes a promotion banner), the first thing the user sees is the product categories.
The products were divided into main categories by the client. A click on a category (on the home-page) takes the user to the category page. On this page, the products designed like thumbnails squares, one next to each other. Altho they look like thumbnails, they are acting like the product page, they are the last hierarchy and all the information about the product and all the actions the user needs to do are in those squares.
The users save a click and loading time, therefore save time.
Below, the category page, the product thumbnail, and the differences between a registered to a non-registered user.
product preview as a nonregister user
The differences between a registered user and a non-register user
Only a registered user can view prices.
Only a registered user can add products to the cart.
A registered user can see more information about products.
product preview as a register user
We aspired to make the purchase process simple as it can be.
The first step was to make easy access to the shopping cart. When a registered user browses the website the cart tub follows. As this tub cliked on and opens the user can view the products and edit them.
The option to edit the cart in this step was important. The average user will add many products to the cart and may want to switch between them as he continues without going back to the product page or the main cart.
This way the user will save time.
How the cart tub workes?
Products in the cart have an edit button and a 'move to trash' button.
Some products have different Variables like size or finishes. Those variations reveal as an accordion feature.
The user can change the amount, remove the whole product, or only a variation of it.
To finish the edit action the user needs to press the done button as a verification.
This editing feature appears in two more places. One of them is the cart itself and the second one the 'last order list', an option to choose a former order the user made and edit it to his new needs.