A History of Errors

Yet sometimes we get it right

9

Radspannerei

#Business #Webdesign #Responsive #WordPress #WooCommerce

2017

About

Together with Blinkenbox IT-Kollektiv we worked quite hard to get this one right: The new website of Radspannerei – a Berlin based bike shop/collective. This spring, we relaunched their famous (but back then technically outdated) Radspannerei-Blog and launched their new web-shop. We aimed at catching their alternative approach to bikes – while building a seamless experience for readers and customers alike. We really enjoyed working with Radspannerei – and probably they are a perfect place for your (new) bike, too!

Typefaces

GT Pressura Mono & Aperçu

What we did

  • Custom theming for WordPress
  • Consultancy on Typography and Branding
  • Import of old static pages into WordPress (including custom Python scripting for the task)
  • Carefully crafted update from really old WordPress
  • eCommerce Training and Tutorial for our Customer
  • Maintenance
9

IN*VISION

#Politics #Webdesign #Printdesign #Responsive #Kirby

2016

About

IN*VISION is a seminar&festival organized by Falken Berlin. The 2016 edition of IN*VISION is themed "weiße.perspektiven.aufbrechen." (something like "break white privilege!"). We helped updating the print- & merchandise layouts and we also built a new website – for which we translated some ideas from the print design to the screen. The website is based on our new favourite CMS Kirby. Our work was a small contribution to IN*VISION — but for us it is great to be able to support them in getting their message across. Some of us will attend, so let's meet at 2016's IN*VISION!

Typefaces

Helvetiva Neue, Didact Gothic & Roboto

What we did

  • Custom Webdesign
  • Made with Kirby
  • Usage Introduction & Tutorial for our Customer
  • Maintenance
8

Pride Parade Berlin

#Politics #Webdesign #Kirby

2016

About

For the most awesome DISABILITY + MAD PRIDE PARADE BERLIN (BEHINDERT UND VERRÜCKT FEIERN PRIDE PARADE BERLIN) we built a new website. We aligned our design with their existing, quite brillant poster layout. At the same time we wanted the site to be as accessible as we could achieve – so we also made a secondary contrast version for when you can read those better. (And we are always looking for critique in this regard, so let us know when something does not work for you!) This has been our first project using Bastian Allgeier's awesome flat-file Kirby CMS — and we'd recommend Kirby to everbody. But, back to politics: Be sure to learn about PRIDE PARADE BERLIN's work – and to support it!

Typefaces

Gunplay, Roboto & Roboto Slab

What we did

  • Custom Webdesign
  • Made with Kirby
  • Usage Introduction & Tutorial for our Customer
  • Maintenance
7

Misogi Dogi

#Business #Webdesign #Responsive #WordPress #WooCommerce

2016

About

In close collaboration with Lucile Barras, the founder of sustainable Aikido clothing company MISOGI DOGI, and the Swiss branding and multimedia agency SICHTFELD, we created a cutting edge design. Being at the core of MISOGI DOGI’s cooperate strategy, it visually reflects the brand’s commitment to the Aikido philosophy, while presenting the company’s product and their efforts in a streamlined way. The project included an online shop based on “WooCommerce”. Check out their website and support their effort of sustainable production of martial arts uniforms — especially if you're an Aikidoka!

Typefaces

Fira Sans & Montserrat

What we did

  • Custom theming for WordPress
  • Consultancy on Typography and Branding (in cooperation with Sichtfeld branding agency)
  • Usage Tutorial for our Customer
  • Maintenance
6

Moritz Gerlach

#Art #Photography #Responsive #Koken #OpenSource

2015

About

The idea of this project for Hamburg based photographer MORITZ GERLACH was to give photos and text the presentation they deserve – fullscreen photo views, combined with beautiful typefaces. This was our first project using the photographer's CMS “Koken”. Our development was based on an Open Source theme by John Elgenstierna. We love the result – and we hope you do, too.

Typefaces

ADAM.CG PRO/Merriweather

What we did

  • Custom Theme for Koken “Norma Adams” (based on “Norma” by John Elgenstierna)
  • Consultancy on Typography (in cooperation with Shrenik Ganatra)
  • Usage Tutorial for our Customer
  • Maintenance
5

AH by Grünwald

#Business #Webdesign #Responsive #WordPress #WooCommerce

2015

About

For the recently founded small fashion and handbag boutique AH DESIGNED BY GRÜNWALD we designed their online store, which is based on the shop system “WooCommerce”. In our work we took the font used for their logo – a version of the modern classic ITC Avant Garde Gothic – as a basis for the site's appearance. Together with our client we decided on a monochrome color scheme, which is contrasting their ornated and visually complex product line. A big part of the job was business consultancy, especially regarding all aspects of integrated online retailing.

Typefaces

TeX Gyre Adventor, Alegreya & Dubiel

What we did

  • Custom theming for WordPress/WooCommerce
  • Consultancy on Typography
  • Consultancy on Shop Customization
  • Usage Tutorial for our Customer
  • Maintenance
  • Project hosted with Biohost.de using 100% Renewable Energy
4

Robert Herzog

#Art #Webdesign #Responsive #Promotion

2015

About

For the artist ROBERT HERZOG we built a clean and responsive website which is dominated by it's fullscreen background images, simple and few design elements and a clear navigation at the bottom. The idea was to put the art and the underlying ideas into the spotlight. Apart from the website we designed print materials, e.g. for exhibitions. Still one of our favorites!

Typefaces

Raleway, Montserrat & Lato

What we did

  • Idea/Concept
  • Responsive Webdesign
  • Exhibition Promotion and Business Cards
  • Maintenance
  • Project hosted with Biohost.de using 100% Renewable Energy
3

Steampunk Tools

#Business #Webdesign #Responsive #JavaScript

2015

About

For David Hippedinger, the owner of STEAMPUNK TOOLS we built our version of a Steampunk styled website. This projects was all about an eye for the detail — especially as we tried to fuse modern web trends with the historistic matter of the website. Without grabbing the attention away from the products, this website underlines the amount of effort flowing into David's work and showcases the products in a great look & feel. The result is as handmade and custom as the Steampunk products themselves.

Typefaces

Deco Mon Type, Josefin Slab & Dosis

What we did

  • Idea/Concept
  • Responsive Webdesign
  • Custom JavaScript image gallery "Thumbzoom Gallery"
  • Project hosted with Biohost.de using 100% Renewable Energy
2

Herzog Parkett

#Business #Webdesign #Responsive #SEO

2014

About

For the small, but awesome solid wood workshop HERZOG PARKETT we rebuilt their website. Using their coporate identity color orange as a design guideline, we refreshed their 90s-looking old page with something still basic, but not outdated. We also worked some magic to improve their position in search results.

Typefaces

Anaheim/Noticia Text

What we did

  • Idea/Concept
  • Responsive Webdesign
  • Search Engine Optimization (SEO)
  • Maintenance
  • Project hosted with Biohost.de using 100% Renewable Energy
1

Theater Miamou

#Art #Theater #Webdesign #Responsive

2013

About

As our first project this one was the catalyst for us getting back to building websites. We worked closely with Mirjam Hesse, the artist behind Berlin based modern puppetry theatre THEATER MIAMOU. Her idea was to built a website that doesn't want to be just a website: The result is somewhat playful and breaks with rules of standard webdesign, but is still clear and intuitive. In 2015 we refined some elements.

Typefaces

PT Sans Narrow/Special Elite

What we did

  • Idea/Concept
  • Responsive Webdesign
  • Maintenance