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
- Komponentenbasierte Arbeitsweise (Component-driven Design).
- Aufbau, Skalierung und Pflege von Design Systemen & UI-Kits.
- Advanced Features: Libraries, Auto-Layout, Varianten, Design Tokens, interaktive Prototypen
×
Figma Expert
×
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.
×
Neos
Das CMS ist bisher nicht im meinem Repertoire vorhanden, eine schnelle und eigenständige Einarbeitung in die Systemumgebung ist jedoch jederzeit möglich.
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.
×
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
- 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
×
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:
🚀