ff-webdesigner : Webdesign-Entwurf
In der Entwurfsphase wird ein sogenanntes Masterlayout erstellt. Dieses Layout ist der Webdesignentwurf für Ihre Webpräsenz. Alle Webseiten Ihrer Webpräsenz gehen aus dem Masterlayout hervor.
Entwurfs-Grundlagen Nachdem wir Ihre Bedürfnisse erörtert haben, erstellen die ff-webdesigner einen Entwurf für Ihre Webpräsenz. Anfangs herrschen Bleistiftskizzen zur groben Unterteilung in Funktionsbereiche vor. Sind Sie mit der Grobstruktur zufrieden, arbeiten wir diesen Entwurf aus: Farben, Struktur, Navigation, Inhaltsbereiche und Bildbereiche werden konkretisiert.
Der Webdesign-Grobentwurf einer neuen Webpräsenz wird meistens am Papier angefertigt. Die wichtigsten Überlegungen in dieser Phase sind Fragen wie: Wo befindet sich die Navigation? Wo werden die Inhalte präsentiert? Wieviel Platz benötige ich für die einzelnen Funktionsflächen? Wie soll die neue Webpräsenz wirken, was soll sie aussagen?
Flächen und Maße lassen sich am Papier schnell ändern, viele Variationen können in kurzer Zeit probiert werden. Sobald der Entwurf alle Bedingungen erfüllt, die durch die geplanten Inhalte und die Funktion Ihrer zukünftigen Homepage vorgegeben sind, wird dieser Entwurf in eine erste Computerskizze in einem Grafikprogramm umgesetzt.
Im Grafikprogramm werden die Pixelmasse der Funktionsbereiche definiert und verschiedene Farbvariationen getestet. Beispielinhalte werden für zur Verdeutlichung des Entwurfs eingefügt. Sie als Auftraggeber erhalten Vorschläge zur Ausführung betreffend Farbe und Form. Sie wählen den Entwurf aus, der Ihnen zusagt.
Während der Entwurfsphase können Sie jederzeit weitere Ideen einbringen. In der Regel dauert der Webdesign-Entwurf ca. 40% der Gesamtarbeitszeit für kleine Homepages. Erst wenn Sie mit dem Webdesign-Entwurf vollständig zufrieden sind, beginnen die ff-webdesigner mit der Ausarbeitungsphase.
Bis zu 4h individueller grafischer Entwurf für Ihre Homepage in Photoshop, incl:
- klare Definition von Navigations/Inhaltsbereichen
- alle nötigen Ebenen und Ebeneneffekte / Stile
- Farbschemata für die Umsetzung von Hintergrund, Vordergrund, Texten und Links
- Anordnung Ihres Firmenlogos, Blindtexte, Blindnavigation und Blindgrafiken
- Rücksprache und Korrekturen am Entwurf bis insgesamt maximal 1h
- bei allen Entwurfsarbeiten achten wir auf die einfache Umsetzbarkeit unter Berücksichtigung der Barrierefreiheit im WWW
- Slicen des fertiggestellten Entwurfes
- die übergabe des Entwurfes erfolgt als .psd via Email
Angebot wie oben WDE, zusätzlich noch 2h Umsetzung des Webdesign-Entwurfes in HTML, incl:
- saubere Umsetzung des grafischen Entwurfs in HTML
- semantisch korrekter HTML-Code, W3C-valide, barrierefrei
- CSS-Definitionen für Schriften, Hintergründe und Links und alle weiteren Seitenelemente
- Anordnung Dummy-Überschriften / Texte / Bilder
- Fertige Navigation incl. 1 Beispielnavigation für 2. Ebene
- ausgeführte Meta-Angaben für Eingangsseite
- Layouttest in alle gängigen aktuellen Browsern + Internet Explorer 6 / 7
- Übergabe des Masterlayouts mit allen nötigen Dateien als .zip per Email



