oakley use case

launch of new product oakley kato

landing page and newsletter design

concept

⟶ dark theme and smooth animations to highlight product design and its high technology
⟶ rounded containers referring racing field
⟶ bold and lower case heading to express friendly power
⟶ page experience activated by scroll

concept

⟶ dark theme and smooth animations to highlight product design and its high technology
⟶ rounded containers referring racing field
⟶ bold and lower case heading to express friendly power
⟶ page experience activated by scroll

product module

product module

product color variant

IMG product
Color details
CTA to product page
Horizontal scroll
animation: going from a variant to another by reducing image dimention into a corner rounded box, swipe image and expanding to full screen

highlights

highlights

key information

Change image and highlight on scroll (3 scrolls)
4 scroll - parallax over the background img
Fade in from bottom

  • hand holding a pencil
  • concept
  • logo design of a blackberry (mora)
  • style guide
  • logo design of a blackberry (mora
  • strategic placement
  • logo design of a blackberry (mora
  • additional content
  • hand holding a pencil
  • concept
  • logo design of a blackberry (mora)
  • style guide
  • logo design of a blackberry (mora
  • strategic placement
  • logo design of a blackberry (mora
  • additional content

accessories

nosepads

accessories

Text fade in animatio
nosepads card
unsincronized scroll of the nosepad cards

closing module

closing module

wrap up

Insiparional claim
Product name
CTA to product page

styleguide

cloudwords

screenshot of heatmaps showing results befor and after
screenshot of heatmaps showing results befor and after
screenshot of heatmaps showing results befor and after

moodboard

or call me

or call me

or call me