Portfolio
Christian Wedel
Christian Wedel
Creative developer with a specialization in WordPress
I am a frontend developer with a focus on UX design and user experience. I have over 10 years of experience as a web developer and designer for websites, e-commerce, membership platforms, and custom plugin solutions for WordPress.
Services
- 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)
- AI Integration
- WooCommerce
- Digital products
- Custom coding
- Membership & learning platforms
- Integration of external shop solutions such as Digistore24, Copecart, Paddle…
- Technical planning
- Web performance & web vitals
- Git, Slack, Notion
- Testing
Showcase (favorites)
Header animation
Description:
Interactive elements in the background that move and swirl like wind based on a random algorithm. Behind this is complex code that tries to simulate natural processes as accurately as possible.
Goals:
Encourage user interaction
Communicate attention to detail
Technology:
JS/CSS/p5.js
Transition animations
Description:
The goal was to create a lively and playful website that represents our company in the best possible way. We used scroll animations implemented with GSAP.
Goals:
Lively landing page that stands out
Conversion optimization through user interaction
Capture attention
Technology:
JS/CSS/GSAP
Microinteraction
Description:
The landing page featured many microinteractions. For example, clicking on the pricing cards immediately changes the text in the container, and in other places, a pop-up opens.
Goals:
Avoid unnecessary loading times
Organize information hierarchically
Intuitive navigation
Technology:
JS/CSS
My absolute nerd project.
An advanced color generator that calculates color harmonies based on human perception and can display them in a 3D CIELAB color space. This results in much more pleasant and complex harmonies.
Service:
- Color harmony calculation based on CIELAB, instead of the traditional RGB
Technology:
PHP/JS/three.js/color.js/API
Basic color harmonies
Description:
The color generator calculates matching colors live when a color is entered and provides additional information about the base color.
Goals:
- Complex color calculation and immediate overview of possible combinations
- Save individual colors and palettes
Komplex finetuning
Description:
Individual color palettes can be selected and edited in a 3D live model. The palettes form a shape in the CIELAB color space that can be rotated, automatically generating harmonious variations of the palette.
Goals:
Complex editing of color palettes in the 3D CIELAB color space
Immediate output as CSS code
Color shades
Description:
Color shades are calculated according to different systems and displayed side by side live. The intensity and number of colors can be adjusted individually.
Goals:
Quickly find the appropriate shades
I developed the DSGVO Pixelmate, a cookie consent plugin for WordPress, in 2018 in cooperation with lawlikes and have been marketing it since.
It helps make websites GDPR-compliant with just a few clicks. We wanted to create a simple and budget-friendly plugin that doesn’t require extensive setup or programming knowledge.
Service:
Programming a complex cookie consent plugin for WordPress
Website design and implementation
Support and development since 2018
Technology:
PHP/JS/CSP/API
Cookie Banner
Description:
A cookie banner can be created where users can easily accept, decline, or select cookies individually.
Goals:
- Professional design with various layout options
- Clearly formulated necessary information
Easy Settings
Description:
Special emphasis was placed on ease of use. Clear layout, complex settings communicated simply, and intuitive operation.
Goals:
- Ensure accessibility for non-programmers
- Avoid complicated documentation that users would have to work through first
Selected websites
In collaboration with Bettina Wedel.
My contribution: Technical implementation of the website, programming a second-hand marketplace with an advanced search function.
In collaboration with Véronique Martin.
My contribution: Technical implementation of the website with an online shop, programming custom calculators for WooCommerce.
In collaboration with Véronique Martin.
My contribution: Technical implementation of the website with an online shop.
Thanks for reading. Feel free to send me a message.
Contact
Sounds good? Feel free to send me a message and let’s schedule a meeting to get to know each other.
Kontakt
Sounds good at first! Feel free to send me a message and let’s schedule a meeting to get to know each other.
