#StopWarInUkraine Save the children
ENGLISH

The awards of design, creativity and innovation on the internet

Magazine for designers and web developers
12 Collect

Case Study: Ochi Design

Article by Obys agency in Web Design -

This spring we presented a new website for Ochi Design. Ochi is a presentation design agency from Lviv, Ukraine working with international businesses. The main feature of the site is the eyes that you can move with your cursor.

Why did we choose eyes? Because Ochi means eyes in Ukrainian. The company creates presentations to clients, presentations are watched by thousands of people, the visual style is perceived by the eyes. Therefore, it was one of the main ideas in the design.

Home page
The first screen of the site

Main and secondary design idea

As we wrote before, the main idea of this website is using a client’s brand name – Ochi. We play with the eyes from the beginning of the site, all the way to its footer and make the users do the same. Presentations are made up of slides. This is the second feature for design ideas. Therefore, many elements on the site have rounded forms, and are made in the form of cards that interact with each other, turn over, overlap, increase, and so on.

Home page
Transferring presentation slides to the site as one of the ideas

The preloader is also made in the style of cards with information, and the user is immersed in one of them and then gets to the main page.

Preloader

“The client’s team are open to any bold suggestions that will make their site stand out from the competitors’.”

On the same page as the client

The client already had their own color style, illustrations and logotype. We have just changed the fonts to more modern ones so that we can make and use good typography on the website. Since the client is a modern, young company, the colors are also very bright and stylish. The client’s team are open to any bold suggestions that will make their site stand out from the competitors’. The topic of this project we fell in love with from the first email from the client. Thus, the creation of the site did not take us much time. We created the website quickly, the client completely trusted us in terms of visual style, we worked out the ideas well and finished the site with almost no edits.

Home page
CTA part

The content: from the site to the Instagram account

Since we were on the same page with our client, we showed them examples of how cases can be designed, how minimalistic photos and graphics should be, and made several cover options for projects. It so happened that now the client is actively using many of the techniques from the website in their branding on Instagram. So this case is a bright example that a wow site could not only be achieved in the case of close cooperation and trust on the part of the client - but the design, development team must also take into account the wishes of the client and the quality of the brief stage.

Team slider

Technologies

Since we have our own developer in the team, and we have been working together for a long time, there were no particular difficulties in implementing all our ideas. There are no secret technologies in front-end or back-end development: Wordpress, WebGL, GSAP Animation, Three.js. and Locomotive Scroll.

Home page
Contact form

And one more thing

We are most proud of the following blocks on this site: Hover on projects, CTA with eyes on a green background, block with a team on About, contact form, preloader, block with clients in the form of a table. And what is your memorable part on Ochi website? Don’t hesitate to share your preferences with us :)

Services

Company Info

Obys is an Ukraine-based design agency that creates unique graphic and web experiences all around the world.

More about us is here and here.