Entwicklung der technikum29 version 6
Diese Seite sammelt ein paar Screenshots zur Webseitenentwicklung 2011/2012.
Entwurf mit Stift
Zu Beginn hatte Heribert ein paar Notizen, wie es aussehen solle, ehe er die Umsetzung in Auftrag gab.
Erstes Layout
Umsetzung des ersten Layoutes als HTML
Nachdem das Layout als Photoshop-Bild vorgestellt und akzeptiert wurde, wurde es als HTML-Version umgesetzt. Die erste Version sah etwa so aus:
Detailverbesserungen am Entwurf
Nach wochenlangen Gesprächen wurde das Design bis ins Detail angepasst, bis eine endgültige Version stand, die etwa im Menü die Menge des Inhalts quantifizierte, die sich hinter einem Punkt befindet.
Überwerfung und neue Layouts
Irgendwann sollte an dem Layout nicht weitergearbeitet werden, es wurde als unpassend empfunden. Ein neues, dunkles Layout wurde entworfen, mit futoristischen Lochkarten im Design. Auch dieses Design wurde als HTML-Version umgesetzt.
Drittes komplett neues Layout
Nach monatelangen Diskussionen wurde auch dieses Layout wieder komplett verworfen und neu angefangen. Das Ergebnis lässt sich heute auf http://www.technikum29.de/ anschauen. Leider wurden im Rahmen von dessen Veröffentlichungen viele hübsche und sehr aufwändige Details verworfen, zum Beispiel die Beam Navigation im Footer:
Attachments (6)
-
t29-draft1.jpg
(142.1 KB) -
added by sven 8 years ago.
Design 1
-
t29-draft2.png
(657.8 KB) -
added by sven 8 years ago.
Design 2
-
t29-draft3.png
(413.1 KB) -
added by sven 8 years ago.
Design 2 weiter in Details ausgearbeitet
-
t29-draft4.jpg
(400.3 KB) -
added by sven 8 years ago.
Design 3 in filigranen Detailausarbeitungen
-
t29-draft5.jpg
(174.3 KB) -
added by sven 8 years ago.
Ein Detail des letztendlich umgesetzten Layouts
-
t29-notizen.jpg
(261.4 KB) -
added by sven 8 years ago.
Notizen zur Webseitenentwicklung