Easy Screen

Online Order Manage Platform

2015

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.

Welcome screen

 

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.

welcome-screen.jpg

Home Page

 

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 Product

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-page-wair.jpg

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

Shopping cart

 

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.

© 2017 by Afek Chernov