Sequences


Sequences is a UI module I designed and developed while building-out the Chapter 11 TV website.


Ch11 started as a sort of anti-brand.. Dane had become disillusioned with representing major surf brands as they went through a boom and bust cycle through the 2010s.


I designed the website to complement the ethos with a web 1.0 style and a try-less attitude. And, Dane was blogging again, a nod to his famed 2000s-era website Marine Layer.



Early website



I was layering content, such as this css-only :hover glitch effect (tap on mobile).



Inspired by old magazine photo sequences, I began to translate this to a website.






Some different carousel options:






Scroll + animate was fun and surprising!



Mikey Clarke



We used Sequencer in different productions like blog posts and the home page.