Neue Website-Entwicklung von Grund auf | DitWork
Die Entwicklung einer neuen Website von Grund auf eignet sich für Unternehmen, Experten, Organisationen oder Startups, die ein überschaubares digitales Produkt anstelle einer zufälligen Ansammlung von Seiten benötigen. Auf DitWork können Sie eine Aufgabe veröffentlichen, Entwicklervorschläge vergleichen und einen Spezialisten für eine Landingpage, eine Unternehmenswebsite, einen Katalog, einen E-Commerce-Shop, einen Webdienst oder ein Kundenportal engagieren. Ein starkes Ergebnis beginnt mit Zielen, Zielgruppe, Reisen und Akzeptanzkriterien, nicht mit der Farbe einer Schaltfläche.
Dieser Leitfaden hilft Ihnen, den Umfang zu definieren, damit Kandidaten die gleiche Arbeit schätzen und das Budget nicht aufgrund versteckter Anforderungen steigt. Entscheiden Sie vor Beginn der Entwicklung, welche Aktionen Besucher durchführen müssen, wer Inhalte aktualisieren wird, welche externen Systeme beteiligt sind und was genau als produktionsreifer Start gilt.
Arten von Websites, die Sie bestellen können
- Eine Zielseite für eine Dienstleistung, ein Produkt, eine Veranstaltung oder eine Werbekampagne.
- Eine Unternehmenswebsite mit Dienstleistungen, Fallstudien, Teamprofilen, Karrieren und Lead-Formularen.
- Ein Katalog oder E-Commerce-Shop mit Produkten, Filtern, Warenkorb, Zahlungen und Lieferung.
- Eine Experten-Website, ein Portfolio, eine Medienpublikation, ein Blog oder eine Bildungsplattform.
- Eine Webanwendung, ein Kundenkonto, ein Partnerportal oder eine interne Geschäftsschnittstelle.
- Ein mehrsprachiges Projekt mit separaten URLs, lokalisierten Metadaten und klarer Sprachumschaltung.
Wo die Entwicklung beginnen soll
Definieren Sie vor dem detaillierten Entwurf das Geschäftsziel und ein messbares Ergebnis. Für ein Geschäft kann dies eine abgeschlossene Bestellung sein. Bei einem Webdienst kann es sich um die Registrierung und den Abschluss des primären Workflows handeln. Bei einer Unternehmenswebsite kann es sich um eine qualifizierte Anfrage handeln, die die erforderlichen Informationen enthält. Der Entwickler muss die Benutzerreise vom Einstieg bis zum Ergebnis verstehen, nicht nur die Liste der Bildschirme.
- Sammeln Sie Ziele, Zielgruppeninformationen, Verkehrsquellen und Projektbeschränkungen.
- Erstellen Sie eine Karte mit Abschnitten, Rollen, Formularen und wesentlichen Benutzerreisen.
- Bereiten Sie Prototypen vor und genehmigen Sie Inhaltsprioritäten vor der detaillierten visuellen Gestaltung.
- Wählen Sie die Technologie, das CMS, den Hosting-Ansatz und die Integrationen aus.
- Erstellen Sie die Schnittstelle, das reaktionsfähige Frontend, die Backend-Logik und das Datenmodell.
- Führen Sie Funktions-, Mobil-, Leistungs-, Sicherheits- und Akzeptanztests durch.
- Stellen Sie es in der Produktionsdomäne bereit, konfigurieren Sie die Überwachung und übertragen Sie die Dokumentation.
Erwartete Ergebnisse
| Bühne | Lieferbar | Abnahmekontrolle |
|---|---|---|
| Struktur und Prototyp | Seitenübersicht, Reisen und Prototypen für wichtige Bildschirme | Jede erforderliche Aktion kann ohne Sackgassen durchgeführt werden |
| Design und Schnittstelle | Layouts, Komponentenzustände, mobile Versionen und Designkomponenten | Das Design deckt realistische Inhalte, Fehler und leere Zustände ab |
| Entwicklung | Quellcode, Datenbank, Konfiguration, Integrationen und Migrationen | Das Projekt wird anhand der Dokumentation installiert und durchläuft vereinbarte Szenarien |
| SEO-Grundlage | Bereinigen Sie URLs, kanonische Regeln, Sitemap-Generator, Robots und Metadaten | Indexierbare Seiten sind im Server-HTML und nicht nur über JavaScript verfügbar |
| Start | Domain, HTTPS, Backups, Analysen und Überwachung | Die Produktionsversion funktioniert über HTTPS und sendet Ereignisse fehlerfrei |
Eine praktische Spezifikation
Eine Spezifikation kann prägnant sein, sie muss jedoch Rollen, Daten, Aktionen, Integrationen und Verantwortungsgrenzen beschreiben. Fügen Sie die Seitenliste, nützliche Referenzen, Sprachen, Inhaltstypen, Zahlungs- und Liefermethoden, CRM, E-Mail, Benachrichtigungen, Importe und Exporte hinzu. Definieren Sie für jedes Formular Felder, Validierung, Empfänger und die nach dem Absenden angezeigte Nachricht.
Geben Sie an, wer Kopien, Bilder, rechtliche Dokumente, Produktdaten und Zugangsdaten bereitstellt. Wenn der endgültige Inhalt nicht verfügbar ist, einigen Sie sich auf akzeptables temporäres Material und eine Ersatzfrist. Dadurch wird verhindert, dass eine technisch vollständige Website ungenehmigt bleibt, weil wesentliche Inhalte nie bereitgestellt wurden.
Auswahl einer Technologie und eines CMS
Ein CMS ist nützlich, wenn Mitarbeiter regelmäßig Seiten, Produkte, Preise oder Artikel aktualisieren. Bei komplexen Rollen, ungewöhnlichen Prozessen und speziellen Integrationen ist eine kundenspezifische Entwicklung gerechtfertigt. Wählen Sie eine Lösung basierend auf den Anforderungen und nicht nur aufgrund der Beliebtheit. Überprüfen Sie die Versionsunterstützung, die Abhängigkeitssicherheit, die Sicherungsoptionen, die Portabilität und die Verfügbarkeit von Entwicklern für zukünftige Wartungsarbeiten.
SEO muss vor dem Start geplant werden
Zu einer suchbereiten Grundlage gehören eine klare Hierarchie, separate URLs für wertvolle Seiten, vom Server gerendertes HTML, eindeutige Überschriften, kanonische Regeln, genaue 404-Antworten, interne Links, eine generierte Sitemap, Hreflang für Sprachen und verwaltbare Metadaten. Formulare, Suchergebnisse, Filter und private Dashboards sollten nicht zur Sitemap hinzugefügt werden. Der Inhalt sollte ein echtes Bedürfnis erfüllen, anstatt denselben Satz auf der ganzen Seite zu wiederholen.
Leistung, Zugänglichkeit und Sicherheit
Definieren Sie Erwartungen an die Leistung des Mobilfunknetzes, die Bildgröße, die Layoutstabilität und die Antwortzeit des Servers. Formulare und Navigation sollten über eine Tastatur nutzbar sein, Steuerelemente benötigen aussagekräftige Beschriftungen und der Kontrast muss die Lesbarkeit gewährleisten. Teilen Sie den Serverzugriff über temporäre Konten mit den geringsten Berechtigungen. Passwörter und Token dürfen niemals in der Aufgabenbeschreibung veröffentlicht werden.
- HTTPS, sichere Cookies, geschützte Formulare und kontrollierte Anmeldeversuche.
- Regelmäßige Datenbank- und Benutzerdateisicherungen, die außerhalb des Primärservers gespeichert werden.
- Wartbare Abhängigkeiten ohne bekannte kritische Schwachstellen.
- Optimierte Bilder, Caching und Kontrolle umfangreicher Skripte von Drittanbietern.
- Tests auf Telefonen, Tablets und aktuellen Desktop-Browsern.
Integrationen und Daten
Klären Sie für CRM, Zahlungen, Lieferung, Karten, Telefonie und externe APIs Preispläne, Limits, Sandbox-Zugriff, Fehlerbehandlung und Kontoinhaberschaft. Produktionsschlüssel sollten dem Kunden gehören. Wenn das Projekt personenbezogene Daten speichert, schränken Sie den Zugriff ein, definieren Sie die Aufbewahrung, unterstützen Sie den Export oder die Löschung und schließen Sie die erforderlichen Hinweise und Einwilligungsflüsse ein.
Was beeinflusst den Preis?
Die Kosten hängen von der Anzahl einzigartiger Vorlagen, Geschäftslogik, Benutzerrollen, Integrationen, Datenimporten, Lokalisierung, Designanforderungen und Testtiefe ab. Zehn Inhaltsseiten basierend auf einer Vorlage können einfacher sein als drei Bildschirme mit Berechnungen, Zahlungen und unterschiedlichen Berechtigungen. Fordern Sie eine schrittweise Schätzung an und identifizieren Sie Funktionen, die auf eine zweite Version verschoben werden können.
So wählen Sie einen Entwickler aus
Überprüfen Sie mehr als nur visuelle Beispiele. Bitten Sie den Kandidaten, Architektur, Phasen, Risiken, Versionskontrolle, Tests, Bereitstellung und Projektübertragung zu erläutern. Ein glaubwürdiger Vorschlag beinhaltet Annahmen und Fragen, anstatt zu versprechen, etwas ohne Analyse zu liefern. Bei einem umfangreichen Projekt kann eine kurze bezahlte Entdeckungsphase mit Prototypen und einem aktualisierten Kostenvoranschlag die Unsicherheit verringern.
Checkliste für die Akzeptanz neuer Websites
- Testen Sie die wichtigsten Wege vom Eingang bis zur Anfrage, Zahlung oder einem anderen Zielergebnis.
- Überprüfen Sie Formulare, Fehler, E-Mails, Benachrichtigungen und wiederholte Aktionen.
- Überprüfen Sie die Größe des Mobiltelefons, die Bildschirmtastatur, die Ausrichtung und eine langsame Verbindung.
- Bestätigen Sie, dass URLs, kanonische Regeln, Sitemap, Robots und Antwortcodes den Zwecken der Seite entsprechen.
- Überprüfen Sie Rollenberechtigungen, Sicherungen, Fehlerprotokollierung und Wiederherstellungsverfahren.
- Erhalten Sie Quellcode, Designs, Anmeldeinformationen, Anweisungen und eine Liste von Drittanbieterlizenzen.
- Dokumentieren Sie eine Gewährleistungsfrist für Mängel im vereinbarten Umfang.
Rechte und zukünftige Entwicklung
Die Vereinbarung sollte Rechte an Code, Design, Text, Fotografie, Schriftarten und kostenpflichtigen Komponenten abdecken. Domänen-, Hosting-, Analyse- und externe Servicekonten sollten normalerweise Eigentum des Kunden sein. Planen Sie nach der Einführung einen Überwachungszeitraum, sammeln Sie Such- und Produktanalysen und wählen Sie zukünftige Funktionen basierend auf tatsächlichen Erkenntnissen aus.
Veröffentlichen Sie die Aufgabe auf DitWork
Beschreiben Sie den Website-Typ, die Zielgruppe, das Hauptziel, die erforderlichen Seiten, Integrationen, Sprachen, verfügbaren Inhalte, den voraussichtlichen Zeitplan und den Budgetbereich. Fügen Sie Referenzen hinzu und erläutern Sie, welche Aspekte relevant sind. Wenn Vorschläge eingehen, vergleichen Sie Phasen, Ausschlüsse, Abhängigkeiten und Übergabeformate. Eine klare Aufgabe hilft Ihnen, einen Entwickler einzustellen, der eine wartbare Website erstellen kann, anstatt einen isolierten Satz Dateien bereitzustellen.
