Portfolio
Christian Wedel
Christian Wedel
Creative Developer mit WordPress Spezialisierung
Ich bin Frontend Entwickler mit Fokus auf UX Design und User Experience. Ich habe über 10 Jahre Erfahrung als Web Entwickler und Designer für Websites, E-Commerce, Membership Plattformen und Custom Plugin Solutions für WordPress.
Ansonsten reise ich so viel wie möglich, interessiere mich für Philosophie, Kunst, Kulturen und koche gerne ausgefallene Gerichte.
Leistungen
- Interactive UI
- Motion Design (GSAP)
- Microinteractions
- UX
- 3D & WebGL (three.js)
- Design-to-Code Collaboration
- Design Systems
- Storytelling Websites
- WordPress Development
- Plugins & Themes
- Elementor Widgets
- ACF
- WooComerce
- Frontend (JS, CSS, GSAP, three.js, p5.js)
- API Integrations (REST, GraphQL)
- KI Integration
- WooCommerce
- Digitale Produkte
- Custom Coding
- Membership & Lernplattformen
- Integration externer Shoplösungen wie Digistore24, Copecart, Paddle…
- Technische Planung
- Web Performance & Web Vitals
- Git, Slack, Notion
- Testing
Showcase (Meine Favoriten)
Eingangsanimation
Beschreibung:
Interaktive Elemente im Hintergrund, die sich nach einem zufallsbasierten Algorithmus windähnlich bewegen und umherwirbeln. Dahinter steckt ein komplexer Code, der versucht natürliche Prozesse best möglich nachzubilden.
Ziele:
- Nutzerinteraktion fördern
- Liebe fürs Detail kommunizieren
Technik:
- JS/CSS/p5.js
Übergangsanimationen
Beschreibung:
Es sollte eine lebendige und verspielte Website entstehen, die unser Unternehmen best möglich repräsentiert. Dafür haben wir auf Scrollanimationen gesetzt und diese mit GSAP umgesetzt.
Ziele:
- Lebendige Landingpage, die sich abhebt
- Conversion Optimierung durch User Interaction
- Aufmerksamkeit
Technik:
- JS/CSS/GSAP
Microinteraktionen
Beschreibung:
Auf der Landingpage wurde mit vielen Microinteraktionen gearbeitet. Z.B. bei Klick auf die Preiskarten ändert sich sofort der Text im Container und an anderen Stellen öffnet sich ein Pop-Up.
Ziele:
- Überflüssige Ladezeiten vermeiden
- Informationen hierarchisch ordnen
- Intuitive Navigation
Technik:
- JS/CSS
Mein absolutes Nerd Projekt.
Ein advanced Farbgenerator, der Farbharmonien basierend auf menschlicher Wahrnehmung berechnet und diese in einem 3d CIELABs Farbraum darstellen kann. Dadurch ergeben sich wesentlich angenehmere und komplexere Harmonien.
Leistung:
- Farbharmonie Berechnung auf Basis von CIELABs, statt wie bisher RGB
- 3d Darstellung der Farben
Technik:
- PHP/JS/three.js/color.js/API
Basic Farbharmonien
Beschreibung:
Der Farbgenerator berechnet bei Eingabe einer Farbe live passende Farben und gibt zusätzliche Infos zur Basisfarbe aus.
Ziele:
- Komplexe Farbberechnung und sofortiger Überblick über mögliche Kombinationen
- Speichern einzelner Farben und Paletten
Komplexes Finetuning
Beschreibung:
Einzelne Farbpaletten können ausgewählt und in einem 3d Live Model bearbeitet werden. Die Paletten bilden einen Körper im CIELAB Farbraum, der gedreht werden kann. Dadurch entstehen automatisch harmonische Variationen der Palette.
Ziele:
- Komplexes Bearbeiten der Farbpaletten im 3d CIELAB Farbraum
- Sofortige Ausgabe als CSS Code
Farbschattierungen
Beschreibung:
Es werden Farbschattierungen nach verschiedenen Systemen berechnet und nebeneinander live angezeigt. Die Intensität und Anzahl der Farben kann individuell eingestellt werden.
Ziele:
- Schnelles finden der passenden Schattierungen
Das DSGVO Pixelmate, ein Cookie Consent Plugin für WordPress, habe ich 2018 in Kooperation mit lawlikes programmiert und seit dem vermarktet.
Es hilft Websites mit wenigen Klicks DSGVO konform zu machen. Wir wollten ein einfaches und Budget freundliches Plugin schaffen, was nicht super viel Einarbeitung und Programmierkenntnisse voraussetzt.
Leistung:
- Programmierung eines komplexen Cookie Consent Plugins für WordPress
- Website Gestaltung und Umsetzung
- Betreuung und Entwicklung seit 2018
Technik:
- PHP/JS/CSP/API
Cookie Banner
Beschreibung:
Es kann ein Cookie Banner erstellt werden, auf dem die User einfach Cookies bestätigen, ablehnen und einzeln auswählen können.
Ziele:
- Seriöses Design mit verschiedenen Layout Möglichkeiten
- Notwendige Informationen klar formuliert
Einfache Settings
Beschreibung:
Besonderen Wert wurde auf die Einfachheit der Bedienung gelegt. Klares Layout, komplexe Einstellungen einfach kommuniziert und intuitive Bedienung
Ziele:
- Zugänglichkeit für Nicht-Programmierer gewährleisten
- Vermeidung komplizierter Dokumentationen, durch die sich die User erst durcharbeiten müssen
Auswahl Websites
In Zusammenarbeit mit Bettina Wedel.
Meine Leistung: Technische Umsetzung der Website, Programmierung eines Gebrauchtmarktes mit erweiterter Suchfunktion.
In Zusammenarbeit mit Véronique Martin.
Meine Leistung: Technische Umsetzung der Website mit Online-Shop, Programmierung spezieller Rechner für WooCommerce.
In Zusammenarbeit mit Véronique Martin.
Meine Leistung: Technische Umsetzung der Website mit Online Shop.
Danke fürs lesen. Schreib mir gerne eine Nachricht.
KONTAKT
Klingt erstmal ganz gut? Schreib mir gerne eine Nachricht und lass uns einen Termin für ein Kennenlernen ausmachen.
Kontakt
Klingt erstmal ganz gut? Schreib mir gerne eine Nachricht und lass uns einen Termin für ein (kostenloses) Kennenlernen ausmachen.
