CSS Zen Garden

CSS Zen Garden Challenge

The CSS Zen Garden Challenge

A demonstration of what can be accomplished through CSS-based design. CSS Zen Garden challenge involves taking the HTML file and designing your own version of the site.  The rules are that you are not allowed to change the HTML in any way.  Everything you do in order to affect the design of the page must be done with CSS.

CSS Zen Garden: Painting The Roses Red

Launch Website

Website Breakdown

Skills CSS, Illustrator CS6
Position Front End Developer, Illustrator
Year 2012
Type Website Style
Format CSS3

Features

  • Original Illustrations

Description

Illustrations and user experience are inspired by Alice in Wonderland. The user scrolling the page is akin to falling further down the rabbit hole. Illustrations were sketched and created in illustrator, all design is created with CSS3 and applied to predetermined markup from the zen garden challenge.

I was responsible for user experience design, and visual design.

Website Photos

CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden
CSS Zen Garden