EBICS Box Website Relaunch (v2)

Banking-Automatisierung für Entwickler – EBICS als REST API

---

🎯 Projekt-Übersicht

Kompletter Neuaufbau von ebicsbox.com als moderne, conversion-optimierte Produktwebsite.

Metrik	Baseline	Target
Leads/Monat	2-5	8-12
Conversion Rate	unbekannt	>2%
Zeit auf Seite	unbekannt	>2 Min

---

🚀 Tech Stack

• Framework: React + TypeScript (via Lovable)
• Styling: Tailwind CSS
• Components: shadcn/ui
• Icons: Lucide Icons
• i18n: react-i18next (DE + EN)
• Hosting: Vercel (geplant)

---

📁 Projekt-Struktur

ebicsbox.com/
├── /de/              (Deutsche Version)
│   ├── /produkt
│   ├── /preise
│   ├── /use-cases
│   ├── /services
│   ├── /docs
│   ├── /kontakt
│   ├── /impressum
│   └── /datenschutz
│
├── /en/              (English Version)
│   ├── /product
│   ├── /pricing
│   ├── /use-cases
│   ├── /services
│   ├── /docs
│   ├── /contact
│   └── /privacy

---

🎨 Design System

Element	Wert
Background	#0A0A0B
Cards	#141415
Accent	#00E676
Text Primary	#FAFAFA
Text Secondary	#A1A1AA
Font Headlines	Inter, Bold
Font Code	JetBrains Mono

Inspiration: Stripe meets Linear – developer-first, dark theme, premium

---

📋 Issues & Roadmap

Phase 0: Foundation

• #1 Strategy Foundation
• #18 Design System
• #19 Lovable Workflow

Phase 1: P0 – Must Have für Launch (~18h)

• #2 Homepage
• #3 Navigation & Header
• #4 Produkt-Seite
• #5 Preise-Seite
• #8 Kontakt-Seite
• #10 Legal Pages
• #12 Internationalisierung

Phase 2: P1 – Shortly After Launch (~10h)

• #6 Use Cases
• #7 Services-Seite
• #9 Dokumentation
• #11 SEO & Meta

Phase 3: Conversion Stack (~14h)

• #13 Brevo Integration
• #14 Calendly Integration
• #15 Analytics & Tracking
• #16 Lead Nurturing
• #17 Lead Scoring

Setup Guides

• #20 Brevo Setup

Gesamt: 20 Issues | ~46h geschätzt

---

⚡ Entwicklungs-Effizienz

🤖 AI-Assisted Development mit Lovable

Dieses Projekt wurde mit Lovable (AI-powered Development) erstellt.

Metrik	Wert
Netto-Arbeitszeit (Prompts)	~2-4 Stunden
Erstellte Seiten	15+
Features	i18n, Responsive, Animationen, SEO

📊 Vergleich: Manuell vs. AI-Assisted

Aufgabe	Manuell	Mit AI
Setup (Vite, Tailwind, Router, i18n)	4-8h	~10 min
Design-System + UI-Komponenten	16-24h	~30 min
15+ Seiten mit Content	40-60h	~2h
Responsives Mobile-Menü	4-8h	~10 min
Animationen (Framer Motion)	8-16h	~15 min
i18n mit URL-Routing	8-12h	~20 min
Testing & Bugfixing	8-16h	~1h
Gesamt	90-150h	~4h

💰 Kostenersparnis

Szenario	Kosten
Traditionelle Entwicklung (€100/h)	€9.000 - €15.000
AI-Assisted Development	~€400 (Zeit + Tools)
Ersparnis	~95%

---

🔧 Setup & Development

Prerequisites

• Node.js 18+
• npm oder pnpm

Installation

# Clone the repository
git clone https://github.com/railslove/ebicsbox-v2.git
cd ebicsbox-v2

# Install dependencies
npm install

# Start development server
npm run dev

Environment Variables

# .env.local
BREVO_API_KEY=xkeysib-xxx
BREVO_LIST_ID=123
PLAUSIBLE_DOMAIN=ebicsbox.com

---

📧 Kontakt

EBICS Box ist ein Produkt von Railslove GmbH

• 🌐 Website: ebicsbox.com
• 📧 E-Mail: team@ebicsbox.com
• 📍 Adresse: An der Bottmühle 5, 50678 Köln
• 👤 Ansprechpartner: Jan Kus

---

📄 Lizenz

© 2024 Railslove GmbH. Alle Rechte vorbehalten.

---

Made with ❤️ in Cologne