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


Wollankstraße 101
13187 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
  • Wollankstraße 101
  • 13187 Berlin
  • CCologne
  • Im Sionstal 3–5
  • 50678 Cologne

Imprint Humans & Machines

Legal Notice

Humans & Machines GmbH
Wollankstraße 101
13187 Berlin

+49 30 4431 8996 0

Court of Registration:
Amtsgericht Charlottenburg

Registry number:
HRB 160830 B

Tax identification number according to §27a of the German tax law:

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

Studio Images:
Christoph Mack

Typeface: Humans Grotesk
In collaboration with Ralph du Carrois

Online dispute resolution (ODR) and consumer dispute resolution:
Hereby we ( like to invite you to visit the Platform for Online Dispute Resolution (ODR) of the European Commission. The ODR platform can be reached under the following Internet address: Please note that we are not obliged and in principle not willing to participate in a dispute settlement procedure of consumer arbitration boards.

Subject to alterations.

©2021 Humans & Machines Gmbh