Konzept, Design & Entwicklung von nutzerfreundlichen Webseiten, die beeindrucken

Zu den Webdesign-Leistungen

Mit diesen Wünschen bist du hier richtig:

Deine Webseite soll deine Leistung/Produkte verkaufen
Du suchst einen zuverlässigen Partner, der dir hilft deine Webseite (endlich) umzusetzen
Du möchtest eine klare, verständliche Webseite, die Nutzer bequem an ihr Ziel führt
Du wünschst dir ein individuelles Look & Feel, das potenzielle Kunden anspricht und in den Bann zieht
Deine Webseite soll in Suchmaschinen gut ranken
Du brauchst tatkräftige Unterstützung auch beim inhaltlichen Aufbau
Du hast Ziele, die du mit einer Webseite erreichen willst: Gute Buchungs-/ Reservierungs-/ Conversion-Raten, Traffic steigern…
Du brauchst einen Sparringspartner, der dir hilft deine Business-Ziele zu erreichen

Du hast noch weitere Wünsche? Erzähl mir in einem kostenlosen Erstgespräch davon.

Das solltest du wissen, bevor du eine Webseite umsetzt:

Wie du dich am Markt positionierst, welche Nische du bespielen willst
Wer deine Käufer sind
Welche Nutzen / Vorteile deine Kunden von deinem Produkt / deiner Leistung haben
Welche Ziele du mit der Webseite erreichen willst
Wieviel Zeit du in deine Webseite & Maßnahmen investieren kannst, auch langfristig
Welches Budget du zur Verfügung hast

Arbeitsblatt Positionierung downloaden:

Arbeitsblatt 'Positionierung' öffnen
Checkliste Leistungsumfang downloaden:
Checkliste 'Leistungsumfang' downloaden

Meine Arbeitsweise

  • Strukturiertes, ziel-orientiertes Arbeiten
  • Teamplayer
  • Motivator und Inspirationsquelle
  • Hands-on-Mentalität
  • Beratend, auch über Design-Themen hinaus
  • Zuverlässig – Deadlines werden eingehalten
  • Detailverliebt („The details are not the details. They make the design.” Charles Eames)

Meine Webdesign Leistungen

Einzelne Leistungsbereiche können modular zusammengestellt werden, je nach Bedarf. Diesen klären wir am besten in einem kostenlosen Erstgespräch.

Research
  • User Personas (Zielgruppendefinition)
  • Wettbewerbs-Analyse
  • Keywords
Konzept/Entwicklung
Entwicklung der Webseiten-Struktur und inhaltlichen Konzeption: Welche Inhalte braucht es wo und wie sind sie verständlich und nutzerfreundlich angeordnet?
  • Sitemap
  • Wireframes (Skizze der Webseiten-Struktur, des inhaltlichen Aufbaus)
Testing
  • Klickbare Prototypen (klickbare Layouts der späteren Webseite)
  • Usability Testing
Design
Entwicklung des Webdesigns: Farben / Typografie / Bilder***/ Grafiken / Videos / PDFs
  • Bildrecherche & Auswahl
  • Prototypen (Layouts der späteren Webseite)
Umsetzung (via WordPress Divi)
  • Webentwicklung (Installation und Einrichtung)
  • HTML & CSS
  • Entwicklung Blog, Shop, Kurs-Angebot
  • Verknüpfung und Einrichtung Newsletter-Tool
  • Bereitstellung und Formatierung der Inhalte
  • Einbindung von Google Maps oder anderen Tools
  • Funktionscheck vor Liveschaltung
  • Freischalten oder Umziehen der Webseite
  • Erstes Backup nach Liveschaltung
Basis-SEO
  • Einrichten der Google Search Console und Hinterlegung der XML-Sitemap
  • Einrichten von Google Analytics
  • Installation SEO-Plugin Yoast
  • Einrichtung Caching Plugins > Ladezeit optimieren
  • Bildoptimierung < Berücksichtigung der Bildformate und -größen für schnelle Ladezeiten
  • Optimierte Permalinks
  • Verknüpfung mit Facebook Pixel
Onpage-SEO
  • Keyword-Optimierung
  • Alt-Tags
  • Bereitstellung von Titeln und Meta-Beschreibungen
DSGVO
  • Erstellen des Impressum und der Datenschutzerklärung (via Zoom/Teams)
  • Umsetzung erforderlicher Maßnahmen bei Kontaktformularen und der Newsletter-Anmeldung
  • Nennung der Urheber von verwendeten Bildern/Grafiken im Impressum
  • Installation & Einrichtung Cookie Opt-in-Banner
Tutorials
  • Video-Tutorial ‚how-to‘, wie du Inhalte selbst bearbeitest
  • Informationen zu Schriftbild und Farbwelt deines Look & Feels zum dauerhaften Abruf
Webseiten-Pflege
  • Monatl. Aktualisieren des Systems und der Plugins
  • Vierteljährlich Backups

Gerne klären wir deinen Bedarf in einem kostenlosen Erstgespräch, im Anschluss erhältst du ein unverbindliches Angebot

Abgeschlosse Weiterbildungsmaßnahmen an der Interaction Design Foundation:

Course Certificate – Design Thinking Beginner's Guide
Course Certificate – User Experience Beginner's Guide
Course Certificate – UI Design Patterns for Successful Software
Course Certificate – Web Design for Usability
Course Certificate Interaction Design for Usability

So entwickeln wir deine Webseite Schritt für Schritt

Nach Klärung deines Bedarfs und Beauftragung checken wir, ob Angebot und Zielgruppe zueinander passen. Bei Buchung meiner Research-Leistungen entstehen in diesem Step User Persona, Wettbewerbs-Analyse und ggf. ein Keyword-Check. Alternativ kannst du mir diese Insights auch liefern.

Im Anschluss kümmern wir uns um die Informations-Struktur deiner Webseite: Du bekommst ein sogenanntes ‚Wireframe‘ und wir gehen gemeinsam in einem Call durch, wie wir die Inhalte sinnvoll sortieren und wie die Besucher smooth durch die Seite geführt werden. Wir spielen durch, was deine Zielgruppe sucht und welche Inhalte sie an welcher Stelle braucht, um ihre Ziele zu erreichen. So können wir sicher stellen, dass deine Webseite erfolgreich leistet, was du dir für deine Kunden wünschst.

Wenn du Testing-Leistung gebucht hast, können nach diesem Step erste Tests durchgeführt werden.

Im nächsten Step gestalte ich anhand eines ‚Prototypen‘ das einzigartige Look & Feel für deine Webseite. Ich entwickle das Design (Typografie, Farbigkeit, Bilder/Grafiken) und User Interfaces (Bedienoberflächen) und platziere die Inhalte so, dass für den User ein schlüssiges Bild entsteht. Bevor deine Webseite entwickelt wird, stimmen wir den ‚Prototypen‘ ab und planen eine Korrekturphase ein.

Bei gebuchten Testing-Leistungen kann nach diesem Step ein Test anhand von klickbaren Prototypen statt finden.

Bei Buchung der Umsetzung und nach Abstimmung des Designs und somit des ‚Prototyopen‘ bekommst du eine sauber entwickelte Webseite. Ich installiere WordPress, entwickle ein Child-Theme von Divi und gestalte die Seite wie besprochen – diesmal online. In diesem Step sollten wir keine großen Änderungen mehr am Layout/Design vornehmen, aber in einem letzten Call besprechen wir noch zu erledigende To-do’s und ggf. inhaltliche Korrekturen.

Nach Fertigstellung deiner Seite bekommst du auf Wunsch Zugriff auf ein Tutorial ‚how to‘, das dir zeigt, wie du selbst Texte und Bilder ändern kannst. Diese Tutorials kannst du zeitlich unbegrenzt aufrufen, damit du dir die Vorgehensweise jederzeit in Erinnerung rufen kannst.

Du kannst zusätzlich auch die Webseiten-Pflege buchen.

Abonniere meinen Design Letter mit UX/UI- & Webdesign-Tipps und erfahre, wie du User happy machst.

Deine Daten werden geschützt – hier geht's zum Datenschutz

Inspiration & Tipps
findest du auch auf #Instagram
Abbildung Farbpalette
Portrait Su Wiemer
Foto von Laptop mit geöffneter Webseite von Mariya Lazareva
Darstellung eines Schriftbildes
""
Inspiration & Tipps
findest du auch auf #Instagram
Portrait Su Wiemer
Abbildung Farbpalette
Foto von Laptop mit geöffneter Webseite von Mariya Lazareva
Darstellung eines Schriftbildes
""