Contact

Sirius

2022
UI/UX
WOW Website
Visual Brand Identity

About

Sirius — is the largest shelter for stray animals in Ukraine. Since 2000, they have been sterilizing and finding permanent homes for dogs and cats, helping to humanely solve the problem of the huge number of stray animals.

CHALLENGE

The goal of the project was to redesign the website for the largest animal shelter in Ukraine. The main task was to create a "wow" design and find a zest for Sirius and to encourage adopting animals from the shelter in a fun way.

SOLUTION

To meet Sirius's challenges, Cosmos Studio dedicated over 600 hours to redesign the website. Our approach included UI/UX design, development, testing, and social media integration, focusing on a captivating "wow" design.

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

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

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

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

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

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

We created a microanimation of eyes in love and placed it near the headlines. This small detail creates liveliness on the website because eyes convey a wide range of emotions.

Sirius-6
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
Sirius-6
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')
Sirius-6
Framed section
Order number
Remove spacing
(type 'top' or 'bottom')

Sirius-7
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
Sirius-7
Full screen section
Order number
3
Remove spacing
(type 'top' or 'bottom')
Sirius-7
Full screen section
Order number
3
Remove spacing
(type 'top' or 'bottom')
No items found.
Sirius-7
Multi image section
Order number
Remove spacing
(type 'top' or 'bottom')
DETAILS

We also developed a video for Instagram to draw attention to the updated website and encourage people to adopt animals from the shelter.

Sirius-7
Details section
Order number
1
Remove spacing
(type 'top' or 'bottom')
bottom
Sirius-7
Framed section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
Sirius-7
Framed section
Order number
2
Remove spacing
(type 'top' or 'bottom')
top
Sirius-8
Text section
Order number
Remove spacing
(type 'top' or 'bottom')
Sirius-8
Full screen section
Order number
3
Remove spacing
(type 'top' or 'bottom')
top bottom
Sirius-8
Full screen section
Order number
3
Remove spacing
(type 'top' or 'bottom')
top bottom
No items found.
Sirius-8
Multi image section
Order number
4
Remove spacing
(type 'top' or 'bottom')
top
MICRO-ANIMATION

This is one of the most important blocks on the website, because anyone who cares can donate money to keep animals in the shelter.‍We have carefully worked out the flow of making a donation on the site.

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

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

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

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

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

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

Sirius-14
Details section
Order number
Remove spacing
(type 'top' or 'bottom')
Sirius-14
Framed section
Order number
1
Remove spacing
(type 'top' or 'bottom')
Sirius-14
Framed section
Order number
1
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