Wie mein Portfolio entstand.. // making of martin-neuhof.com
s soll jetzt keine Eigenwerbung sein, aber da es sich ja hier um sehr viele Portfolio Seiten dreht möchte ich euch den Weg zeigen wie ich mein Portfolio ( http://www.martin-neuhof.com ) erstellt habe. Die erste Idee war eine vollkommen andere, ich wollte etwas machen was nicht meinem “Stil” entspricht, aber diesen Gedanken habe ich schnell wieder über den Haufen geworfen.
//Ob es nun zu Tutorials gehört ist vielleicht nicht ganz raus, aber definitiv erklär ich wie ich zu meinem Online Portfolio gekommen bin. Vielleicht eine Art – Kreativ-Unterstützung für euch.
Step 1: Die Ideenfindung, ich erstelle eine Webseite und weiß noch nicht so ganz wohin die Richtung gehen soll. Mir war klar, ich wollte etwas mit Wolken und dann mit etwas persönlichen, dabei hatte ich die Idee mit den Felsformationen (Bilder in Australien selbstgemacht). Die Glühbirne war mit dabei, weil ich vor einiger Zeit einen eindeutigen Glühbirnen tick entwickelt habe, deswegen musste sie zumindest noch im ersten Schritt dabei sein.
Step 2 : Die Frage ist bei jeder Website immer und immer wieder, welchen Background soll man benutzen? Wie sieht die Navigation aus? Als erstes hab ich hier die Glühbirne verkleinert, sie hat nicht wirklich in den Kontext gepasst und dann habe ich eine 2. fliegende Felsformation erstellt. Meine Initialen sind als große Buchstaben dargestellt und sollten sich durch das komplette Design ziehen, diese Idee hat mir echte Kopfschmerzen bereitet, nachdem ich ein paar Leute befragt habe und diese mir ein negatives Fazit über diese Idee gegeben haben wurden sie im Schritt 3 wieder entfernt. Der Hintergrund hat mir gefallen, er hat einige unruhige Stellen aber wirkt sehr interessant .
Step 3 : Ein radikaler Umbruch meiner Idee, ich wollte mich als Person mehr in den Vordergrund rücken, dabei sind die Initialen verschwunden, dafür wurde aber die Glühbirnen Idee wieder aufgegriffen ich hab meinen Oberkörper einfach auf die Fassung der Birne montiert. Es sollten die warmen Farben im Vordergrund stehen. Der Kontrast sollte zwischen Stadt (Adelaide & New York Skyline) & Land (Tasmanischer Leuchtturm + Baum). Ich wollte auch den Schwerpunkt der Grafik nicht auf den “Header” der Seite lenken (war mir zu Standardmäßig) sondern auf die Fußzeile des Browsers.
Step 4: Klar, ich mache kein Artwork und keine Grafik. Deswegen musste ich den Step 3 definitiv reduzieren. Der unbeständige Hintergrund wurde entfernt und ein Inhaltsfenster erstellt. Meine erste Idee war den Inhalt nach oben zu begrenzen und dies wollte ich mit einer weiteren Felsformation erreichen. Auf diesen fliegenden Stein, sollte die Navigation entstehen, diese hab ich mit gelben Klebemarken (vorher eingescannt) realisiert.
Step 5: Der fliegende Stein ist wieder verschwunden, mir wirkte es zu klobig. Die Klebemarken wurden deswegen vergrößert und mit einem vielfarbigen Streifen unterlegt. Die eine hälfte der Streifen stellt die deutsche Nationalflagge (in verkehrter Reihenfolge) dar, da die Inhalte auf Englisch geschrieben werden wollte ich eine kleine Brücke zu meinem Heimatland schlagen. Das Inhaltsfenster habe ich mit einem Schreibblatt realisiert. Es gibt meiner Meinung nach, der Seite einen intimen Touch, so als würde man am Schreibtisch einen Brief öffnen.
Step 6: Links neben der Hauptgrafik waren noch einige Sachen die während meiner Arbeit in der Bearbeitungsdatei angefallen sind… diese wurden entfernt, da das Design mittig angeordnet werden sollte und dabei man natürlich keine linken Ränder lassen kann. Ich hab für den Hintergrundverlauf einen Orange-Gelben Farbton gewählt da ich die wärme der Grafik nocheinmal unterstreichen wollte.
Step 7: Hier wurde schon ein wenig am Inhalt gefeilt, die Kategorien wurden mit einem Auswahlbild verstärkt und mit einem Klebestreifen versehen. Es wird immer in der obersten Inhaltszeile die Seite auf der man sich gerade befindet angezeigt, somit verliert der User nie den Überblick auf welcher Seite er sich gerade befindet.
Ich hoffe euch hat dieser Einblick in meine Portfolio Arbeit gefallen und falls ihr interesse habt könnt ihr gerne www.martin-neuhof.com besuchen.
Tweetbird Twitter Icon Set
Color Cloud Wordpress Theme
Leuchtalphabet
ART Wordpress Theme
http://www.facebook.com/pag...
...
