Contact

#30ua

2021
UI/UX
WOW Website
Visual Brand Identity

About

#30ua – is a grassroots social promotion campaign created to draw the world's attention to the 30th anniversary of renewed independence of Ukraine.

CHALLENGE

Create a wow-effect website that showcases the positive accomplishments of the most recent 30 years of independent Ukraine.

SOLUTION

Awards winning website that represent Ukraine's achievements.

30ua-1
Text section
Order number
1
Remove spacing
(type 'top' or 'bottom')
30ua-1
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
30ua-1
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-1
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')

30ua-1
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-1
Framed section
Order number
3
Remove spacing
(type 'top' or 'bottom')
30ua-1
Framed section
Order number
3
Remove spacing
(type 'top' or 'bottom')
30ua-2
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-2
Full screen section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-2
Full screen section
Order number
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-2
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
CONCEPTS

It took some time and effort to catch the vibe we were searching for...

30ua-2
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-2
Framed section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
30ua-2
Framed section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
30ua-3
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-3
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
30ua-3
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
No items found.
30ua-3
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
IDENTITY

We took traditional Ukrainian ornament as a base of our style and refreshed it to match modern Ukraine.

30ua-3
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-3
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-3
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-4
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-4
Full screen section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-4
Full screen section
Order number
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-4
Multi image section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
DETAILS

We also used the fonts made by Ukrainian type designers.

30ua-4
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-4
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-4
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-5
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-5
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
30ua-5
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
No items found.
30ua-5
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
STRUCTURE

Website is devided by 7 chapters or topics. Moreover, each topic has it’s own style and animated cover that helps to stand out.

30ua-5
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-5
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-5
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-6
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-6
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
30ua-6
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-6
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')

30ua-6
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-6
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-6
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-7
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-7
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-7
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
No items found.
30ua-7
Multi image section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top

30ua-7
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-7
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-7
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-8
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-8
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
30ua-8
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-8
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')

30ua-8
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-8
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-8
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-9
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-9
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
30ua-9
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-9
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')

30ua-9
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-9
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-9
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-10
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-10
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
30ua-10
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-10
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')

30ua-10
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-10
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-10
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-11
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-11
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-11
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
No items found.
30ua-11
Multi image section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top

30ua-11
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-11
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-11
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-12
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-12
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
30ua-12
Full screen section
Order number
1
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-12
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')

30ua-12
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-12
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-12
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-13
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-13
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
30ua-13
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
No items found.
30ua-13
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
INTERACTIVITY

The website works like an interactive encyclopedia. You can read, watch, listen to different fact without leaving the website!

30ua-13
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-13
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-13
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-14
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-14
Full screen section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-14
Full screen section
Order number
Remove spacing
(type 'top' or 'bottom')
No items found.
30ua-14
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
LESSON GUIDE

Moreover, together with EdCamp Ukraine we have created a lesson guide for teachers to celebrate the Independance Anniversary together with schoolchildren.

30ua-14
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-14
Framed section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
30ua-14
Framed section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
30ua-15
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
30ua-15
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
30ua-15
Full screen section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
No items found.
30ua-15
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
FINALLY

We made insta-masks to make sure everyone knows! And gathered the invitations from all around the world on our website.

30ua-15
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
30ua-15
Framed section
Order number
3
Remove spacing
(type 'top' or 'bottom')
30ua-15
Framed section
Order number
3
Remove spacing
(type 'top' or 'bottom')
Next
Case
Remove UI
Name
Tell about yourself
Hello, what is your name?
Oops! Please enter your valid name so we can address you properly
Project type
Start a project
It’s nice to meet you, name! What would you like to discuss?
About project
Tell more about your project
Can you tell us a bit more about your project?
Budget
Tell about your price expectations
What’s your budget range
for this project?
Deadline
What about deadlines?
What are your timeframes expectations?
About Cosmos
And how you met us?
How did you learn about
Cosmos Studio?
Contact
Let’s be in touch
How can we contact
you back?
Please enter valid email address.
Name
Thank you
Thank you, name!
We’ll contact you soon.
Back home in
00:00:12
Oops! Something went wrong while submitting the form. Try again later
Go back