Ein neues Projekt: Von der Planung bis zur Fertigstellung

Planung und Entwurf

Jedes Projekt beginnt mit der Planung. Auf diese Weise kann ich ein konkreteres Gefühl für das Projekt bekommen. Ich studiere Websites aus der gleichen Branche und suche nach Inspiration. Ich mache mir Gedanken über Typografie und Farbgebung und erstelle einen Projektordner, in dem das Material des Kunden gespeichert wird.

Der nächste Schritt ist die Erstellung eines Menüs, und ich skizziere das Design und die Elemente der Website. Meine Skizzen sind weder sehr detailliert, noch beschreiben sie jeden Teil der Website. Der Hauptzweck besteht darin, eine allgemeine Vorstellung von dem Projekt zu bekommen.

Mit Figma setze ich meine Ideen und Skizzen in Entwürfe um. Manchmal gestalte ich so jede relevante Unterseite im Voraus, manchmal setze ich die Idee direkt in Code um.

Code und Freigabe

Wenn das Design mit meinem Kunden abgestimmt ist, verwende ich “Visual Studio Code”, um das Design in modernen und effizienten Code umzuwandeln, der HTML, CSS und Javascript verwendet.

In der Testphase prüfe ich, ob alles richtig funktioniert: Läuft die Website auf allen gängigen Browsern und Betriebssystemen, kommen die Kontaktformulare an, funktioniert das DSGVO-Modal korrekt (im besten Fall ist natürlich keines nötig!), ist die Seite barrierefrei?

Auf meinem lokalen Server läuft die Seite fehlerfrei - jetzt prüfe ich, ob das auch auf dem Live-Server der Fall ist. Schließlich veröffentliche ich die Website.