This onepager creates an experience for the user, pulling him into the Sharpie world, combining the low tech world of marker and paper with the high tech world. The website opens with classic Sharpie doodles.
People have been drawing on photographs for decades, so it seemed only fitting to use this technique in the ABOUT section.
What better way to check the different colors than by drawing a tattoo?
Sharpies are often used to create patterns, so I displayed the different specialty colors using different patterns.
A little inspiration from some of the greatest Sharpie artists in the world with the medium of video.
By hovering over the different types of markers you can see a doodle that shows you the brush stroke, just like you would do when testing them on a piece of paper.
When you return back to the collection from a specific marker, the page scrunches up.
Hand drawn footer.
MOBILE
The responsive mobile version retains the same experience, with certain adjustments. the menu is placed in a hand drawn hamburger menu.
The same experience, just using only the tip of the markers.
A change of the layout allows the patterns and specialty markers to still shine.
The video fills the whole screen in horizontal view.
Scrolling is done with your finger, since there is no hover in mobile you first choose the marker and then test it out.
Mobile friendly footer.
wireframes
initial sketch
ux wireframe
