SELECT YOUR

DESTINATION. . .

ZEUSS

‍

2021

UI/UX

WOW Website

E-commerce & Online Shops

getzeuss.com

visit website

getzeuss.com

View on Behance

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

Remove spacing

(type 'top' or 'bottom')

ZEUSS-1

Full screen section

Order number

Remove spacing

(type 'top' or 'bottom')

ZEUSS-1

Full screen section

Order number

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

Remove spacing

(type 'top' or 'bottom')

ZEUSS-1

Framed section

Order number

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

Remove spacing

(type 'top' or 'bottom')

top

ZEUSS-2

Full screen section

Order number

Remove spacing

(type 'top' or 'bottom')

top

No items found.

ZEUSS-2

Multi image section

Order number

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

Remove spacing

(type 'top' or 'bottom')

bottom

ZEUSS-3

Full screen section

Order number

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

Remove spacing

(type 'top' or 'bottom')

top bottom

ZEUSS-4

Full screen section

Order number

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

Remove spacing

(type 'top' or 'bottom')

top bottom

ZEUSS-5

Full screen section

Order number

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

Remove spacing

(type 'top' or 'bottom')

top

ZEUSS-6

Full screen section

Order number

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

Remove spacing

(type 'top' or 'bottom')

top

ZEUSS-7

Full screen section

Order number

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

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

Remove spacing

(type 'top' or 'bottom')

top bottom

ZEUSS-8

Full screen section

Order number

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

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

Remove spacing

(type 'top' or 'bottom')

top bottom

ZEUSS-9

Full screen section

Order number

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

Remove spacing

(type 'top' or 'bottom')

top

ZEUSS-10

Full screen section

Order number

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

Remove spacing

(type 'top' or 'bottom')

bottom

ZEUSS-10

Framed section

Order number

Remove spacing

(type 'top' or 'bottom')

top

ZEUSS-10

Framed section

Order number

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

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

Remove spacing

(type 'top' or 'bottom')

bottom

ZEUSS-11

Framed section

Order number

Remove spacing

(type 'top' or 'bottom')

ZEUSS-11

Framed section

Order number

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

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

Remove spacing

(type 'top' or 'bottom')

bottom

ZEUSS-12

Framed section

Order number

Remove spacing

(type 'top' or 'bottom')

bottom

ZEUSS-12

Framed section

Order number

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

Remove spacing

(type 'top' or 'bottom')

top

ZEUSS-13

Framed section

Order number

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

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

Remove spacing

(type 'top' or 'bottom')

bottom

ZEUSS-14

Framed section

Order number

Remove spacing

(type 'top' or 'bottom')

ZEUSS-14

Framed section

Order number

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

Remove spacing

(type 'top' or 'bottom')

top

ZEUSS-15

Full screen section

Order number

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

Remove spacing

(type 'top' or 'bottom')

bottom

ZEUSS-15

Framed section

Order number

Remove spacing

(type 'top' or 'bottom')

ZEUSS-15