- Add all Next.js application files - Include components, app structure, and public assets - Remove empty bewerbung placeholder folder - Update .gitignore for Next.js project 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
217 lines
5.6 KiB
Markdown
217 lines
5.6 KiB
Markdown
# 📧 E-Mail Bewerbungsvorlage 2025
|
|
|
|
Moderne, responsive HTML E-Mail-Vorlage für Bewerbungen - perfekt abgestimmt auf die Webseite apply4jobs.de/bewerbung/
|
|
|
|
---
|
|
|
|
## 📋 Was wurde aktualisiert?
|
|
|
|
### ✅ **Alle wichtigen Daten auf 2025 aktualisiert:**
|
|
|
|
| Kategorie | Alt (2014) | Neu (2025) |
|
|
|-----------|------------|------------|
|
|
| **Alter** | 36 Jahre | **46 Jahre** ✅ |
|
|
| **Position** | Marketing Manager | **Technical Product Owner** ✅ |
|
|
| **Firma** | Trustec Energy | **Sopra Financial Technology** ✅ |
|
|
| **Erfahrung** | Webentwicklung, Marketing | **Kubernetes, Cloud, DevOps** ✅ |
|
|
| **Downloads** | Dropbox 2014 | **apply4jobs.de/bewerbung/** ✅ |
|
|
| **Webseite** | uberspace.de (alt) | **apply4jobs.de/bewerbung/** ✅ |
|
|
| **Telefon** | +49 9874 322 429 | **0157 324 699 60** ✅ |
|
|
|
|
---
|
|
|
|
## 🎨 Design-Features:
|
|
|
|
✅ **Moderne Farbpalette:**
|
|
- Primary: `#e63946` (Rot - passend zur Webseite)
|
|
- Text: `#1d3557` (Dunkelblau)
|
|
- Gradient Header: `#1d3557` → `#457b9d`
|
|
|
|
✅ **Responsive Design:**
|
|
- Mobile-optimiert (stacked layout auf kleinen Bildschirmen)
|
|
- Funktioniert in allen gängigen E-Mail-Clients
|
|
|
|
✅ **Strukturiert:**
|
|
1. Header mit Positionsangabe
|
|
2. Begrüßung + Kurzvorstellung
|
|
3. Highlight-Box "Warum ich?"
|
|
4. Aktuelle Position (4 Info-Boxen)
|
|
5. Download-Buttons (Lebenslauf, Zeugnisse, Referenzen)
|
|
6. Online-Bewerbung Button
|
|
7. Kontaktdaten (3-spaltig)
|
|
8. Abschluss + Footer
|
|
|
|
---
|
|
|
|
## 🚀 Verwendung:
|
|
|
|
### **Schritt 1: Position anpassen**
|
|
```html
|
|
<!-- Zeile 44: -->
|
|
<p style="color: rgba(255, 255, 255, 0.9); margin: 0; font-size: 18px;">
|
|
[Position einfügen] ← Hier die Stelle eintragen
|
|
</p>
|
|
```
|
|
|
|
### **Schritt 2: Anrede anpassen**
|
|
```html
|
|
<!-- Zeile 52: -->
|
|
<p style="color: #1d3557; font-size: 16px; line-height: 1.6; margin: 0 0 20px 0;">
|
|
Sehr geehrte Damen und Herren, ← Bei Bedarf personalisieren
|
|
</p>
|
|
```
|
|
|
|
### **Schritt 3: E-Mail versenden**
|
|
|
|
**Option A: Als HTML-Mail versenden**
|
|
- Öffne `bewerbung-2025.html` im Browser
|
|
- Kopiere den kompletten Quelltext
|
|
- Füge ihn in dein E-Mail-Programm ein (HTML-Modus)
|
|
|
|
**Option B: In E-Mail-Client importieren**
|
|
- Thunderbird: "Einfügen" → "HTML"
|
|
- Gmail: Erweiterungen wie "Compose" verwenden
|
|
- Outlook: "Datei" → "HTML einfügen"
|
|
|
|
---
|
|
|
|
## 📥 Download-Links:
|
|
|
|
Die E-Mail enthält Links zu:
|
|
- ✅ https://apply4jobs.de/bewerbung/downloads/Lebenslauf_2025.pdf
|
|
- ✅ https://apply4jobs.de/bewerbung/downloads/Zeugnisse_2025.pdf
|
|
- ✅ https://apply4jobs.de/bewerbung/downloads/Referenzen.pdf
|
|
- ✅ https://apply4jobs.de/bewerbung/ (Online-Bewerbung)
|
|
|
|
**Wichtig:** Stelle sicher, dass diese PDFs auf dem Server liegen!
|
|
|
|
---
|
|
|
|
## 🧪 Testen:
|
|
|
|
### **1. Browser-Test:**
|
|
```bash
|
|
# Öffne die Datei im Browser:
|
|
open email-template/bewerbung-2025.html
|
|
```
|
|
|
|
### **2. E-Mail-Client-Test:**
|
|
Sende eine Test-E-Mail an dich selbst und prüfe:
|
|
- ✅ Layout korrekt (Desktop + Mobile)
|
|
- ✅ Alle Links funktionieren
|
|
- ✅ Buttons sind klickbar
|
|
- ✅ Farben werden richtig angezeigt
|
|
|
|
### **3. Online-Tools:**
|
|
- [Litmus](https://litmus.com/) - E-Mail-Preview in 90+ Clients
|
|
- [Email on Acid](https://www.emailonacid.com/) - E-Mail-Testing
|
|
- [Mail Tester](https://www.mail-tester.com/) - Spam-Score prüfen
|
|
|
|
---
|
|
|
|
## 🎯 Highlights der neuen E-Mail:
|
|
|
|
### **Inhaltlich:**
|
|
✅ Alter korrekt (46 statt 36)
|
|
✅ Aktuelle Position (Technical Product Owner)
|
|
✅ Moderne Skills (Kubernetes, Cloud, DevOps)
|
|
✅ Bankenmeldewesen erwähnt
|
|
✅ Nearshore-Teams erwähnt
|
|
✅ 20+ Jahre Erfahrung hervorgehoben
|
|
|
|
### **Visuell:**
|
|
✅ Moderne, cleane Optik
|
|
✅ Gradient-Header
|
|
✅ Highlight-Box mit rotem Akzent
|
|
✅ Icon-Boxen (📍 📱 ✉️)
|
|
✅ Call-to-Action Buttons
|
|
✅ Responsive für Mobile
|
|
|
|
### **Technisch:**
|
|
✅ Alle Links aktualisiert (2025)
|
|
✅ Korrekte Telefonnummer
|
|
✅ Funktionierende Download-Links
|
|
✅ E-Mail-Client kompatibel
|
|
|
|
---
|
|
|
|
## 📝 Personalisierungs-Tipps:
|
|
|
|
### **Für verschiedene Bewerbungen:**
|
|
|
|
1. **Position anpassen** (Zeile 44)
|
|
2. **Anrede personalisieren** (Zeile 52)
|
|
3. **Highlight-Box anpassen** (Zeile 70-79)
|
|
- Betone Skills, die für die Stelle wichtig sind
|
|
|
|
### **Beispiele:**
|
|
|
|
**Für DevOps-Position:**
|
|
```html
|
|
<li>Kubernetes & Docker Expertise</li>
|
|
<li>CI/CD Pipelines (GitLab, Jenkins)</li>
|
|
<li>AWS & Cloud Infrastructure</li>
|
|
```
|
|
|
|
**Für Product Owner Position:**
|
|
```html
|
|
<li>Agile Methoden (Scrum, Kanban)</li>
|
|
<li>Stakeholder Management</li>
|
|
<li>Technical Background</li>
|
|
```
|
|
|
|
---
|
|
|
|
## 🆚 Vergleich Alt vs. Neu:
|
|
|
|
| Feature | Alt (2014) | Neu (2025) |
|
|
|---------|------------|------------|
|
|
| Alter | 36 (falsch!) | 46 ✅ |
|
|
| Position | Marketing Manager | Technical Product Owner ✅ |
|
|
| Skills | Newsletter, Print | Kubernetes, Cloud ✅ |
|
|
| Links | Dropbox, uberspace | apply4jobs.de ✅ |
|
|
| Design | Template-basiert | Custom, modern ✅ |
|
|
| Responsive | Ja | Ja, verbessert ✅ |
|
|
| Farbschema | Grau/Türkis | Blau/Rot (Webseite) ✅ |
|
|
|
|
---
|
|
|
|
## 📞 Kontakt in der E-Mail:
|
|
|
|
```
|
|
📍 Rosenstraße 4, 91564 Neuendettelsau
|
|
📱 0157 324 699 60
|
|
✉️ froehlich.sebastian@gmail.com
|
|
```
|
|
|
|
---
|
|
|
|
## ⚠️ Wichtige Hinweise:
|
|
|
|
1. **Vor dem Versenden:**
|
|
- [ ] Position eingefügt
|
|
- [ ] Anrede personalisiert
|
|
- [ ] Test-Mail versendet
|
|
- [ ] Links geprüft
|
|
- [ ] Mobile-Ansicht getestet
|
|
|
|
2. **Dateiname beim Versenden:**
|
|
- Speichere keine Anhänge, alle Dokumente sind verlinkt
|
|
- Falls doch Anhänge: `Bewerbung_Sebastian_Froehlich_[Position].pdf`
|
|
|
|
3. **Betreff-Vorschlag:**
|
|
- `Bewerbung als [Position] - Sebastian Fröhlich`
|
|
- `Initiativbewerbung - Technical Product Owner - Sebastian Fröhlich`
|
|
|
|
---
|
|
|
|
## 🎉 Fertig!
|
|
|
|
Die E-Mail ist bereit zum Versenden. Viel Erfolg bei deiner Bewerbung! 🚀
|
|
|
|
---
|
|
|
|
**Erstellt:** Oktober 2025
|
|
**Version:** 1.0
|
|
**Datei:** `bewerbung-2025.html`
|