Online video portfolio

  • Identity
  • Interface

Manuel Rueda is a German video artist traveling the world to capture action sports and work for corporate clients as well.

User Experience

What we did

Manuel was looking for a straight forward approach to present his work online – but with a little twist to have a lasting effect on his visitors. We designed a bold one-pager with a nice 3D effect happening on scroll.

  1. Identity & Branding
  2. User Experience
  3. Interface & Interaction Design
  4. Development

#Suzuki Nine Knights

##Event Teaser 2015

Suzuki Nine Knights sind einzigartige Action-Sport-Events, bei denen spektakuläre Bilder entstehen.

-Kunde: Suzuki Nine Knights
-Agentur: peoplegrapher
-Jahr: 2014


#Universität Siegen


In Form von kurzen Geschichten werden Identifikationsfiguren aus dem Umfeld der Universität Siegen vorgestellt.

-Kunde: Pressestelle Universität Siegen
-Agentur: feet&frames
-Jahr: 2014


#Schneider´s Bäckerei


Keine Gimbals, keine Drohnen, kein Schnickschnack und keine künstlichen Zusatzstoffe. Der Imagefilm von Schneider´s Bäckerei aus Siegen ist eben echt 100% Handwerk - genau wie Schneider´s.

-Kunde: Schneiders Bäckerei
-Agentur: markenstürmer
-Jahr: 2015



##Store Opening Berlin

Der größte Fussball-Online-Shop Deutschlands eröffnet seinen Flagship-Store in Berlin mit vielen Stars. U.a mit Arne Friedrich, Sami Allagui, Bushido und vielen mehr!

-Kunde: 11Teamsports
-Agentur: revo Köln
-Jahr: 2014

Text File CMS

The site’s custom content management system is based on a few markdown text files. Maintaining the portfolio and adding new content is a piece of cake.

Responsive Design
Mobile Design
Jitter Pattern
Jitter Pattern
Business Cards
700gr Business Cards

By combining conceptual thinking with smart aesthetics, we create meaningful experiences that have both: surface and substance

Humans & Machines is an independent design and development studio with offices in Berlin and Cologne. With a dedicated team of designers and developers, storytellers and problem-solvers, we create bespoke solutions for brands in digital and analog environments.

  • IResearch & Analysis
  • Business Development
  • Product Companionship
  • Communication Strategy
  • Workflow Creation
  • IIUser Experience
  • Information Architecture
  • Identity & Branding
  • Interface & Interaction Design
  • Creative Direction
  • IIIFull Stack Development
  • Server Technology
  • Process Automation
  • User Testing
  • Prototyping


Im Sionstal 3–5
50678 Köln

  • Directions
  • Google Maps


Heinrich-Roller-Straße 21
10405 Berlin

  • Directions
  • Google Maps

We believe that communication is key to creating solutions that communicate. That’s why we always work in close collaboration with clients big and small. These are some of the companies we’ve had the opportunity to work with:

  • Bosch
  • Carrois Type Foundry
  • Colido
  • Commercetools
  • Damir Doma
  • Discover Shadow Inc.
  • Dua Collection
  • Manuel Rueda
  • Mykita
  • Onewheel
  • Paperboats
  • Pottporus
  • Rocin
  • Redbull
  • Specs Berlin
  • Stella McCartney
  • Studio Fitz
  • Volkswagen
  • Voyr × Kanye West
  • The Munich Show
Thorsten Kozik
Direction and Design
Stefan Rüschenberg
Engineering and Innovation
Cengiz Mardin
Engineering and Automation
Christian Nadolle
Engineering and Data Security
Jonas Girnatis
Engineering and Architecture
Sebastian Schäfer
Engineering and Technology
Raffael Stüken
User Experience and Design

Let’s shape something great – together. To find out how we can help you, call us at +49 30 4431 8996 0 or email

  • BBerlin
  • Heinrich-Roller-Straße 21
  • 10405 Berlin
  • CCologne
  • Im Sionstal 3–5
  • 50678 Cologne

Imprint Humans & Machines

Legal Notice

Humans & Machines GmbH
Heinrich-Roller-Straße 21
10405 Berlin

+49 30 4431 8996 0

Court of Registration:
Amtsgericht Charlottenburg
HRB 160830 B
UID-Number: DE296480613

Management Board:
Sebastian Schäfer, Raffael Stüken

Studio Images:
Christoph Mack

Typeface: Humans Grotesk
In collaboration with Ralph du Carrois

Unless otherwise noted, all content, including images, photographs, designs, videos, illustrations, and written materials that appear as part of this website (collectively, the “contents”) are copyrights, trademarks and/or other intellectual properties owned, controlled or licensed by Humans & Machines and/or affiliates. The website as a whole is protected by copyrights which are owned by Humans & Machines.

Under no circumstances shall these digital files, images, texts and graphics be used, copied, displayed or pulled from this site without the expressed written agreement of Humans & Machines. No right, title, or interest in any downloaded materials is transferred to you as a result of any such downloading or copying. You may not reproduce, publish, transmit, distribute, display, modify, create derivative works from, sell or participate in any sale of, or exploit in any way, in whole or in part, any of the contents, the website or any related materials.

Privacy information: This website uses Piwik, a web analytics open-source software. Piwik uses “cookies”, which are text files placed on your computer, to help the website analyze how users use the site. The information generated by the cookie about your use of the website (including your IP address anonymized prior to its storage) will be stored on the server of the service provider in Germany. You may refuse the use of cookies by selecting the appropriate settings on your browser, however please note that if you do this you may not be able to use the full functionality of this website.

©2018 Humans & Machines Gmbh