• Websites
  • Identity   Things   Website   T-Shirts  

    The making of the Ridus website

    Overview   Process  

    When we started to work, the agency still had no name. We started by thinking what a news agency website might look like. Simultaneously, were were thinking about the name.

    ridus site process 01

    Considering the mechanics and structure of pages: what moves where, when and how it is displayed.

    ridus site process 02

    We don’t want to make a modular newspaper, we want linear reading. Trying out the design and checking out how news pieces will look: both a large overview article and a 140-character tweet.

    ridus site process 03

    Starting to look for an element that will help to put emphasis on important news and events. Adding pseudo volume to news blocks. Important entries can move up and cast a shadow.

    ridus site process 04

    Finalizing the main page and showing the concept to the client.

    ridus site process 05

    The client approves the volume solution. We continue planning.

    ridus site process 06

    Creating a block for displaying important news and events on the main page.

    ridus site process 07

    Trying out various options for displaying news: a picture, a video, an audio clip, polls.

    ridus site process 08

    Assembling it all together on one page.

    ridus site process 09

    Creating interface elements for the new article form and for comment trees.

    ridus site process 10

    Having a fresh look at the design and realizing that it is too bright and active: if there ever was a news piece on a murder laid out in this design, the murder would go unnoticed, overshadowed by Mr. Design.

    We decide to try to tune down Mr. Design and make the murder story more readable.

    Dimming the colors.

    ridus site process 11

    We want to use microaccents on a white website. Showing to the client.

    ridus site process 12

    The client is absolutely against it. Getting back to the original volume solution, decreasing the shadow depth, calming down the colors.

    ridus site process 13

    Drawing the missing elements: buttons, arrows, icons.

    ridus site process 14

    Right before the launch, the artistic director makes the final stroke.

    ridus site process 15

    © 1995–2020 Art. Lebedev Studio

    Order a design...