Responses by Olia Olianishyna, cofounder and marketing director; and Roman Salo, user experience designer, Obys.
Background: Last year, we had the idea to choose one of our favorite photographers and create a website for them, but time passed and we could not settle on one. So one day, we decided to make a site where we could combine all of them and add some educational elements into the site. After long discussions held with the Obys team, we chose six photos and decided to complement them with color combinations.
The purpose of this website is to underline how inspiration can be found in our environment, how to use what people see in the design process, how to combine colors and shades, and how to create nonstandard combinations. As a result, Colors Combinations looks like another entry into an educational series we unintentionally began with our Typography Principles site. This project can be useful for junior designers and experienced professionals alike, as well as for anyone who looks for inspiration in their daily routine.
Design core: We take a photograph as the basis for the content and show how the photographer sees the world through their lens. The entire site is like a camera. There are pictures, a focus effect and a battery that, while you scroll, diminishes until the very end when it becomes completely depleted. Also, in the transitions from the photos to the information, we managed to find bright and unusual color combinations to display.
Challenges: The final result needed to not look like a photographer’s portfolio. We wanted the user to be able to understand the site even without reading the information. The site should educate and inspire visitors.
Special navigational features: The menu is like a gallery with six picture blocks. Scrolling through it is an enjoyable process for the user.
Technology: Readymag, which, if you’re familiar with our work, will not be a surprising answer. But our team likes the challenge of using this tool again and again with new skills and approaches, trying not to copy our previous animations. If we repeat ourselves, we try to do it in different ways!