• Websites
  • The making of the HORS Group promo website

    Overview   Process  

    First we go to the technologist to find out how long the realization will take. We drop all time-consuming ideas and create a work plan.

    hors group process 01

    Showing and telling the story. The client makes minor corrections. Creating a rough draft of the style.

    hors group process 02

    Overall it looks all right. Developing the concept further.

    hors group process 03

    Booking a photo studio, taking coffee and making pictures:

    Polishing the ideas for transition animations.

    Giving the layouts to the technologist so he can start creating the magic.

    hors group process 05

    Playing more with typography and the layout grid.

    hors group process 06

    Considering the drop-out navigation menu.

    hors group process 07

    Coming to an abrupt stop at the brand selection slide.

    Turns out, Japan has exclusive rights for the red dot, meaning we can’t use it. Same goes for the silhouette of Mount Fuji.

    hors group process 08

    Getting back to the idea of bold typography.

    hors group process 09

    Headings partially covered by graphic elements cause many questions.

    While we are thinking about the style of the headings, we retouch pictures from the studio and draw gigantic coffee beans. The first version of the bean also gives ambiguous associations, so we decide that coffee must be rectangular.

    hors group process 12

    Arriving at the final style of headings and the final version of the grid.

    hors group process 13

    Polishing animations. Per the art director’s request we remove entrance effects and freeze the navigation menu into place.

    Inserting the corrected photos and finished pictures into a ready website.

    Done! :)



    © 1995–2020 Art. Lebedev Studio



    Order a design...