Transform your YouTube content into instant cash.

  • CLIENT JELLYSMACK CREATOR UNIVERSE

    • PRODUCT DESIGN

    • MOTION DESIGN

    • BRANDING

    • WEB

    • 2023

01

Project details

My role was to design a full self-serve automated workflow for content creators.

CONNECT

Creators, on reaching the landing page, are prompted to link their YouTube account to access an offer for instant extra revenue and free exposure on top-tier pages to boost their channel.

EVALUATE

The YouTube account has been connected, and our AI is now analyzing the creator's content to determine a potential offer. Should their videos align with our interests, an offer will be extended.

SIGN

Creators interested in the offer may sign it, undergoing the in-house KYC process required for the contract, plus Stripe's KYC procedure to facilitate the payment collection process.

Colors

Project colour pallete

  • Lilac

    #E08AF4

  • Azure

    #3C94F7

  • Muted Lilac

    #925F9E

  • Jellysmack

    Gradient

  • Whispering Sky

    #EAECF0

  • Midnight Forest

    #333940

  • Lilac

    #E08AF4

  • Azure

    #3C94F7

  • Muted Lilac

    #925F9E

  • Jellysmack

    Gradient

  • Whispering Sky

    #EAECF0

  • Midnight Forest

    #333940

  • Lilac

    #E08AF4

  • Azure

    #3C94F7

  • Muted Lilac

    #925F9E

  • Jellysmack

    Gradient

  • Whispering Sky

    #EAECF0

  • Midnight Forest

    #333940

  • Lavender Mist

    #9C87A1

  • Harbor Mist

    #71767B

  • Coral

    Gradient

  • Teal

    #00D180

  • Lime

    #00E94F

  • Lavender Mist

    #9C87A1

  • Harbor Mist

    #71767B

  • Coral

    Gradient

  • Teal

    #00D180

  • Lime

    #00E94F

  • Lavender Mist

    #9C87A1

  • Harbor Mist

    #71767B

  • Coral

    Gradient

  • Teal

    #00D180

  • Lime

    #00E94F

  • Midnight Void

    #000

  • Morning Frost

    #E6E9F0

  • Emerald Splash

    #22C55E

  • Sunset Blaze

    #D92D20

  • Jellysmack

    Vertical Gradient

  • Midnight Void

    #000

  • Morning Frost

    #E6E9F0

  • Emerald Splash

    #22C55E

  • Sunset Blaze

    #D92D20

  • Jellysmack

    Vertical Gradient

  • Midnight Void

    #000

  • Morning Frost

    #E6E9F0

  • Emerald Splash

    #22C55E

  • Sunset Blaze

    #D92D20

  • Jellysmack

    Vertical Gradient

02

Evaluate

If users qualify for the offer, they will be promptly presented with an option to preview each section of the contract, allowing them to thoroughly examine the details.

Users are in control
Users maintain full control and receive clear information. For example, in the mockup on the left, toggling the “Content” section allows you to select or deselect videos that JellySmack may license. Simultaneously, the summary card is sticky, moving with you as you scroll, and the total price adjusts as videos are unchecked.

Animation

Offer calculation

As the offer is being calculated, a distinctive loading state is displayed, featuring a 3D Jellyfish in perpetual motion, surrounded by swirling particles. Engaging phrases and icons are alternated to vividly represent the loading and cognitive process of the AI, adding a dynamic and captivating visual experience.

Evaluate

Offer & KYC process

Evaluate

Desktop layout

03

Sign

Advanced navigation
With the assistance of a sticky layout on the left, users can effortlessly navigate through the contract structure. Simultaneously, a button to sign the contract is consistently available on the right. Users are informed that they must first scroll through the entire content before proceeding to sign.
Minimalistic design
In instances where additional elements are unnecessary, the design is maintained with a clean and minimalistic approach, utilizing whitespace. This ensures that on screens such as confirmation states, there is no overload of information, creating a visually pleasing and uncluttered experience.