Contact

ZEUSS

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

About

Zeuss is an e-commerce healthcare website with weight loss & skin treatment prescriptions.

CHALLENGE

The task was to create a website with a template solution for scalable landing pages and subscriptions that would streamline managing subscriptions of all Zeuss products.

SOLUTION

We worked thoroughly on every detail of the project, including discovery, design, photo retouching, animations, and development.

We created a landing template with a flexible system for five different pages, animated the entire page to enhance visual style and highlight a modern approach, and edited more than 100 unique photos for the website.

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

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

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

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

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

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

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

We animated the whole page to increase visual style and higlight modern approach.

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

We've created landing template with flexible system for 5 different pages.

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

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

Subscription via woocommerceю.

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

Managing all subscriptions in the personal account: payment, status, cancelation, details, etc. There’s also an option to add additional staff for the Elite plan in the personal account.

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

References and general look and feel. Live photos with people and their real skin, body, hair, etc. minimalistic style. It should be photos in a warm color scheme, live and dynamic. Also, there should be some close-up photos of skin, hair, etc.

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

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

Our goal is to make a fast-loading website for any device. For the mobile version, we reduced photo content but saved the sense of the blocks.

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

Pages contain a lot of useful content. The Mobile version is good-optimized and works even faster, than the desktop version, because we optimized all pages for the Mobile-first approach.

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