Marcus Kellner
Senior Art Director & Web Design Spezialist
Bildwerk Studio GmbH
Marcus Kellner ist Spezialist für fotolastige Webdesign-Layouts mit Fokus auf Full-Bleed-Bildkomposition, Bildgalerien mit Lightbox-Overlays und optimierte Text-über-Bild-Lesbarkeit bei hochauflösenden Webfotografien. Seit 14 Jahren arbeitet er in Webdesign und digitaler Fotografie und hat sich zum führenden Experten für bildgesteuerte Webprojekte entwickelt.
Nach seinem Studium der Mediengestaltung an der Bauhaus-Universität Weimar arbeitete Marcus zunächst bei renommierten Designagenturen in Berlin und München. Seit 2018 leitet er als Senior Art Director bei Bildwerk Studio GmbH die Konzeption und Umsetzung bildgesteuerter Webprojekte für nationale und internationale Kunden. Seine Arbeiten wurden in Fachjournalen veröffentlicht und auf internationalen Designkonferenzen präsentiert.
Kernkompetenzen
Full-Bleed Bildkomposition
Großformatige Fotografie als dominantes Gestaltungselement. Marcus entwickelt Layouts, bei denen hochauflösende Bilder nicht einfach Dekoration sind, sondern das Kernstück der visuellen Kommunikation bilden. Die Herausforderung: Bildqualität bewahren, ohne die Performance zu opfern.
Bildgalerien & Lightbox-Systeme
Interaktive Galerien mit Lightbox-Overlays, die Besucher in Bildwelten eintauchen lassen. Marcus hat Erfahrung mit verschiedenen Lightbox-Techniken – von klassischen Modal-Overlays bis zu modernen Fullscreen-Galerien. Wichtig dabei: intuitive Bedienung und schnelle Bildladung.
Text über Bildern lesbar machen
Einer der kniffligsten Aspekte von fotolastigen Layouts: Text über Bildern muss lesbar bleiben. Marcus setzt hier bewährte Techniken ein – Dunkelungsfilter, Text-Schatten, Semi-transparente Hintergründe – und findet immer die Balance zwischen Lesbarkeit und Design.
Bildoptimierung & Web Performance
Hochauflösende Bilder sind wunderbar – aber nur wenn die Seite schnell lädt. Marcus kombiniert moderne Bildformate (WebP, AVIF), intelligente Bildgröße-Anpassung und Lazy-Loading-Techniken. Das Ergebnis: Seiten, die beeindruckend aussehen und trotzdem schnell laden.
Responsive Bildgestaltung
Fotolastige Layouts auf allen Geräten – vom Smartphone bis zum großen Desktop-Monitor. Marcus weiß, wie man Bildkomposition responsive gestaltet, ohne dabei den visuellen Impact zu verlieren. Jede Bildgröße hat ihre eigene Strategie.
Barrierefreiheit & Accessibility
Fotolastige Layouts können schnell unzugänglich werden. Marcus achtet auf aussagekräftige Alt-Texte, semantisches HTML und alternative Textinhalte. Auch bildgesteuerte Websites müssen für alle Menschen nutzbar sein.
Beruflicher Hintergrund
Ausbildung: Bauhaus-Universität Weimar
Studium der Mediengestaltung mit Fokus auf digitale Bildgestaltung, Typografie und Webdesign. Hier entdeckte Marcus seine Leidenschaft für die Verbindung von Fotografie und Webgestaltung. Das Bauhaus-Erbe – funktionales Design trifft künstlerische Vision – prägt seine Arbeitsweise bis heute.
Berlin & München: Agenturen 2012–2017
Nach dem Studium arbeitete Marcus bei führenden Berliner und Münchner Designagenturen. Hier sammelte er umfangreiche Erfahrung mit bildgesteuertem Webdesign für nationale und internationale Kampagnen. Er leitete Projekte für Luxury-Brands, Fotografen und Medienunternehmen – immer mit dem Fokus auf fotolastige Layouts.
Bildwerk Studio GmbH: Senior Art Director seit 2018
Seit über 6 Jahren leitet Marcus als Senior Art Director die Konzeption und Umsetzung bildgesteuerter Webprojekte bei Bildwerk Studio GmbH. Er führt ein Team von Designern und Entwicklern und verantwortet strategische Entscheidungen zu Bildkomposition, Performance und User Experience. Seine Arbeiten wurden in Fachjournalen wie „Design Observer” und „It’s Nice That” veröffentlicht und auf Konferenzen wie der Awwwards Conference präsentiert.
Heute: Innovationen in Bildoptimierung & Web Performance
Marcus beschäftigt sich kontinuierlich mit neuen Technologien und Standards im Web – von modernen Bildformaten bis zu Advanced CSS Techniken. Er ist überzeugt, dass großformatige Fotografie im Web ein kraftvolles Gestaltungsmittel ist, wenn es mit technischem Verstand und Rücksicht auf User Experience umgesetzt wird.
Arbeitsweise & Philosophie
Fotografie als Erzählung
Marcus sieht Fotografie nicht als Schmuck, sondern als Sprache. Jedes Bild erzählt eine Geschichte, setzt einen Ton, schafft eine Emotion. In fotolastigen Layouts ist die Bildauswahl genauso wichtig wie die technische Umsetzung. Deshalb arbeitet Marcus eng mit Fotografen und Creative Directors zusammen, um sicherzustellen, dass die visuellen Inhalte die Markengeschichte wirklich erzählen.
Balance zwischen Schönheit und Performance
Es gibt einen Unterschied zwischen einem großartigen Print-Design und einem großartigen Web-Design. Marcus versteht diese Unterschiede und weiß, wie man Bildkomposition für das Web adaptiert. Hochauflösende Bilder sind nur dann wertvoll, wenn die Seite schnell lädt. Darum kombiniert er moderne Bildformate, intelligente Caching-Strategien und Responsive-Bildtechniken – ohne dabei visuellen Impact zu verlieren.
Accessibility ist kein Add-on
Fotolastige Layouts können schnell unzugänglich werden – wenn Bilder die einzigen Informationsträger sind oder wenn Text über Bildern nicht lesbar ist. Marcus integiert Barrierefreiheit von Anfang an in die Gestaltung. Das bedeutet: aussagekräftige Alt-Texte, semantisches HTML, Text-Kontraste, die WCAG-Standards erfüllen, und alternative Textinhalte für wichtige Informationen.
Agile & iterative Entwicklung
Große fotolastige Websites entwickeln sich nicht in einem Durchgang – sie wachsen und verbessern sich. Marcus arbeitet in iterativen Zyklen, testet Bildgröße, Ladezeiten und Benutzerinteraktionen, und optimiert kontinuierlich basierend auf echten Daten. Das bedeutet auch: bereit sein, Annahmen zu hinterfragen und neue Ansätze zu probieren.
Artikel & Ressourcen
Marcus schreibt regelmäßig über fotolastige Webdesign-Layouts, Bildoptimierung und technische Best Practices.
Oversized Hero Photography richtig einsetzen
Wie große Hero-Bilder zur Hauptstärke werden – statt zur Performance-Falle. Techniken für Impact ohne Ladezeit-Opfer.
Text über Bildern lesbar machen
Bewährte Techniken für Text-über-Bild-Lesbarkeit: Dunkelungsfilter, Text-Schatten, Semi-transparente Hintergründe und mehr.
Bildgalerien mit Lightbox-Funktionen
Von klassischen Modal-Overlays bis zu modernen Fullscreen-Galerien: Wie man interaktive Bildgalerien gestaltet, die schnell laden.
Hochauflösende Bilder schnell laden
WebP, AVIF, Responsive Images, Lazy Loading: Die modernen Techniken zur Bildoptimierung für das Web erklärt.
Zusammenarbeit mit Marcus
Interessiert an fotolastigen Webdesign-Projekten? Erfahren Sie mehr über die Dienstleistungen von Bildwerk Studio GmbH oder nehmen Sie direkten Kontakt auf.