Skittles.com
Description
Wrigley asked Big Spaceship to give Skittles a renewed digital presence. Big Spaceship, in turn, asked you to expect the unexpected. This was our Experience the Rainbow campaign.
| [Skittles’ Colorful, Clearly Drug-Induced, Never-Ending Wacky Website | TechCrunch](https://techcrunch.com/2010/02/05/skittles-website/?guccounter=1&guce_referrer=aHR0cHM6Ly93d3cuZ29vZ2xlLmNvbS8&guce_referrer_sig=AQAAANHNVGkPeV0Nqd5LhkuZioeK1diXvYq2g3I9ENX6RM0sUrboLORwHUhq4ux9X9VsQEyCQs68AFq_hD1zVSFwYan2nOLpEuUxipbOFJir4rIwTqqM6h8qhOUEWVulITWbAZg4bHcD6sqDp31qGZ8t0qDeLBUX4nLHaTVVYyzY5bng) |
Fun Facts
- We built a custom CMS for this to power the site in several regions. It allowed markets to sync popular content back and forth — something I’m still working to replicate in my more recent work.
- We put ASCII art in the source code, including an image of my face. TechCrunch noticed.
- Designed with mobile browsers in mind, and shipped three months before the term “responsive design” was coined.
- Designed to increase & activate Skittles’ massive social media following. At the time was one of the largest channels on Facebook (3+ fans that grew to 12M+ over the lifespan of the site).
- Live polled Twitter sentiment for colors and changed the theme of the site based on the results.
- The team workshopped dozens of fun rhymes riffing on “Taste the Rainbow”, then drew them in Photoshop on the site. Midjourney before Midjourney, I suppose.
- Used a mix of transparent Flash assets and HTML/CSS to make rich interactive content for desktop.
<!--
==============================================================================================================
i;;;;;;;,,,,,,,,,,,,,::::::::::::::::::::..:::::::::::::::::::::.:
i;;;,,,,,,,,,,,,,,::::::::::::::.................................:
;;;,,,,,,,,,,,,,::::::::::........:::;;,;,:::....................:
;,,,,,,,,,,,:::::::::::.......:,:,i;;ijjifjit;,:.................:
;,,,,,,,,,:::::::::::........,fGLffLKKEKKWWELji:.................:
;,,,,,,,,::::::::::.........;GDDEKWi.,;;;iLK#EGi;................:
;,,,,,::::::::::...........:DEDGL. ,;;i,,,;i;jWEEt,..............:
,,,,,:::::::::::........... ifjtt;ti;Gi:,;;iiiGKfi:..............:
,,::::::::::::............. tff ,fffEDi:;fGEfijKDG,. ............:
,:::::::::::.:..............:f. :iffff:GLtGfitDKKG: .............:
,:::::::.:..................:,:,iiti:,,fLttjDDKWDt ..............:
,::::::.....................t:ittft;,fLj,,,;tEKKj ...............:
,::::........................iitL#WWGitji;itGj; ... .............:
:::::.......................:jjtffjtfEEtiiiG; ...................:
::..........................:jfiijjjffjiift ....................:
:........................::,;jGLi;;iitfjL, ......................:
:............ ...:,:t,ji.,i;i;LEfLGftfjji .....................:.:
:.......... :,,;tjtLtL;:,iijtjtjttttjjtji,: ...................:::
:.... .. . .fffftffjLt;ttjjjLLfjtttjfLLffj;f: ..............:::::,
:...... .;ttLLfffffffjffffffLLLLfffffjjjjfffti:.........::::::::,
:... ,ifjLffLffffffffLfLfffffffffffffjffftt;;...:.:::::::::::,
.... :ijjLLLGLfffffffLLLLLfLLLLLfffffffffffjfji,::::::::::::::,
:... .ijLGfGLGLfffffLLLLLLLLLLffLLfffLffffLfjjfjjt:::::::::::,,,
:.... .;tfLLGLLGGLLLLLLLLLLLLLLLfLLLffLffffffjjfffft,::::::::::,,,
:.... ,;tLGLLGLDGLLLLLLLLLLLLLGLLLLLffLLfffLfLffjjfj,::::::::,,,,;
:....;ttjtLLLLLGDGGLLLLLLGGGGGGLLLLLLLLLfLLLffjffffj,::,:,,,,,,,,;
==============================================================================================================
-->
Skittles Facebook app.
<!--
==============================================================================================================
.::::::::::...
.:::::::::,:,:::::,,:,::::.
::::,,,,,,,,,,,,,,,,,,,,,,,,,,,,:::
:::,,,,,,,,,,,,,,,,:,:::,,,,,,,,,,,,,,::.
:::,,,,,,,,,,,,,,,,,,,,,,,:::::::::,,,,,,,,,::
:,,,,,,,,,,,,,,,,;;;;;;;;;;;;,,,,,:::,,,,,,,,;,,,.
:,,,,,,,,,: ;;;iiiiiiiiiiiiii;;;,,,,,;,;;;;;;;,,:
:,,,,,,,,,, iii . :tttttttiiiii;;;;;;;;;;;;;,,,
,,,,;;,,,,, ;iiii... .......tttttttttiiiiiiiiiiiii;;;;,:
,,;;;;;;;;: iiii .. ...ti......ttttttttttttiiiiiiiiiii;;;;.
,;;;;;;;;;i :. ....tttttt....jtttttttttttttttttiiiiiiii;;,
;;;;;;iiiii, .. ...ttttttt ...tttttttttttttttttttttiiiiiii;;
;;;;iiiiiiiii,. ...itttt., .... tttjjttttttttttttttttttttiiiii;.
,;;iiiiiiiiittttttttttti.......tjjjjjjjjjjjjtttttttttttttttiiii;:
;iiiiiiiiiittttttttttti......tjjjjjjjjjjjjjjtjtttttttttttttttii;:
iiiiiiiiittttttttttttttttjjjjjjjjjjjjjjjjjjjjjjjtttttttttttttii,
;iiiiiiitttttttttttttttjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjtttttttti;,
;iiiittttttttttttttjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjtjtttttti;:
;iiiitttttttttttttjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjjtti;,
iittttttttttttjjjjjjjjjjjjjjjjjjjfffffjffjjjjjjjjjjjjjjjjjtii,
tttttttttttjtjjjjjjjjjjjjjjjjffffffffffffffffjjjjjjjjjjjjtti,
,tttttttjjjjjjjjjjjjjjjjjfffffffffffffffffffffffffffjjjjtti;
tttttjtjjjjjjjjjjjjfffffffffffffffffffffffffffffffjjjjtii;
jtjjjjjjjjjjjjjfffffffffffffffffffffffffffffffffjjjtti;,
jjjjjjjjjjjjjjffffffffffffffffffLLLLLLLLLLLfffjjjtti;
;jjjjjjjjjffffffffffffffLLLLLLLLLLLLLLLLffffjjttii
jjjjjjffffffffffLLLLLLLLLLLLLLLLLLLLfffjjjttii
ijjfffffffffLLLLLLLLLLLLLLLLLLLfffjjjttti
jffffffLLLLLLLLLLLLLLLLffffjjjjttti
jjjjfffffffffffffjjjjjtttt;
ijjjjjjjjttttt.
==============================================================================================================
-->
<!--
==============================================================================================================
LGGGGGGGGGGGGG
GGGGGjttttttttttttttjGGGGG
GGGGttttt::::::::::::::::tttttGGGG
GGGtttt:::::ffffffffffffffff:::::ttttGGG
.GGttt::::ffffjjjjjjjjjjjjjjjjjjffff::::tttGG:
jGGttt:::fffjjjjWWWWWWWKEEKWWWWWKKjjjjfff:::tttGGf
GGtti::fffjjjKWWWEEEEEEj tEEEEEEWWWWjjjfff::ittGG
GGGtt::fffjjGKWDEEE EEEDWKDjjfff::ttLGG
GGtt,::ffjjKWKEEE EEEWWWjjff:::ttGG
GGtt::ffjjjKWEEE LEEWKjjfff::ttGG
GGtt::ffjjjWWEE EEKWLjjff::ttGG
GGti:;fjjGWEEK KEDWDjjf;:itGG
GGtt::ffjjWWEE EEWWjjff::ttGG
GGt,:ffjjKWEE EEWKjjff:;tGG
:Gtt::ffjjWWEE EEWWjjff::ttG;
DGtt::ffjjWEEL iEEWjjff::ttGD
==============================================================================================================
-->