Webdesign und Webentwicklung - ein lebendiger Prozess

Trotz der allgemeinen Überzeugung beginnt der Website-Entwicklungsprozess nicht mit dem Kodieren. Er umfasst mehrere Phasen. Die Gesamtzahl der Phasen variiert normalerweise von fünf bis acht, aber das Gesamtbild bleibt ziemlich gleich. In diesem Artikel werden wir die Loupe-Version des  Prozesses der Website-Entwicklung skizzieren. Es kann jedoch von jedem genutzt werden, unabhängig davon, wer mit der Gestaltung der Website beauftragt wird.  Ein grundlegendes Verständnis von Algorithmen ermöglicht es Ihnen, zu überprüfen, ob alles sich so entwickelt, wie es sollte.

Phase 1. Recherche

Research

Dies ist die wichtigste Phase, da sie bestimmt, wie alle nachfolgenden Schritte aussehen werden. Sie beinhaltet ein klares Verständnis von

  • den Zielen, die Sie erreichen möchten,
  • der Zielgruppe, die Sie gewinnen möchten, usw.

Folgende Dinge sollten in einer Website kurz erläutert werden:

  • Der Typ,
  • der Zweck und
  • die Funktionalität der zukünftigen Website.

Wird sie Informationen bereitstellen, einen Service bewerben oder ein Produkt verkaufen? Wer ist der "ideale" Besucher Ihrer Website? Das Beantworten dieser Fragen kann verhindern, dass Sie Änderungen vornehmen oder zusätzliche Funktionen hinzufügen.

Wenn Sie kein Design für die Website haben, hilft The Loupe Ihnen bei der Erstellung. Beachten Sie, dass komplexe Projekte auch technische Spezifikationen erfordern. Sie können entweder von einem Kunden oder einem Webstudio (gegen Aufpreis) bereits gestellt werden. Hier können Sie uns Inhalte (Texte, Fotos, Übersetzungen) und das Corporate Identity Handbuch (Brand Style Guide) zur Verfügung stellen oder The Loupe beauftragen, diese zu produzieren. In diesem Fall wird eine zusätzliche Gebühr berechnet.

Phase 2. Planung

Planning

Jetzt, da wir alle notwendigen Informationen haben, ist es an der Zeit, eine Sitemap zu erstellen. Diese dient als Leitfaden zu Themen und Unterthemen der Website und hilft zu verstehen, wie das Endprodukt verwendbar und leicht zu navigieren ist. Obwohl die Sitemap die innere Struktur der Website zeigt, beschreibt sie nicht die Benutzeroberfläche. Daher erstellt unser UI / UX-Designer ein Modell für jeden Gerätetyp (Desktop, Smartphone und Tablet). Es ist eine visuelle Darstellung der Benutzeroberfläche, die die Elemente, die hinzugefügt werden und ihren Speicherort zeigt.

 In der Planungsphase diskutieren wir auch, wie Programmiersprache, Content-Management-System, interaktive Formulare und Frameworks implementiert werden sollten. Die Auswahl eines geeigneten Technologie-Stacks ist entscheidend für eine reibungslose Benutzererfahrung.

 

Phase 3. Web-Design

design

An diesem Zeitpunkt nimmt Ihre Plattform Gestalt an. Wir erstellen ein Website-Layout, das entweder eine grafische Skizze oder ein tatsächliches Grafikdesign ist. Es enthält Farben, Logos, Bilder und demonstriert das grundlegende Funktional. Der Hauptzweck des Layouts besteht darin, den Inhalt und die Informationsstruktur der Website zu visualisieren. Der Schlüsselfaktor, der berücksichtigt wird, ist die Zielgruppe. Eine Website, die für ein Finanzinstitut entwickelt wurde, unterscheidet sich von der, die auf Teenyboppers ausgerichtet ist, sowohl in Bezug auf das Aussehen als auch auf das Ziel.

 Sobald das Layout entwickelt ist, erhält der Kunde die Möglichkeit, seine Meinung zu äußern. Wenn das Website-Design nicht Ihren Erwartungen entspricht (was nicht passieren sollte, wenn die Planungsphase ordnungsgemäß durchgeführt wurde), kehren wir zur ersten Stufe zurück und wiederholen den Zyklus, bis Sie vollständig zufrieden sind.

 

Phase 4. Kodierung

codingDies ist die Phase ders Beginns der Entwicklung. Unsere Programmierer verwandeln alle grafischen Elemente, die für den Prototyp entworfen wurden, in eine tatsächliche Website. In der Regel beginnen sie von der Startseite aus und gehen dann entsprechend der Sitemap-Hierarchie zu den Innenseiten. Außerdem machen wir HTML-Markup für Desktop- und mobile Geräte, integrieren oder entwickeln ein Content-Management-System, fügen spezielle Funktionen hinzu (z. B. Einkaufswagen, Zahlungslösungen, interaktive Kontaktformulare usw.). Diese maximieren Funktionalität und Zugänglichkeit für die Zielgruppe.

 Phase 5. Test und Überprüfung

testing

Nachdem alles fertig ist, prüft bzw. überprüft The Loupe jeden einzelnen Link, um sicherzustellen, dass sie funktionieren. Das Testen erfolgt über alle Browser und Mobilgeräte, da Ihre Website plattformübergreifend kompatibel sein muss. Die Aufgabe mit der höchsten Priorität besteht darin, die vollständige Funktionalität von Formularen und Skripten zu gewährleisten, unabhängig davon, wie die Website angezeigt wird.

Dem Test folgt eine Demonstration über unser Hosting. Der Kunde hat fünf Tage Zeit, um die Website zu genehmigen. Wenn der Kunde das endgültige Design ändern möchte, kommen wir wieder zur Codierung und nehmen Anpassungen vor (gegen Aufpreis).

 

Phase 6. Lieferung und Launch

Mit Ihrer Zustimmung kann The Loupe die Website auf Ihrem Server bereitstellen. Das kann auf drei verschiedene Arten geschehen:

  • a) Sie gewähren uns Zugang zu Ihrer Hosting- und Domain-Registrierung und wir unternehmen alle Arbeiten, um Ihre Website zu lancieren;
  • b) Sie gewähren uns Zugriff auf eine Subdomain, die auf Ihrer Website erstellt wurde, wir liefern die Website, aber es sind Ihre Spezialisten, die esiean die Hauptdomain übermitteln und lancieren;
  • c) Wir senden Ihnen eine Archivdatei mit allen Daten und Ihre Spezialisten lancieren die Website.

Der letzte Schritt besteht darin, die Website für die Öffentlichkeit sichtbar zu machen. Sie können das selber machen oder diese Aufgabe The Loupe anvertrauen.

 

Phase 7. Wartung (optional)

Der Entwicklungsprozess ist jedoch nicht notwendigerweise vorbei. Wenn Sie daran interessiert sind, eine Website zu erstellen, zu verbessern oder zu pflegen, zögern Sie nicht, uns zu kontaktieren.