Introduction

14 Jahre lang habe ich für eine inhabergeführte Agentur Websites, Branding, Packagings und vieles mehr gestaltet, betreut und programmiert. Jetzt ist es Zeit für etwas Neues und ich bin auf der Suche nach einer neuen Herausforderung. Für meine Kund:innen habe ich mehr als 60 Websites vom Briefing, über Konzept bis zum Go-Live, Schulungen und Content-Pflege begleitet.

Ich verstehe mich primär als Web- und UI/UX-Designer mit starker Frontend-Kompetenz. Ich gestalte nicht nur durchdachte Interfaces und Atomic Design Systeme in Figma — ich code sie auch selbst. Ich kenne die technischen Fallstricke an den Projektschnittstellen in- und auswendig und weiß, was im Code umsetzbar ist. Aus meinen Layouts entwickle ich maßgeschneiderte WordPress-Themes, die exakt so aussehen und performen, wie sie konzipiert wurden. Alternativ setze ich auf statische Site Generatoren wie Eleventy und einer Prise SASS. Als Autodidakt bleibe ich technisch stets am Ball und kann mich auch auf neue Tech-Stacks einstellen.

Ich suche ein neues, langfristiges Zuhause im Hamburger Agenturumfeld, um euer Team produktiv zu unterstützen. Mein Start ist flexibel gestaltbar, idealerweise in den kommenden Monaten, gerne auch im Rahmen flexibler Arbeitszeitmodelle.

Unten seht ihr meine Skills bei einem typischen Web-Projekt aufgeschlüsselt. Natürlich könnt ihr auch direkt zu meinem Lebenslauf oder meinen Referenzen springen.

Ich freue mich auf ein unkompliziertes Kennenlernen. Gerne können wir uns auch über LinkedIn vernetzen.

hallo@bjoern-sucht-job.de

Skills

Meine Skills anhand eines Web-Projekts

Klicke einen Skill an, um mehr zu erfahren

Konzeption & UX

Wireframes

Konzeption von Benutzerflüssen, Seitenstrukturen und Interaktionen (digital in Figma oder analog auf Papier) zur Gewährleistung einer intuitiven Navigation.

Mockups

Erstellung visueller Entwürfe zur Festlegung von Moods, Farben und Schriften sowie zur Definition klarer visueller Hierarchien vor dem finalen Design.

Sitemap Organisation

Strukturelle Analyse und Neustrukturierung komplexer Seitenarchitekturen, optional visualisiert durch interaktive Prototypen zur Nachverfolgung von Inhaltsmigrationen.

UI Design & Visuals

Figma Expert

Komponentenbasierte Arbeitsweise (Component-driven Design).
Aufbau, Skalierung und Pflege von Design Systemen & UI-Kits.
Advanced Features: Libraries, Auto-Layout, Varianten, Design Tokens, interaktive Prototypen

Adobe Creative Cloud

Sicherer Umgang mit Adobe Photoshop, Illustrator, Adobe Express, Firefly (AI) und Adobe XD. Grundkenntnisse in InDesign für medienübergreifende Anforderungen.

Atomic Design

Konsequente Berücksichtigung von Variablen und modularen Komponenten bereits in der Wireframe- und Mockup-Phase zur Optimierung des späteren Entwicklungs-Workflows.

Responsive Design

Konzeption und Gestaltung von flexiblen Layouts, Typografie und Interaktionen, die plattformübergreifend auf allen Endgeräten eine optimale User Experience garantieren.

Retusche

Fortgeschrittene Bildbearbeitung, Composings, Produkt-Mockups und digitale Bildmanipulation unter Einhaltung non-destruktiver Workflows mit sauberen Masken- und Ebenenstrukturen sowie gezieltem Einsatz von KI-Werkzeugen.

Vector Design

Erstellung und Web-optimierte Aufbereitung von Vektorgrafiken, Logos, Icons und Illustrationen in Adobe Illustrator zur Ergänzung von Figma-Projekten.

DaVinci Resolve

Videoschnitt und Postproduktion mit DaVinci Resolve für Social-Media-Kanäle und Webshops.

Coding & Frontend

WordPress

Ganzheitliche Betreuung: Hosting, Installation, Konfiguration, Wartung, Performance-Optimierung, SEO-Fundamente, Sicherheitskonzepte und technischer Support.

Custom Hybrid Themes

Entwicklung maßgeschneiderter Hybrid-Themes unter intensivem Einsatz von Advanced Custom Fields (ACF) zur Bereitstellung individueller Page-Builder-Strukturen.

Advanced Custom Fields

Implementierung komplexer Felder-Strukturen, Flexible Fields für maßgeschneiderte Page-Builder, Repeater, globale Optionsseiten und ACF-basierte Gutenberg-Blöcke.

Gutenberg & Blocks

Tiefgreifende Anpassung, Extended Customization und Full Site Editing (FSE) auf Basis moderner Block-Themes.

WordPress Multisites

Konzeption und Administration von Multisite-Netzwerken mit zentral gesteuerten, optimierten Themes und übergreifender Benutzerverwaltung.

Static Site Generator

Entwicklung extrem performanter, wartungsarmer und sicherer Websites mit Eleventy (11ty) ohne CMS-Overhead. Diese Website läuft mit Eleventy.

HTML5

Fundierte Umsetzung von semantischem, barrierefreiem (A11y) und suchmaschinenoptimiertem Code nach modernen Webstandards.

SCSS

Strukturierte Stylesheet-Entwicklung mit CSS3 und Sass (SCSS) für modulare, skalierbare und wartbare Design-Architekturen.

PHP

Serverseitige Programmierung, fokussiert auf dynamische Logik und die native WordPress-Theme-Entwicklung.

js/jQuery

Entwicklung interaktiver Frontend-Features mittels modernem JavaScript (Vanilla JS) sowie effiziente Nutzung von jQuery-Bibliotheken.

Nunjucks

Effiziente Nutzung der Template-Engine für modularen, wiederverwendbaren HTML-Code, insbesondere im Zusammenspiel mit dem Static-Site-Generator Eleventy (11ty). Diese Website wurde komplett mit Nunjucks umgesetzt.

Das lerne ich gerade

Vue.js

Grundlegendes Verständnis komponentenbasierter Reaktivität und reaktiver Komponentenarchitektur in Webanwendungen.

Pinia

Strukturierte Zustandshaltung (State Management) und reaktive Datenflüsse in webbasierten Anwendungen.

Phaser.js

Entwicklung interaktiver 2D-Web-Spiele mit Architektur-Verständnis für Game Loops, Physik-Engines und Asset-Management. Beispiel gefällig? Jetzt im Browser spielen.

Das kann ich noch nicht

React

Theoretische Konzepte des Frameworks sind bekannt; eine praktische Anwendung in Form von produktiven Projekten wurde bisher noch nicht umgesetzt.

Backend Coding

Die Entwicklung eigener Custom-Backend-Systeme inklusive nativer Datenbankanbindung gehört nicht zu meinem Kompetenzbereich.

WP Plugins

Die Entwicklung von Plugins, die tiefgreifend in das WordPress-Backend eingreifen oder Core-Funktionalitäten modifizieren überlasse ich spezialisierten Backend-Entwicklern; mein Fokus liegt auf der maßgeschneiderten Theme-Architektur.

Deployment & Hosting

WP Staging

Einrichtung und Verwaltung von isolierten Testumgebungen für sichere Updates und risikofreie Feature-Deployments.

WP Migration

Sicherer Transfer von WordPress-Instanzen inklusive komplexer Datenbank-Migrationen, serialisierter Search-&-Replace-Operationen und Domain-Anpassungen.

Hosting- & Server

Konfiguration gängiger Hosting-Plattformen, Implementierung von SSL-Zertifikaten sowie sichere Serververwaltung via FTP/SFTP und SSH.

Backup Management

Implementierung, Automatisierung und Überwachung zuverlässiger Backup-Strategien zur Gewährleistung der Datensicherheit.

OPTIMIERUNG & SEO

Accessibility

Umsetzung digitaler Barrierefreiheit nach WCAG 2.1 Richtlinien sowie Gewährleistung einer lückenlosen Cross-Browser-Kompatibilität.

Datenschutz

Technische Umsetzung von DSGVO-Vorgaben: Integration von Cookie-Consent-Tools (z. B. Borlabs Cookie), Skript-Anpassungen zur datenschutzkonformen Ausführung (Opt-In/Opt-Out), Überwachung von Drittanbieter-Verbindungen sowie Implementierung automatisierter Löschfristen für Kontaktformulardaten.

Newsletter-Tools

Konzeption, visuelle Gestaltung und Versand von Newsletter-Kampagnen sowie datenschutzkonforme (DSGVO) Verwaltung von Empfängerdatenbanken in Mailchimp, Rapidmail und Cleverreach.

PageSpeed

Gezielte Performance-Optimierung von Webprojekten mit Fokus auf exzellente Ladezeiten und das Bestehen der Google Core Web Vitals.

SEO

Nachhaltiges On-Page- und Technical-SEO durch semantisches HTML5 und die strukturierte Implementierung von Schema-Markup.

JSON

Strukturierung, Validierung und Verwaltung von Daten in JSON-Formaten zur dynamischen Bereitstellung und Konfiguration von Webinhalten.

Generative Engine Optimization

Zukunftsorientierung: Optimierung von Webinhalten zur Erfassung durch KI-gestützte Suchmaschinen.

KI & ARBEITSWEISE

Google AI Professional

Als zertifizierter Google AI Professional nutze ich künstliche Intelligenz gezielt im Agenturalltag für z.B. Brainstorming, Recherche, Ideation, Content-Erstellung, Data Analysis und im Coding.
Zertifikat anzeigen

Agile Methoden

Praktische Erfahrung mit agilen Workflows (Scrum-Grundlagen, Kanban) und kollaborativem Arbeiten in Sprint-basierten Teams.

Projektmanagement

Sicherer Umgang mit etablierten Task- und Ticket-Management-Systemen zur Gewährleistung transparenter und strukturierter Projektphasen (Trello, Jira, Asana).

Autodidakt

Kontinuierliche, selbstständige Aneignung neuer Technologien und Konzepte durch gezielte Recherche, Fachdokumentationen, Tutorials und Developer-Plattformen.

Prompt Engineering

Zielgerichteter Einsatz von Large Language Models (LLMs) für effizientes Brainstorming, Content-Strukturierung und visuelle Ideenfindung.

AI-Assisted Coding

Effiziente Nutzung moderner CLI- und Code-Assistenz-Tools zur Beschleunigung von Refactoring, Debugging und Syntax-Adaptionen mit Fokus auf Logik-Adaption.

Deutsch Muttersprache

Präzise, stilsichere und professionelle Kommunikation in Deutsch (Muttersprache) über alle Projekt- und Abstimmungsphasen hinweg.

Englisch Verhandlungssicher

Verhandlungssichere Englischkenntnisse (C2): fließende professionelle Kommunikation in Wort und Schrift.

Mac OS / Windows

Nahtloser Wechsel und plattformübergreifendes Arbeiten unter macOS und Windows.

Side Projects

Praxiserprobte Full-Stack-Erfahrung durch Eigenprojekte:

Konzeption und technische Umsetzung einer Affiliate-Filterplattform für Sneaker-Stores.
Aufbau und operativer Betrieb eines E-Commerce-Labels (Design, Infrastruktur, Payment, Logistik, Social Media).
Entwicklung von Spiele-Prototypen auf Basis von Phaser.js

🚀

Biete: UI/UX-Designer mit viel erfahrung

Ich bin Björn Dammann: Euer neuer Allrounder für Konzept, Design und Frontend. Mehr als 60 Websites. Von der ersten Skizze bis zum fertigen WordPress-Theme.