Planung und Webdesign mit REDAXO CMS

Wenn Sie das Komplettpaket benötigen, also Planung, Gestaltung und Umsetzung der neuen Website, dann sind Sie bei mir richtig. Aufgrund der Tatsache, dass die Seiten auf verschiedensten Geräten funktionieren müssen, setze ich auf Techniken wie Wireframing und die Erstellung von Prototypen.

Design

Eine kurze Übersicht über den Workflow

Eine gute Website beginnt mit der richtigen Planung. Zuerst analysiere ich für Sie den Mitbewerb und stelle fest, wie dieser sich positioniert und präsentiert. Das Ranking in Suchmaschinen spielt dabei eine große Rolle - ich finde für Sie heraus, warum Mitbewerber eine entsprechende Position in den Suchergebnissen haben.

Strukturdiagramm

Webdesign - Beispiel Strukturdiagramm
Beispiel für ein Strukturdiagramm einer einfachen Website

Aus den dabei gewonnenen Erkenntnissen erfolgt dann die Strukturplanung. Mit dem Strukturdigramm lege ich für Sie meine Idee der Seitenstruktur fest und gleiche sie mit Ihren Bedürfnissen ab. Das Ziel ist, den zukünftigen Besucher mit einer gut strukturierten Website und einer entsprechenden Menüführung zu seinen Themen zu führen.

Wireframe Diagramme

Webdesign - Beispiel Wireframe
Design mit Wireframes

Das Grundlayout wird mit sogenannten Wireframe Diagrammen geplant. Diese Technik hat den Vorteil, dass man sich noch nicht zu sehr auf das Design konzentriert, sondern versucht alle nötigen Bereiche einzuplanen, um so zu einem sinnvollen, ansprechenden Layout zu kommen.

Der Stilentwurf (Style Tile)

Webdesign - Beispiel Stilentwurf
Ein Beispiel für einen Stilentwurf

Mit dem sog. Stilentwurf wird das grundlegende Aussehen festgelegt (Farben, Typografie, Steuerungselemente, ...). Diese Technik hat den Vorteil, dass man nicht den gesamten Layoutsentwurf gestalten bzw. bei Änderungen anpassen muss.

Prototyping

Prototyping
Der Prototyp wird direkt im Browser entwickelt

Mit Einzug der Smartphones in die digitale Welt hat sich das Web grundlegend verändert. Seiten müssen jetzt "responsiv" sein, was nichts anderes heißt, als dass das Layout je nach Bildschirmgröße unterschiedlich und optimal dargestellt werden muss. Durch diese Veränderung war es auch notwendig, den Workflow der Entwicklung zu ändern und anzupassen. Um schon während des Designprozesses zu seine, ob ein Layout auch "funktioniert", arbeitet man am besten mit der Technik des Prototypings. Das heißt nichts anderes, als dass das Design nicht wie bisher in Bildbearbeitungsprogrammen sondern schon ab hier direkt im Browser stattfindet.

Planung und Design neuer Websites
+49 157 84925965 Angebot anfordern
Logo

Ihr REDAXO Web-Entwickler aus Worms für Deutschland, Österreich und die Schweiz!
+49 157 84925965

Angebot anfordern