The making of the Beeline online store layouts

Overview   Process  

Getting the task from the client and making the first attempt at the design of the main page.

beeline shop process 01

Suggesting the design with large photos for each product category.

beeline shop process 02

Client: You got it wrong. We are planning to introduce lots of product categories, so a display of only the main ones will not work. In terms of range and sales specifics we are closer to Amazon than we are to the App Store.

Working with the client to conduct additional research and coming up with a more traditional compact layout grid.

beeline shop process 03
beeline shop process 04

Simultaneously working on the catalog.

beeline shop process 05

The solution is impractical. Deciding to use tiles to display products.

beeline shop process 06

The client likes the result.

Evolution of product pages.

beeline shop process 07

Assembling a lorem ipsum page for developers.

beeline shop process 08

Showing separate animations such as adding a product to the cart.

Breaking up the checkout procedure into individual steps.

beeline shop process 09

Adding comments to the layout and documenting bugs.

beeline shop process 10

Drawing the rest of technical graphics.

beeline shop process 11

Order a design...