CREATING
MEMORABLE
DIGITAL
EXPERIENCES
Home
Works
Awards
Team
Prices
Contacts
SELECT YOUR
DESTINATION. . .
Contact
Menu
Close

#30ua

‍

2021
UI/UX
WOW Website
Visual Brand Identity
30ua.info
View on Behance
View on Behance

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
JobCannon
Visual Brand Identity
2023

JobCannon

OCTY
UI/UX, WOW Website, Motion Design, Visual Brand Identity
2023

OCTY

EdWay
UI/UX, Product Design
2022

EdWay

Procamp
UI/UX, WOW Website, Visual Brand Identity
2023

Procamp

The 23
Motion Design, Visual Brand Identity
2023

The 23

Simply Contact
UI/UX, WOW Website, Motion Design
2021

Simply Contact

Umami View
UI/UX, Product Design
2020

Umami View

Sirius
UI/UX, WOW Website, Visual Brand Identity
2022

Sirius

#30ua
UI/UX, WOW Website, Visual Brand Identity
2021

#30ua

Crocs Club
UI/UX, WOW Website, Motion Design
2022

Crocs Club

Skylight
UI/UX, WOW Website, Visual Brand Identity
2022

Skylight

ZEUSS
UI/UX, WOW Website, E-commerce & Online Shops
2021

ZEUSS

Fastmates
UI/UX, Product Design
2022

Fastmates

Umami View Site
UI/UX, WOW Website, Visual Brand Identity
2020

Umami View Site

Edcamp
UI/UX, WOW Website
2021

Edcamp

JobCannon
Visual Brand Identity
2023

JobCannon

Target
Reached
Kyiv,
Ukraine
AIR
Creativity
Efficiency
humor
36,6 ℃
98.2 °F
Body Temperature

Let's get down

to business

Your Location: Milky Way, Earth
Instagram
Behance
Facebook
Linkedin
Privacy & Cookies Policy
Cosmos Studio © 2023

Let's get down

to business

Talk to us
hello@cosmos.studio
Copied
Linkedin
Instagram
Facebook
Behance
Privacy & Cookies Policy
Cosmos Studio © 2023
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