• Websites
  • Refinish Autolak
  • Logo   Website   Spectrophotometer  

    The making of the Refinish Autolak website

    Overview   Process  

    We start by planning the interface. Describing user interaction scenarios and building a table of functional elements.

    refinish autolak site process 01
    refinish autolak site process 02

    Starting to work on the design. Making the first attempt.

    refinish autolak site process 03

    Art director: This looks like an exercise in website design. It must have a concept, an idea, an emotional image.

    Trying again.

    refinish autolak site process 04

    Art director: I can’t see what can come out of it. You need to make a step to the side.

    The designer goes to a training session for colorists and car painters to study color matching and surface finishing technologies and features of products of different brands.

    refinish autolak site process 05
    refinish autolak site process 06
    refinish autolak site process 07

    Trying a new approach: taking colors with beautiful names (Autumn Sunset, Alpine Snow) and using them to paint the entire website with the car.

    refinish autolak site process 08

    Art director: There. Now it’s starting to look like a concept. But you need to push it further. Make sure that behind the names there are real products with links to relevant catalog pages. Then it will become clear how we should draw the illustrations and what should be the source of our ideas. You also need to make a step forward in regard to the content: remove the dated formal slogan, for example.

    Developing, trying different variants.

    refinish autolak site process 09

    Preparing a set of key mock-ups and presenting to the client.

    refinish autolak site process 10

    The client approves the concept.

    Starting to work on final mock-ups, thinking we can make the design more clean and simple. Inviting another designer to join the project.

    refinish autolak site process 11

    Working on the catalog and product pages.

    refinish autolak site process 12
    refinish autolak site process 13

    Hypothesis: nothing is stopping us from showing large pictures of products directly on product pages. Assembling a prototype.

    refinish autolak site process 14

    Art director: Go ahead.

    Writing rules for photographing products for the catalog and waiting for the client to send us the correct high resolution images.

    refinish autolak site process 23
    refinish autolak site process 15

    Now it’s time for technical graphics.

    Making sketches of objects and defining steps for their coloring.

    refinish autolak site process 16

    Discussing the objects with the client and starting to work on their visualization.

    refinish autolak site process 17

    Using the renders to create frame animation.

    refinish autolak site process 18

    Now for the internal objects.

    refinish autolak site process 19

    Refinish Autolak colorist creates recipes for mixing car paint to achieve the colors we have chosen.

    refinish autolak site process 20

    Assembling and testing. Fixing bugs and correcting the layout.

    refinish autolak site process 21

    Polishing all the small design-related things.

    refinish autolak site process 22

    Done.



    © 1995–2019 Art. Lebedev Studio



    Order a design...