Portfolio ··· Nico Hagenburger

After being more than two years online, I rebuild the whole frontend of moviepilot with Haml, Sass and Compass. It’s much more lightweight now, has 30%+ less tags and 50%+ less classes and is much faster now. As another aspect I brought much more consistency to the plattform and introdused RedGreenGrid as a global baseline grid. **My role:** Haml, Sass, HTML5, Ruby on Rails, JavaScript, Photoshop, Frontend Speed-Up, RSpec, RedGreenGrid www.moviepilot.de

I don’t like coffee and I’m very addicted to tea—so I was very pleased to create the website for my favorite tea house Chén Chè while drinking blue flower tea. **My role:** Design, HTML5, Haml, Sass, jQuery www.chenche-berlin.de

Twittwoch is a monthly convention I’m running with Stefan Wolpers and others. The Twittwoch website is a WordPress blog combined with a Ruby on Rails application for signing up for the events. **My role:** HTML5, CSS, WordPress Theme, Ruby on Rails, Haml, Sass, Twitter API, Photoshop, Logo, Design

Own Project with Stefan for delicious ice cream recipies for home we created in our office. Special thanks to Manniac for drawing the comic character. **My role:** HTML, CSS, WordPress Theme, WordPress Plugins, Logo, Design www.stefans-eis-rezepte.de

Susuh needed a frontend for extremely fast loading times with minimal file sizes, tags, few HTTP requests **My role:** Haml, Sass, HTML5, Ruby on Rails, JavaScript, Photoshop, Frontend Speed-Up, RSpec, RedGreenGrid www.susuh.de

Fructus is the company of Christoph Kappes. The website had to be exactly the same as the design for all browsers including Internet Explorer 6.0. **My role:** HTML5, CSS, WordPress Theme, WordPress Plugins www.fructus-gmbh.de

Qype got a complete redesign, new concepts and the beginning of the internationalization. **My role:** Design, Photoshop, Concepts, HTML, CSS, Ruby on Rails

Just an own project about Berlin livestyle between the subway stations. **My role:** HTML5, CSS, WordPress Theme, WordPress Plugins, Design, Logo www.stadtbahn-blog.de

Logo Design

Selected Clients and Projects

Client, Skills	Year
iPhone App design for myrunbase Photoshop	2011
Design, logo and t-shirts for EuRuKo 2011 (Europäische Ruby-Konferenz) · euruko2011.org Photoshop, SCSS	2011
Frontend development for Cognita AG, Switzerland · www.bluereport.net SCSS, HTML5, JavaScript, jQuery	2011
API showcases for moviepilot GmbH Haml, SCSS, CSS3 with 3D, HTML5, JavaScript, jQuery	2010, 2011
André Cantarel, 3D artist · www.cantarel.de HTML5, SCSS, Ruby, jQuery	2009, 2010, 2011
Julien Berginat, French product designer · www.julienbergignat.com Photoshop, Haml, SCSS, CSS3, HTML5, JavaScript, jQuery, tumblr theme	2010, 2011
Joseph CL Tong, Artist · www.josephtong.de Haml, SCSS, HTML5, JavaScript, jQuery	2010
Videoload movie rating popup with API access (via moviepilot GmbH) · videoload.moviepilot.com/assistent/ Haml, SCSS, HTML5, JavaScript, jQuery	2010
Flexible design and frontends for multiple platforms as Compass plugin for DS Digitale Seiten GmbH · www.dachdecker.com Haml, SCSS, HTML5, JavaScript, jQuery	2010
Unternehmerdinner (eventurecat GmbH) · www.unternehmerdinner.net HTML5, CSS, HTML, Sass, WordPress, Design, Photoshop	2010
RUG-B — Ruby User Group Berlin · www.rug-b.de Haml, Sass, HTML5, Design, Photoshop	2010
Jovoto GmbH · internal project Sass, HTML5, jQuery	2010
Teehaus Chén Chè/Anthô GmbH · www.chenche-berlin.de Design, Photography, Sass, HTML5, jQuery	2010
SOZIALHELDEN e. V. · www.wheelmap.org Haml, Sass, HTML5, Ruby on Rails, Open Street Map	2010
AMOOMA GmbH · www.amoocon.de Haml, Sass, HTML5, Ruby on Rails, RedGreenGrid	2010
moviepilot GmbH · www.moviepilot.de Haml, Sass, HTML5, Ruby on Rails, JavaScript, Photoshop, RSpec, RedGreenGrid	2009, 2010
friendticker/servtag GmbH (via DIS AG) · www.friendticker.com Ruby on Rails, Cucumber, jQuery, Speed-up	2009, 2010
eventurecat GmbH · www.eventurecat.com HTML5, CSS, HTML, Sass, WordPress, Design, Photoshop	2009, 2010
atoms&bits festival · spenden.atomsandbits.org Haml, Sass, Ruby on Rails, Twitter API, PayPal API, Cucumber	2009
Tan Vuong Hair & Make-Up · www.tanvuong.de Design, Logo, Photoshop, InDesign	2009
palomar5 e. V. Haml, Sass, Compass, Ruby on Rails, Cucumber	2009
Twittwoch e. V. HTML5, CSS, Ruby on Rails, Design, Photoshop, Logo	2009
1000joboersen UG Consulting	2009
Fructus GmbH · www.fructus-gmbh.de HTML5, CSS, WordPress Theme, WordPress Plugins	2009
*KIKA – Kinderkanal/MDR (via 13. Stock Online Relations GmbH & Co. KG)** Community Design Consulting	2009
Santa Fe Natural Tobacco Company: Germany GmbH (via 13. Stock Online Relations GmbH & Co. KG) HTML, CSS, Design, Photoshop	2009
dailyme.tv GmbH · www.dailyme.tv HTML, CSS, Ruby on Rails, Photoshop, Design, Concepts, Tests	2008, 2009
13. Stock Online Relations GmbH & Co. KG · www.13stock.de Design, Logo	2008
Clipgenerator/Trivid GmbH · www.clipgenerator.com HTML, CSS, JavaScript, Design, Photoshop	2008
Susuh GmbH · www.susuh.de HTML5, CSS, Ruby on Rails, jQuery, Design, Photoshop, Logo	2007, 2008, 2009
sport-id/Net-ID GmbH HTML, CSS, WordPress Theme	2007
Deutschlandreporter.de (via Jarlssen GmbH) · www.deutschlandreporter.de Design, Photoshop	2007
Cellity AG · aquired by Nokia HTML, CSS, JavaScript, WordPress Theme	2007
Qype GmbH (via Jarlssen GmbH) HTML, CSS, Ruby on Rails, Photoshop, Design, Concepts	2006, 2007
ComBOTS AG HTML, CSS, Ruby on Rails, JSF, JavaScript, Cocoon, Design, Photoshop, Style Guide	2006, 2007
Reckitt Benckiser Deutschland GmbH HTML, CSS, PHP	2006
ekaabo GmbH Design, Photoshop	2006
WEB.DE GmbH (via kuehlhaus AG) HTML, CSS, Photoshop	2005, 2006
Perkeo Apotheke · www.perkeo-apotheke.de HTML, CSS, PHP, Design, Photoshop	2005
Dr. Haidrun Wietler · www.wietler.com HTML, CSS, PHP, Design, Photoshop	2005