Making of Pushe furniture factory website

Getting started with the design. Thinking through the basic user scenarios and making a scheme of visitor interaction with the future site. Defining the structure, content, and functionality of the pages.

Moving on to the prototypes.

Starting to work on the design concept.

Too hard on the eyes. Trying to find a more simple solution.

Getting better, but still leaves a lot to be desired. Back to work.

The main advertising element of the old website was banner graphics, quality of which was difficult to maintain. And their constant updating cost money and took time.

We offer a versatile solution to the client—a large text banner right across the top of the main page. It can be updated in minutes, and is easy to read and to maintain. The designer is no longer needed.

At the same time, we decided to decorate the site with some nifty animations.

We propose to make product profile page in the form of one long bed sheet, which will have all the information about the item: description, size, large pictures, videos, configuration diagrams, etc.—right in front of you. To see the information, you just have to scroll the page up and down. No clicks.

Putting together the rest of the pages and forwarding them to typesetters.

While the website is being assembled, the task changes a little bit. Initially, it was assumed that the site will not have a shopping cart—the furniture would be ordered from the Favorites page. An order would be placed, and all the details discussed, by phone. However, the client insists on adding a shopping cart and a custom configuration tool.

Re-thinking the order process.

Starting to edit the assembled website. We take a lot of screenshots, load them in InDesign and get everything in order.

Back to the main page. Plain ol’ text is not enough—you need some kind of emphasis. We decide to place the promotional items in plan sight. We try to draw cartoon characters sitting on sofas, but quickly abandon the idea as not technically viable.

Pushe is a large furniture factory and not just an online store. We have to show it somehow. We come up with an illustrated story about the production. And we show, where and how it should appear.

Working on the configuration tool for sofas. The number of options and all the possible configurations is too large to keep it all on one page. The configuration tool is moved to its own separate page.

The furniture is arranged in the same scale and on the same level, so the relative size of catalog items can easily be estimated.

Working out the little things. All the small interface elements are drawn in the same style.

Making the buttons.

And other little things.

Continuing on to animation. First, we take a swing at cartoon-style animation—we want sofas to be carried to Favorites by actual movers.

Doesn’t look natural. We discard cartoons in favor of more technological javascript effects. Detailed video instructions are prepared and forwarded to our technologists.