Kaffe & Co

[wolf wrapper=“wrapper“ parallax=“true“ captionparallax=“true“ randomhorizontaloffset=“false“ mouseparallax=“false“][wolfitem size=“whalf“ speed=““ image=“http://www.spab-rice.com/wordpress/demo/avoc-demo/wp-content/uploads/2015/07/600×400-light.jpg“ imagelink=“lightbox“ url=““ captionshow=“false“ imageposition=“wleft“ captionstyle=“wolf-default“ customcaptionwidth=““ customimagewidth=““ captionposition=“overlay“][/wolfitem][wolfitem size=“whalf“ speed=““ image=“http://www.spab-rice.com/wordpress/demo/avoc-demo/wp-content/uploads/2015/07/600×400-light.jpg“ imagelink=“lightbox“ url=““ captionshow=“false“ imageposition=“wleft“ captionstyle=“wolf-default“ customcaptionwidth=““ customimagewidth=““ captionposition=“overlay“][/wolfitem][wolfitem size=“whalf“ speed=““ image=“http://www.spab-rice.com/wordpress/demo/avoc-demo/wp-content/uploads/2015/07/600×400-light.jpg“ imagelink=“lightbox“ url=““ captionshow=“false“ imageposition=“wleft“ captionstyle=“wolf-default“ customcaptionwidth=““ customimagewidth=““ captionposition=“overlay“][/wolfitem][wolfitem size=“whalf“ speed=““ image=“http://www.spab-rice.com/wordpress/demo/avoc-demo/wp-content/uploads/2015/07/600×400-light.jpg“ imagelink=“lightbox“ url=““ captionshow=“false“ imageposition=“wleft“ captionstyle=“wolf-default“ customcaptionwidth=““ customimagewidth=““ captionposition=“overlay“][/wolfitem][/wolf][columnsection wrapper=“wrapper“][col size=“one-full“ last=“last-col“]

Visual Identity

[sr-subtitle size=“h5″ alignment=“center“]for a virtual coffee shop[/sr-subtitle]

[/col][/columnsection][spacer size=“small“][columnsection wrapper=“wrapper-small“][col size=“one-half“]

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

[/col][col size=“one-half“ last=“last-col“]

Qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/col][/columnsection]

Brücke Bier

[wolf wrapper=“wrapper“ parallax=“true“ captionparallax=“true“ randomhorizontaloffset=“false“ mouseparallax=“false“][wolfitem size=“wfull“ speed=“1.4″ image=“http://johannesmaas.de/wp-content/uploads/2015/07/600×400-light-1.jpg“ imagelink=“false“ url=““ captionshow=“true“ imageposition=“wright“ customcaptionwidth=“60%“ customimagewidth=““ captionposition=“overlay“]

[sr-subtitle size=“h5″ alignment=“auto“]Branding[/sr-subtitle]

The Efimer

[/wolfitem][/wolf][columnsection wrapper=“wrapper-mini“][col size=“one-full“ last=“last-col“]

Idea

Efimer is a project based on the concept that fashion is ephemeral. To represent this idea I designed a haute couture collection made by vegetables, which are ephemeral too. I decided to paint the vegetables to give uniformity at the clothes and express the purity that provides the white color.

Awards

awwwards – Special Mention
csswinner – Winner of the Day
cssreel – Winner of the Day

Art Direction

Anna Salvador
annasalavdor.com

[/col][/columnsection][spacer size=“big“][columnsection wrapper=“wrapper“][col size=“one-full“ last=“last-col“][sr-gallery images=“image~~10~~http://johannesmaas.de/wp-content/uploads/2015/07/600×400-light-1-150×150.jpg|||image~~10~~http://johannesmaas.de/wp-content/uploads/2015/07/600×400-light-1-150×150.jpg“ type=“gallery“ columns=“2″ animation=“delayed“ tilesize=“300″ spaced=“yes“ lightbox=“no“][sr-gallery images=“image~~14~~http://johannesmaas.de/wp-content/uploads/2015/07/1100×600-light-1-150×150.jpg“ type=“gallery“ columns=“1″ animation=“delayed“ tilesize=“300″ spaced=“yes“ lightbox=“no“][sr-gallery images=“image~~10~~http://johannesmaas.de/wp-content/uploads/2015/07/600×400-light-1-150×150.jpg|||image~~10~~http://johannesmaas.de/wp-content/uploads/2015/07/600×400-light-1-150×150.jpg“ type=“gallery“ columns=“2″ animation=“delayed“ tilesize=“300″ spaced=“yes“ lightbox=“no“][/col][/columnsection]

Modern Wood Chair

[columnsection wrapper=“wrapper“][col size=“one-third“]

Client Name

[sr-subtitle size=“h6″ alignment=“auto“]Wooden chair company[/sr-subtitle]

[/col][col size=“one-third“]

Project Details

[sr-subtitle size=“h6″ alignment=“auto“]Branding & Marketing[/sr-subtitle]

[/col][col size=“one-third“ last=“last-col“]

Our Role

[sr-subtitle size=“h6″ alignment=“auto“]Art Director & Marketing[/sr-subtitle]

[/col][/columnsection][spacer size=“big“][horizontalsection background=“color“ colorbg=“#f7f7f7″ imagebg=““ imageparallax=“true“ videomp4=““ videowebm=““ videoogv=““ videowidth=““ videoheight=““ videoposter=““ videoparallax=“true“ videooverlay=““ videooverlayopacity=“1″ textcolor=“text-dark“ pdtop=“120″ pdbottom=“120″][columnsection wrapper=“wrapper“][col size=“one-full“ last=“last-col“]

Case Study Project Page

[spacer size=“small“][/col][/columnsection][columnsection wrapper=“wrapper“][col size=“one-half“]

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/col][col size=“one-half“ last=“last-col“]

Vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

[/col][/columnsection][/horizontalsection][spacer size=“big“][columnsection wrapper=“wrapper“][col size=“one-full“ last=“last-col“][sr-gallery images=“image~~12~~http://johannesmaas.de/wp-content/uploads/2015/07/600×800-light-1-150×150.jpg|||image~~12~~http://johannesmaas.de/wp-content/uploads/2015/07/600×800-light-1-150×150.jpg|||image~~12~~http://johannesmaas.de/wp-content/uploads/2015/07/600×800-light-1-150×150.jpg“ type=“gallery“ columns=“3″ animation=“delayed“ tilesize=“300″ spaced=“yes“ lightbox=“yes“][/col][/columnsection]