A striking butterfly perches delicately on a vibrant purple flower, showcasing nature's elegance.

Ablauf Webseitenerstellung

Prozess der Webseitenplanung

Damit Ihre neue Webseite effizient entsteht – und Sie jederzeit wissen, wo wir stehen – ist der Prozess hier übersichtlich aufgelistet.


Alle Schritte erfolgen im Austausch mit Ihnen und werden individuell angepasst. Diese Übersicht dient als Orientierung und kann jederzeit ergänzt oder vereinfacht werden.



So entsteht Ihre neue Webseite

Erstgespräch (Kick-off)

Im Kick-off klären wir Ihre Ziele:
Warum braucht es eine neue Website? Was soll anders oder besser werden? Gibt es bereits eine Seite – und was funktioniert daran (nicht)?
Auch Themen wie Rebranding, Markenführung oder Workshops besprechen wir bei Bedarf.

→ Ihre Aufgabe: offenes Briefing – wir fragen gezielt nach.

Rothaarige Frau bei der Webseitenerstellung: Sie arbeitet gleichzeitig am Laptop und am Smartphone in einem gemütlichen Schlafzimmer.

Zieldefinition & Briefing

Close-up of a dart hitting the bullseye on a black and white target board symbolizing success.

Wir definieren messbare Ziele (z. B. Anfragen steigern, Sichtbarkeit erhöhen) und mögliche KPIs.
Falls Werbeanzeigen geplant sind, stimmen wir das frühzeitig ab (z. B. für Landing Pages).

→ Sie erhalten eine erste Struktur, die wir gemeinsam justieren.

Sitemap & Seitenstruktur

Wir analysieren Ihre bestehende Website (falls vorhanden) und entwickeln eine neue Sitemap (Eine Sitemap ist der strukturelle Plan Ihrer Webseite – sie zeigt, welche Seiten es gibt und wie sie miteinander verknüpft sind.).
Dabei achten wir auf Nutzerführung, SEO, Content-Ziele und klare Navigationslogik.

Sie erhalten einen Vorschlag, den wir gemeinsam verfeinern – bis er passt.

Farbwelt & Typografie

Close-up of a person with colorful rainbow face paint, symbolizing LGBT pride and expression.

Basierend auf Ihrer Marke definieren wir Farben, Schriftarten und Gestaltungselemente – für einen stimmigen, barrierearmen Auftritt.
Auch responsive Typografie und Kontraste werden berücksichtigt.

→ Sie erhalten eine visuelle Grundlage, die sich durch alle Seiten zieht.

Wireframes & Nutzerführung

Wir skizzieren grobe Layouts – mit klarer Platzierung von Menüs, Inhalten, Buttons und Kontaktmöglichkeiten.
Das zeigt: Wo steht was? Und wie bewegen sich Besucher*innen durch die Seite?

→ Sie sehen die Struktur, noch bevor das Design beginnt.

Close-up of a notebook with wireframe sketches and a smartphone on a wooden desk.

Textinhalte

Close-up of vintage handwritten text on old paper, showcasing detailed penmanship and texture.

Wer liefert die Inhalte? Wenn wir schreiben, holen wir alle nötigen Infos ein, formulieren zielgerichtet und stimmen Tonalität und Textlängen auf Design und Zielgruppe ab.

Sie liefern Input oder Feedback – wir übernehmen den Rest.

Fotos /Bilderstellung

Wer liefert Bildwelt?

Bilder transportieren Stimmung, schaffen Vertrauen und geben Ihrer Webseite Charakter.
Entweder Sie liefern vorhandenes Bildmaterial, wir recherchieren passende Bilder aus professionellen Bilddatenbanken – oder wir organisieren ein Fotoshooting.

Sie entscheiden, was am besten zu Ihrem Projekt passt – wir sorgen dafür, dass es stimmig wirkt.

Artistic portrait of a person indoors using a vintage film reel for reflection and visual effect.

Design-Entwürfe

Woman in a creative workspace using a laptop and tablet for calligraphy. Artistic and tech-driven environment.

Wir gestalten erste Screens – Startseite, Unterseiten, mobil und Desktop. Dabei fliessen Farben, Schrift, Icons, UI-Elemente und ggf. Animationen in ein durchgängiges Designsystem ein.

Sie erhalten ein klares, modernes Design zur Abnahme.

Finalisierung Inhalte & Design

Sobald Inhalte und Entwürfe stehen, wird alles aufbereitet für die technische Umsetzung.

Sie geben frei – wir setzen um oder übergeben an die Entwicklung.

A person working on a laptop browsing visual content in an indoor setting, capturing digital creativity and remote work.

Technische Umsetzung

Person coding on a laptop with HTML code on screen, showcasing development work.

Die Seite wird entwickelt – mit regelmässigem Abgleich zum Design. Bei Bedarf mit Zwischenfeedback und Feinabstimmung.

Sie bleiben informiert, müssen aber nicht aktiv mitarbeiten.

Inhalte einpflegen

Texte und Bilder werden je nach Absprache von uns oder von Ihnen eingefügt.

→ Sie entscheiden, wie viel Sie übernehmen möchten.

A cozy home office scene with a laptop, notebook, smartphone, and coffee, perfect for productivity.

Testing & Qualitätssicherung

Crop faceless female in casual clothes using smartphone and touching screen while chilling at home

Bevor Ihre Website live geht, prüfen wir Darstellung, Ladezeit und Funktion – auf allen gängigen Geräten und Browsern.

Sie erhalten eine getestete, stabile Website – bereit für den Start.


Kontakt

Geben Sie Ihren Vornamen und Familiennamen ein
Sie haben eine Frage oder möchten Ihr Projekt mit uns besprechen? Senden Sie uns einfach eine Nachricht. Ihre Angaben werden ausschliesslich zur Bearbeitung Ihrer Anfrage verwendet und nicht an Dritte weitergegeben.