Beschreibung
Wir suchen jemanden, der auf Basis unseres vorhandenen 2D-Bildes (Gehirn in einer Hand + sechs kreisförmig angeordnete Menüpunkte) in **Blender** eine fein animierte „Synapsen-Aufbau-Animation“ pro Menüpunkt erstellt und das Ergebnis anschließend interaktiv in Elementor Pro (WordPress) einbindet.
Projektbeschreibung
Ausgangslage: Ein statisches Bild mit einem Gehirn, das in einer Hand liegt, und sechs runden Menüpunkten drumherum.
Ziel: Für jedes Icon soll beim Hover eine einzelne Synapsen-Linie vom Gehirn bis zum Menüpunkt „aufgebaut“ und zum Leuchten gebracht werden. Bei Klick läuft anschließend ein kleiner, leuchtender Punkt entlang dieser Linie und löst danach ggf. die Seiten-Weiterleitung oder Inhaltsanzeige aus.
---
Funktionsübersicht
1. Blender-Workflow
- Import des Bildes als Referenz**: Image-Plane oder Grease-Pencil-Background
Pfad-Animation:
- Entweder mit **Grease Pencil** + Build-Modifier (Strich für Strich sichtbar werden lassen)
- Oder über **Curve-Objekte** (Bezier- oder Path-Kurven), die per Keyframe animiert werden (Offset/Bevel-Length)
- Material & Shader**: Ein einfacher Emission-Shader („Glow“) für Linien und punktförmige Synapsen
Export:
- PNG-Sequenz mit Alpha-Kanal für jeden Menüpunkt
- ODER **SVG-Kurvenexport** via Add-On
2. Interaktive Einbindung (Elementor Pro)
Hover-Trigger**:
- Bei Mausbetreten startet der PNG-Sequenz-Loop von Frame 0 bis Ende (oder animierter SVG-Pfad)
- Menüpunkt erhält gleichzeitig einen CSS-Glow
Click-Trigger**:
1. Animierter „Synapsen-Punkt“ entlang der Linie (PNG-Sequenz oder SVG-motionPath/GSAP)
2. Dauer ca. 2 Sekunden
3. Danach optionale Weiterleitung oder Modal-Anzeige
Technische Umsetzung
* Reines HTML/CSS/JavaScript im Elementor-HTML-Widget
* Responsives Layout (Kreis-Positionierung dynamisch per JS)
* Keine zusätzlichen WordPress-Plugins
---
Technische Anforderungen
- Blender-Kenntnisse**: Grease-Pencil, Curve-Objekte, Build-Modifier, Export (PNG-Alpha oder SVG)
- Frontend**:
- Vanilla JS (kein jQuery)
- SVG/Canvas/PNG-Sequenz-Handling
- CSS-Glow-Effekte
- Dynamische Kreis-Positionierung (JS)
- Responsivität für Desktop, Tablet, Mobil
- Integration**: Elementor Pro (HTML-Widget)
---
Lieferumfang
-.blend-Datei** mit allen Animationsressourcen
- Exportierte Assets** (PNG-Sequenzen oder SVGs je Menüpunkt)
- HTML/CSS/JS-Code** (kommentiert) für Elementor
- Kurzanleitung** zur Einbindung in WordPress
- Optional**: Vorschau-Demo (CodePen oder Staging-Link)
---
Zeitplan & Budget
* **Projektstart:** kurzfristig
* **Lieferung:** innerhalb von 7–10 Tagen nach Auftragserteilung
* **Vergütung:** bitte Pauschalangebot angeben
---
Bitte geben Sie in Ihrer Bewerbung an
1. Ihre **Erfahrung mit Blender** (Grease Pencil, Curve-Animationen, Build-Modifier)
2. Ob und wie Sie **KI-Unterstützung** (z. B. ChatGPT, Copilot) einsetzen würden
3. Beispiele oder Referenzprojekte mit **2D-Animations-Export** aus Blender
4. Ihre **Präferenz für den Export** (PNG-Sequenz vs. SVG-Kurven)
5. Ihren **Festpreis** inklusive aller Assets und Einbindung
Wir freuen uns auf Ihre Bewerbung!
Projektbeschreibung
Ausgangslage: Ein statisches Bild mit einem Gehirn, das in einer Hand liegt, und sechs runden Menüpunkten drumherum.
Ziel: Für jedes Icon soll beim Hover eine einzelne Synapsen-Linie vom Gehirn bis zum Menüpunkt „aufgebaut“ und zum Leuchten gebracht werden. Bei Klick läuft anschließend ein kleiner, leuchtender Punkt entlang dieser Linie und löst danach ggf. die Seiten-Weiterleitung oder Inhaltsanzeige aus.
---
Funktionsübersicht
1. Blender-Workflow
- Import des Bildes als Referenz**: Image-Plane oder Grease-Pencil-Background
Pfad-Animation:
- Entweder mit **Grease Pencil** + Build-Modifier (Strich für Strich sichtbar werden lassen)
- Oder über **Curve-Objekte** (Bezier- oder Path-Kurven), die per Keyframe animiert werden (Offset/Bevel-Length)
- Material & Shader**: Ein einfacher Emission-Shader („Glow“) für Linien und punktförmige Synapsen
Export:
- PNG-Sequenz mit Alpha-Kanal für jeden Menüpunkt
- ODER **SVG-Kurvenexport** via Add-On
2. Interaktive Einbindung (Elementor Pro)
Hover-Trigger**:
- Bei Mausbetreten startet der PNG-Sequenz-Loop von Frame 0 bis Ende (oder animierter SVG-Pfad)
- Menüpunkt erhält gleichzeitig einen CSS-Glow
Click-Trigger**:
1. Animierter „Synapsen-Punkt“ entlang der Linie (PNG-Sequenz oder SVG-motionPath/GSAP)
2. Dauer ca. 2 Sekunden
3. Danach optionale Weiterleitung oder Modal-Anzeige
Technische Umsetzung
* Reines HTML/CSS/JavaScript im Elementor-HTML-Widget
* Responsives Layout (Kreis-Positionierung dynamisch per JS)
* Keine zusätzlichen WordPress-Plugins
---
Technische Anforderungen
- Blender-Kenntnisse**: Grease-Pencil, Curve-Objekte, Build-Modifier, Export (PNG-Alpha oder SVG)
- Frontend**:
- Vanilla JS (kein jQuery)
- SVG/Canvas/PNG-Sequenz-Handling
- CSS-Glow-Effekte
- Dynamische Kreis-Positionierung (JS)
- Responsivität für Desktop, Tablet, Mobil
- Integration**: Elementor Pro (HTML-Widget)
---
Lieferumfang
-.blend-Datei** mit allen Animationsressourcen
- Exportierte Assets** (PNG-Sequenzen oder SVGs je Menüpunkt)
- HTML/CSS/JS-Code** (kommentiert) für Elementor
- Kurzanleitung** zur Einbindung in WordPress
- Optional**: Vorschau-Demo (CodePen oder Staging-Link)
---
Zeitplan & Budget
* **Projektstart:** kurzfristig
* **Lieferung:** innerhalb von 7–10 Tagen nach Auftragserteilung
* **Vergütung:** bitte Pauschalangebot angeben
---
Bitte geben Sie in Ihrer Bewerbung an
1. Ihre **Erfahrung mit Blender** (Grease Pencil, Curve-Animationen, Build-Modifier)
2. Ob und wie Sie **KI-Unterstützung** (z. B. ChatGPT, Copilot) einsetzen würden
3. Beispiele oder Referenzprojekte mit **2D-Animations-Export** aus Blender
4. Ihre **Präferenz für den Export** (PNG-Sequenz vs. SVG-Kurven)
5. Ihren **Festpreis** inklusive aller Assets und Einbindung
Wir freuen uns auf Ihre Bewerbung!