National Geographic

National Geographic

National Geographic

Role in the project

UI/UX/Development

About the project

Lead collection page for the Disney+ channel

Client

Disney+

Challenge

Challenge

Refreshing the page "Watch National Geographic Sharks" to attract more customers

Refreshing the page "Watch National Geographic Sharks" to attract more customers

The page was intended to encourage greater conversion and use of the Disney+ channel. "Do you like sharks? Check out our movies."

The page was intended to encourage greater conversion and use of the Disney+ channel. "Do you like sharks? Check out our movies."

Solution

Solution

The shark animation is anchored to the CTA button "GetDisney"

The shark animation is anchored to the CTA button "GetDisney"

I applied the theme of a floating shark in the form of a 3D parallax animation. Based on the completed training "Master NLP", I used the technique called anchoring. The floating shark swims and stops at the CTA button "Get Disney+". I created UI/UX designs as well as a fully functional online site in the no-code app Dora.

I applied the theme of a floating shark in the form of a 3D parallax animation. Based on the completed training "Master NLP", I used the technique called anchoring. The floating shark swims and stops at the CTA button "Get Disney+". I created UI/UX designs as well as a fully functional online site in the no-code app Dora.

1 stage

1 stage

Creating a project based on the Design System and importing video in place of the page background

Creating a project based on the Design System and importing video in place of the page background

  • DESIGN SYSTEM

2 stage

2 stage

Importing a 3D shark model and creating an animation

Importing a 3D shark model and creating an animation

The Dora application has enabled the creation of an attractive parallax animation of a floating shark that moves towards the button responsible for conversion.

The Dora application has enabled the creation of an attractive parallax animation of a floating shark that moves towards the button responsible for conversion.

3 stage

3 stage

Implementing cards with available movies on the Disney+ channel

Implementing cards with available movies on the Disney+ channel

The cards can be swiped left and right, showing the current selection of movies available on the Disney+ channel.

The cards can be swiped left and right, showing the current selection of movies available on the Disney+ channel.

  • DISNEY+ MOVIE CARDS