OA
This is THE website we have been working on. On this project we worked with Croatia’s top developing company Async labs, and we were the ones that led the product management and created the first design layout of the site.
Task
To create a cinematic experience of learning through quality and simplicity.
OA already had a website, and the structure was in place. The biggest challenge was: how to make an old product completely new without changing the core?
Creating VOD learning experiences through cinematic videos that radiate quality and freshness
What a task, a? How to combine spirituality with technology and blend all that with nature This is why we went with the bold approach of giving users a cinematic experience where our only focus is videos, along with a loyalty program that gives back to nature.
Loyalty program gives back to nature by watched hours on the site, owners of the company plant physicaly trees to make the balance of giving and taking.
| HEX #55B1C9 | Usage Primary | ◯ |
| R 85 G 177 B 201 |
Baby blue
| HEX Gradient | Usage Highlights | ◯ |
| R 85-100 G 177-202 B 201-202 |
Blue gradient
| HEX #061B26 | Usage Background | ◯ |
| R 6 G 27 B 38 |
Dark blue
The cinematic approach led us to a dark-theme style. We wanted to emphasize the video over everything else. We chose blue because it is calming and represents our “blue dot” in the universe.
Gradient was an obvious choice for that blend of vintage and modern cinema. The blend of dark blue and images from outer space just added a new dimension to the site.
Typeface
Boogy brute
Usage
Headlines
We wanted to bring out something extra for the font. A combination of vintage and modern in one place with a cinematic outlook.
Typeface
Inter
Usage
Body
In our opinion, body font should always be something simple and easy to read. Google Fonts again provide a simple solution.
