Projekt BRUNO

1. Executive Summary

Hi Fiona, Vivin :]

In diesem Dokument beschreibe ich meinen Vorschlag für die Konzeption und Verwirklichung einer Website für eure Bäckerei BRUNO.

Mein Ziel ist es, euch eine professionelle Online-Präsenz zu schaffen, die den Charakter eurer Bäckerei wiederspiegelt und euch das Geschäft erleichtert.

Das Projekt umfasst die Gestaltung und Entwicklung einer benutzerfreundlichen Website mit Kernseiten (z. B. Über uns, Sortiment), einem Blog für Neuigkeiten, möglicherweise der Integration eures Instagram-Feeds sowie einer Funktion zur Vorbestellung von Backwaren zur Abholung.

Dieser Vorschlag dient als Grundlage für unsere weitere Abstimmung und stellt sicher, dass wir eine gemeinsame Vision für das Projekt haben, sowie den Rahmen des Projekts definieren. Das schafft Klarheit und beugt Missverständnissen vor.

Inhalt

• 2. Projektcharta: Unser gemeinsames Vorhaben
  • 2.1. Projektziele
  • 2.2. Projektumfang
  • 2.3. Erfolgsfaktoren
  • 2.4. Beteiligte & Verantwortlichkeiten
• 3. Projektplan
  • 3.1. Phase 1: Konzeption & Design (ca. 2 Wochen)
  • 3.2. Phase 2: Technische Entwicklung (ca. 4-6 Wochen)
  • 3.3. Phase 3: Produktivstart, Übergabe & Wartung (ca. 1 Woche + Laufend)
• 4. Zeitlicher Rahmen (Vorläufig)
• 5. Budget und Kosten
• 6. Nächste Schritte

2. Projektcharta: Unser gemeinsames Vorhaben

2.1. Projektziele

Die neue Website soll folgende Hauptziele erreichen:

• Professionelle Repräsentation: Schaffung eines digitalen Aushängeschilds, welches euch und eure Bäckerei online exponiert.
• Kundeninformation & -bindung: Bereitstellung von Informationen zu Öffnungszeiten, Standort, Sortiment und aktuellen Angeboten über einen integrierten Blog/Newsfeed.
• Steigerung der Effizienz: Ermöglichung von Vorbestellungen zur Abholung, um den Verkaufsprozess zu optimieren und Kunden einen modernen Service zu bieten.
• Erhöhung der Sichtbarkeit: Stärkung eurer lokalen Präsenz in Dresden durch eine suchmaschinenfreundliche (SEO) Basis und die Verknüpfung mit Social Media (Instagram).

2.2. Projektumfang

Inbegriffene Leistungen:

• Konzeption: Gemeinsame Absprache , Erstellung einer Seitenstruktur (Sitemap) und Wireframes (grobe Layout-Skizzen).
• Design: Individuelles Webdesign; Farben, Typografie, Bildsprache.
• Technische Umsetzung:
  • Entwicklung der Website inklusive modernen content-management-system (CMS), das euch später die einfache Pflege von Inhalten ermöglicht.
  • i18n internatialization, Text in verschiedenen Sprachen (wenigstens Englisch und Deutsch)
  • Erstellung der Kernseiten (z. B. Startseite, Über uns, Sortiment, Kontakt & Anfahrt).
  • Einrichtung eines Blogs oder News-Bereichs.
  • Integration eines dynamischen Instagram-Feeds auf der Website.
  • Implementierung einer Vorbestellfunktion für Backwaren zur Abholung inkl. Online-Zahlung (via Stripe, z.B. PayPal, Klarna, Giropay).
• Compliance: Umsetzung der DSGVO-Anforderungen (Cookie-Hinweis, Datenschutzerklärung, Impressum).
• Technik & Hosting: Registrierung einer Domain und Einrichtung der Infrastruktur/des Hostings (von mir verwaltet).
• Schulung & Übergabe: Eine kurze Einweisung für euch, damit ihr selbstständig Blogbeiträge erstellen und Bestellungen verwalten können.

Nicht inbegriffene Leistungen:

• Erstellung von Inhalten (z. B. Texte, Produktfotos, Blogartikel).
• Einrichtung eines vollwertigen Online-Shops mit Versand und Online-Bezahlsystemen (z.B. PayPal, Kreditkarte).
• Laufende Suchmaschinenoptimierung (SEO) oder Online-Marketing-Kampagnen (z.B. Google Ads).
• Laufende Betreuung eurer Socials oder anderer Inhalte.

2.3. Erfolgsfaktoren

Das Projekt gilt für uns als Erfolgreich wenn:

• Die Website termingerecht und im vereinbarten Rahmen live geht.
• Die Website auf gängigen Geräten einwandfrei funktioniert.
• Ihr mit dem finalen Design und der Funktionalität, so wie wir sie in diesem Dokument eingrenzen, zufrieden seid.

2.4. Beteiligte & Verantwortlichkeiten

• Ich, Linus Keiser: Projektleitung, Design, Entwicklung, technische Betreuung.
• Ihr, Fiona und Vivin:
  • Bereitstellung von Inhalten (Texte, Bilder, Produktinformationen, Logo).
  • Rechtzeitiges Feedback und Freigaben in den einzelnen Phasen.

3. Projektplan

3.1. Phase 1: Konzeption & Design (ca. 2 Wochen)

In dieser Phase legen wir das Fundament für die gesamte Website.

• Schritt 1: Konzeption Wir stimmen uns noch detailiert über Ziele, Zielgruppen, visuelle Wünsche und die genaue Struktur der Website ab.
• Schritt 2: Sitemap & Wireframes: Ich erstelle eine Übresicht aller geplanten Seiten (Sitemap) und skizziere den Aufbau der wichtigsten Seiten anhand von wireframes, insbesondere z.B. den Ablauf des Bestellprozesses.
• Schritt 3: Visuelles Design/Mockup: Basierend auf den Wireframes und euren Wünschen gestalte ich einen visuellen Entwurf der Startseite. Hier bekommen wir einen guten Überblick des visuellen Design und legen Farben, Schriften und die allgemeine Anmutung fest.
• Ergebnis dieser Phase: Eine vollständige Sitemap und ein Design-Entwurf einschließlich der Startseite als Beispiel des visuellen Designs.

3.2. Phase 2: Technische Entwicklung (ca. 4-6 Wochen)

In dieser Phase verwandle ich das Design in eine funktionierende Website.

• Schritt 1: Template-Entwicklung: Ich setze das konzipierte Design in Code um und erstelle die technische Vorlage für die Website.
• Schritt 2: Implementierung der Funktionen:
  • Aufbau der Kernseiten und Befüllung mit den von euch gelieferten Inhalten.
  • Einrichtung des Blogs/Newsfeeds.
  • Programmierung der Vorbestellfunktion.
  • Integration des Instagram-Feeds.
• Schritt 3: Nutzbarkeit und Barrierefreiheit: Ich stelle sicher, dass die Website auf allen Geräten optimal dargestellt wird und gängige accessibility-Standards erfüllt.
• Schritt 4: Technisches Setup: Ich richte Domain, Hosting, Verschlüsselung und content management ein.
• Schritt 5: Finale Einrichtung & Compliance: Einpflegen von Impressum, Datenschutzerklärung und erforderlichen Maßnahmen für compliance mit den relevanten Gesetzgebungen.
• Ergebnis dieser Phase: Eine voll funktionsfähige Website auf einer Testumgebung, bereit für eine finale Abnahme.

3.3. Phase 3: Produktivstart, Übergabe & Wartung (ca. 1 Woche + Laufend)

Der Abschluss des Entwicklungsprojekts und der Beginn des laufenden Betriebs.

• Schritt 1: Finale Abstimmung & Testphase: Ihr testet die Website. Ich behebe eventuelle Fehler oder setze Anpassungswünsche um.
• Schritt 2: CMS-Schulung: Ich zeige euch, wie ihr die Website selbstständig mit neuen Inhalten pflegt.
• Schritt 3: Inbetriebnahme: Nach eurer finalen Freigabe wird die die Website für die Öffentlichkeit freigeschaltet.
• Schritt 4: Laufende Wartung & Support (optional, aber empfohlen): Um die Sicherheit und Aktualität der Website zu gewährleisten, biete ich ein monatliches Wartungspaket an. Dieses umfasst technische Updates, Sicherheits-Scans und Backups. Details hierzu können wir separat besprechen.
• Ergebnis dieser Phase: Eine live geschaltete, funktionierende Website und ein Wartungsplan für die Zukunft.

4. Zeitlicher Rahmen (Vorläufig)

• Phase 1 (Konzeption & Design): ca. zwei Wochen nach Auftragserteilung
• Phase 2 (Entwicklung): ca. vier bis sechs Wochen nach Design-Freigabe
• Phase 3 (Inbetriebnahme & Übergabe): ca. eine Woche nach Entwicklungs-Freigabe

Gesamtdauer (bis zur Inbetriebnahme): ca. 9 Wochen

Dieser Zeitplan ist eine gewissenhafte Schätzung und hängt ggf. auch von der rechtzeitigen Bereitstellung von Inhalten und Feedback eurerseits ab.

5. Budget und Kosten

Einmalige Projektkosten:

• Für alle Leistungen aus Phase 1-3 (Konzeption, Design, Entwicklung, Inbetriebnahme): 1800€ Netto.

Ich rechne mit einem Arbeitsaufwand von ca. 90 Stunden bei einem reduzierten Stundensatz von 20€. Ich berechne euch nur meine tatsächlich geleistete Arbeitszeit, und nicht mehr als meine geschätzten 90 Arbeitsstunden.

Laufende Kosten (jährlich/monatlich):

• Domain & Hosting: ca. 30€ pro Jahr, abhängig von Wahl der Domain.
• Optional: Technisches Wartungspaket (Updates, Backups, Sicherheit): 50€ pro Monat.

6. Nächste Schritte

1. Gemeinsame Durchsprache: Wir besprechen diesen Vorschlag und klären offene Fragen.
2. Anpassungen: Ich passe den Vorschlag bei Bedarf an eure Wünsche an.
3. Auftragserteilung: Ihr bestätigt den Vorschlag schriftlich, und wir können mit Phase 1 starten.