Mein neues Portfolio. Und ich bin stolz!

Eine gefühlte Ewigkeit sitze ich nun schon an meinem eigenen Portfolio. Man kennt das, der Schuster hat selbst die schlechtesten Leisten. Ab heute ist www.robert-voigt.de online und ich möchte gern eure Meinung mit in das Projekt einfließen lassen. Vielen Dank schon jetzt dafür!

Als Kreativling und Pixelschubser hat man es immer besonders schwer: Gerne möchte man sich mit einem eigenen Portfolio präsentieren. So richtig bunt, toll und überzeugend soll es werden. Gleichermaßen nach Erfahrung und Kreativität aussehen. Ein bisschen den Business-Typen raushängen lassen. Sich von allem anderen abheben. Besonders sein. Schlicht und einfach die beste Arbeit werden, die man jemals abgeliefert hat, nein… abliefern wird!

Und siehe da: Mit dieser Herangehensweise ist das große Übel abzusehen. Wie viele Entwürfe von eurem eigenen Portfolio habt ihr in eurer Laufbahn als Kreativling schon verworfen? Waren es 20? 30? Vielleicht 50 so halb fertige Dinger?

Ich kenne das.

Meine Bewerbungswebsite aus dem letzten Jahr

Letztes Jahr war ich sehr zu frieden mit mir, als ich tatsächlich in nur 16 Stunden meine Bewerbungswebsite inklusive Videoskript schreiben, Videoausrüstung aufbauen, Video drehen, Video schneiden und Website umsetzen fertig bekommen habe. Gar eine Meisterleistung wenn man bedenkt unter welchen Druck man sich da normaler Weise setzt. Perfekt soll es schließlich werden.

Aber ich hatte etwas, dass mir weitergeholfen hat: Keine Zeit!

Für ein ganzes Jahr empfand ich die Website für absolut ausreichend. Ich erinnere mich noch wie ich damals mit einem “Robert braucht einen neuen Job”-Banner auf dem bekannten Design Tagebuch Werbung geschaltet habe. Die Website machte die Runde und ich war amüsiert über die Reaktionen. Von “Super-Nerd sucht Arbeit” bis “so müssen Bewerbungswebsites aussehen” war alles dabei.

Weg von der Bewerbung, hin zum Portfolio

Spätestens mit meinem Geburtstag im Februar war das Video auf der Seite hinfällig. Dummerweise erwähnte ich dort mein bis dahin aktuelles Alter.

Nun wollte ich etwas neues. Es sollte sich von allem anderen abheben. Ein bisschen den Business-Typen raushängen lassen und gleichermaßen Erfahrung und Kreativität widerspiegeln. Ach, moment…

Das hatten wir schon!

Ich warf alle Vorhaben über Bord und fing einfach an. Schon längere Zeit beobachtete ich verschiedene Entwicklungen im Netz. Kleine Spielereien die ich gerne bei mir im Portfolio haben wollte. So zum Beispiel der leicht dreidimensionale Effekt im oberen Bereich der Seite. Oder Referenzen die nur so vorbeifliegen. Und ich wollte “bunt”. Vor allem sollte “bunt” auch im Logo sein.

Und ich bekam was ich wollte!

Treu nach meinem Motto “Selbst die genialste Idee, ist nur eine Kombination bereits bestehender” kombinierte ich also meine Designideen zu einem Gesamtwerk. Ich hab einfach weiter gemacht. Ohne nochmal darüber nachzudenken, ob das jetzt das richtige ist. Ich wollte es zu Ende bringen. Fühlte mich dabei leicht an einen Hornbach-Spot erinnert: “Mach es zu Deinem Projekt”. Und ich war das Projekt!

Technische Umsetzung: Prädikat wertvoll

Es zogen viele Stunden ins Land. Ich hörte irgendwann auf zu zählen. In diesem Projekt steckt tatsächlich viel Herzblut. Und somit eine ganze Menge von mir. Ich habe versucht, alles zu integrieren, was ich gerne und gut kann. Wer sich mit XHTML, CSS und jQuery auskennt, dem empfehle ich mal einen Blick “unter die Haube”. Das ganze Konzept mit den verschiedenen Farben, in jeder Kategorie, zieht sich bis zum Ende durch. Alles valide, in jedem Browser gleich. CSS3-Effekte in Browsern die es können. Die Performance bis aufs Letzte optimiert. Ladezeiten die staunen lassen – trotz unheimlicher Transfervolumen. Auch die SEO-Abteilung sollte nicht zu kurz kommen.

Rundum: Ich bin zufrieden!

Mein Portfolio 2010

Doch kommen wir zum eigentlichen Ergebnis. Das Konzept der Seite ist schnell erklärt. Es gibt 5 Kategorien: Startseite, Portfolio, Lebenslauf, Zahlen und Kontakt. Eine weitere ist noch geplant. Dazu gesellt sich ein Logo, welches in seiner Ursprungsform sehr bunt ist. Es soll Vielseitigkeit und Kreativität zum Ausdruck bringen. Auf der Seite sieht man es meist allerdings nur einfarbig – je nach gewählter Kategorie. Ein Farbkonzept welches sich durch die gesamte Seite zieht.

Das Portfolio

Besonders ist die Flexibilität der Seiten. Nur das Grundgerüst mit Navigation, Logo und Fußbereich bleiben auf jeder Seite gleich. Der sonstige Inhalt hat eine jeweils angepasste Form. Die Farben wechseln.

Der Lebenslauf

Es gibt gewisse Konstanten, wie den beweglichen Teil im oberen Teil. Oder die etwas abgesetzte Leiste darunter. Doch wenn man mal auf eine der im Portfolio angegebenen Referenzen klickt, wird man schnell merken, dass da doch erstaunliche Veränderungen auftreten.

Zahlen & Statistiken

Doch nicht nur die technische Umsetzung sollte speziell sein. Auch der Inhalt sollte etwas ungewöhnlicher werden, als man es kennt. Ein paar Hintergrundinformationen über mich. Interessante Zahlen. Noch dazu verpackt in spannenden Infografiken.

Kontakt

Ich kann vorerst zufrieden sein. Mein “bunt” habe ich definitiv bekommen.

Jetzt ist euer Feedback gefragt!

Ich habe schon öfter erwähnt, dass ich Kritik sehr gerne mag. Nur durch sie kommt man tatsächlich weiter. Sieht Entwicklungsmöglichkeiten. Beim letzten Mal habt ihr mir klasse Idee und Kritikpunkte zu den Hochzeitsfotos mit der Canon EOS 550D gegeben. Etwas ähnliches würde ich mir jetzt auch gern für meine neue Website wünschen. Damit ich weiß, was hier und dort vielleicht doch noch besser geht!

Dazu ein paar Hilfsfragen:

  • Ohne die Einleitung hier, wisst ihr beim Betreten der Seite worum es geht?
  • Wisst ihr, wo und wie ihr auf der Seite navigieren könnt?
  • Gibt es Stellen und Situationen in denen ihr nicht weiter wisst und die Seite verlassen würdet?
  • Habt ihr technische Schwierigkeiten bemerkt?
  • Funktioniert etwas nicht so wie erwartet?

Gerne würde ich auch eure allgemeine Meinung hören. Wie findet ihr die Seite? Wie wirkt sie auf euch? Dabei gilt zu beachten: Die Seite steht im Moment bei etwa 95% – ein paar Kleinigkeiten sind noch geplant und werden in den nächsten Wochen eingebaut.

Vielen, vielen Dank für eure Mühe im Voraus! Hier geht es zum Portfolio!

  • Tom Engelhardt
    10. August 2010 um 11:48 Uhr
     

    Sehr schön gemacht Robert! Geniale Effekte und Ideen :)

  • Christian
    10. August 2010 um 11:54 Uhr
     

    Kann mich nur anschließen, sehr geiles Portfolio! Nicht nur eine Startseite ohne wissenswertes sondern gut strukturierte Themen und serh übersichtliche und leicht verständliche Steuerung.

    Würde mir sowas auch wünschen :P

  • Pascal
    10. August 2010 um 12:00 Uhr
     

    Hey Robert…

    klasse Portfolio. Gefällt mir ausgesprochen gut! Deine Arbeit hat sich auf jeden Fall gelohnt. :)

    Eins ist mir aufgefallen:
    Auf der Startseite beim Slider sind beim Hover noch die Zahlen hinter den “Strichen” (grau/geld) zu erkennen… ich denke du weißt was ich meine, wenn nicht mach ich gerne ein Screenshot. Browser: Aktuellster Firefox, im Chrome tritt das Problem nicht auf…

  • Sven
    10. August 2010 um 12:34 Uhr
     

    Grüße aus Hamburg,

    ein wenig neidisch wird man ja schon, wenn man das so ansieht. Vor allem die infografiken haben es mir angetan und mich begeistert. Ich fand die Art der Aufbereitung von “statistischen” Daten sehr spannend. Ein wenig überfordert war ich im ersten Augenblick vom wechelnden Look&Feel auf den Einzelseiten, bis ich mich selbst wieder auf den Modus “Blogzine” zurückgesetzt habe. Ich hab einfach zu viele Blogs in letzter Zeit in meiner täglichen Beobachtungsliste. ;-)

    Ein bisschen erschlagen hatm ich die Informationsfülle, auch wenn sie sehr gut sortiert ist und man sich gut durch die Menge navigieren kann. Somit ist es vom Aspekt des Interface-Designs schon mal gut gelungen.

    Fasziniert hat mich meine eigene Nutzererfahrung. Ich komme ins stöbern, will den Menschen durch die Facetten der Seite entdecken und kennenlernen. Aus UX-Sicht natürlich genau der gewünschte Effekt, eben als sehr schön Nutzererfahrung vermittelt.

    Ich muss sagen, als Referenz für den kreativen, ebenso wie den Leitungs-Bereich wirklich gut.

  • Benjamin
    10. August 2010 um 12:40 Uhr
     

    Hm, im IE6 funktioniert das meiste nicht… und die PNGs tuen den Rest. ;-)

    Dafür im Firefox sehr, sehr ansprechend. Designtechnisch und technisch… inspirierend, schön anzusehen, in meinen Augen nah an der Perfektion. Schön, schön! :)

  • Dirk
    10. August 2010 um 12:55 Uhr
     

    Geilomat! Ehrlich.

    Ich habe hier im Büro u.a. noch den IE 6.0.2 auf meinem Arbeitsapparat und da sieht die Site etwas anders aus. Aber immer noch lesbar. Bei allen aktuellen Browsern wird sie fantastisch dargestellt.

    Aber da sind schön verteilt noch ein Haufen Schreibfehler, die einem – jedenfalls mir – sofort ins Auge sprangen. Einige sprangen mir sogar in beide Augen. :D

  • Egon
    10. August 2010 um 13:25 Uhr
     

    Optische sehr detailverliebt! Doch auch funktional?
    Aktualisieren sich die Zahlen automatisch oder darfst Du immer wieder nachbessern damit es auch nächsten Monat stimmt?

  • Atreiu
    10. August 2010 um 14:04 Uhr
     

    Auch ich muss sagen: sehr schick und eine gute Inspirationsquelle, weil ich auch gerade mal wieder dabei bin, mein Portfolio zu überarbeiten. Eben eine Daueraufgabe für uns Gestalter.

    Eines fällt mir nur auf: auf meinem großen Bildschirm sind die Teasertexte im grauen Balken schon ziemlich weit unten, es ist fraglich, ob da nicht vielleicht manche gar nicht feststellen, dass es unterhalb davon sogar noch weiter geht (auch wenn Du einen “Nach unten Scrollen”-Button auf der Seite hast). Ansonsten tipptopp – bis auf die bereits von Dirk angemerkten Tippfehler.

  • Pascal
    11. August 2010 um 00:37 Uhr
     

    Hui, das ist wirklich sehr schick. Da hat jemand aber richtig Talent. ;)

  • Daniel Knauer
    11. August 2010 um 10:12 Uhr
     

    @ Benjamin: Wer benutzt denn bitte noch einen IE6? Selbst schuld.

    @ Robert: Sehr gut gelungen, von der Programmierung bis hin zum Design stimmt alles harmonisch überein und es macht Spaß sich durchzuklicken.

  • Thorsten Rusch
    11. August 2010 um 10:44 Uhr
     

    Leute, Leute, Leute… Welch tolle Reaktionen! Vielen Dank für die detailverliebten Anmerkungen und Hinweise. Das freut uns natürlich sehr.

    Aber, warum melde ich mich eigentlich jetzt und nicht Robert?
    Ich wollte Euch nur kurz mitteilen, dass Robert ein paar Tage im wohlverdienten Urlaub ist. Nach seiner Rückkehr wird er sich mit einem ausführlichen Kommentar bei Euch melden.

    Viele Grüße,
    Thorsten

  • Albert
    11. August 2010 um 15:36 Uhr
     

    Saubere Leistung! Das kann sich doch echt sehen lassen! WOW!

  • klickreflex
    11. August 2010 um 17:24 Uhr
     

    Gefällt mir sehr gut, nur diese Art Parallax-Effekt irritiert mich doch immer wieder auf’s Neue. Klar, ein Alleinstellungsmerkmal und so.. aber von der Usability stört’s mich dann doch.

    Achja, ich würde behaupten, dass das Komma da nicht hin gehört: “Ich bin Robert Voigt und meine Stärke, die Kreativität”. Ist ja ne verkürzte vorm für “[..] ist die Kreativität”.

    Grüße aus Freiburg

  • Thorsten Rusch
    11. August 2010 um 23:32 Uhr
     

    Ich finde den Parallax-Effekt (interessant, wusste nicht, dass der so heißt) auch gewöhnungsbedürftig. Allerdings finde ich auch, dass es ein absoluter Blickfang ist. Die Seite wirkt dadurch dynamischer. Ich schaue immer wieder etwas genauer hin. Mittlerweile hab ich mich dran gewöhnt und finde Ihn nicht mehr störend.

    Gruß,
    Thorsten

  • Jule
    12. August 2010 um 12:39 Uhr
     

    sehr gelungenes portfolio :)

  • Robert Voigt
    17. August 2010 um 06:58 Uhr
     

    Guten Morgen ihr erstklassigen Feedback-Geber!

    Zurück aus dem ersten Urlaub und auch fast wieder unterwegs zum zweiten nach Düsseldorf, Köln und Amsterdam wollte ich mich noch kurz für euer hervorragendes Feedback bedanken. Ich wusste, ich kann auf euch zählen. Vielen, vielen, vieeelen Dank Tom, Christian, Pascal (pixelsamurai), Sven, Benjamin, Dirk, Egon, André, Pascal (blogundso), Daniel, Albert, klickreflex und Jule!

    Da sind wirklich noch ein paar Dinge dabei, die ich unbedingt anpassen muss. Klasse! Ich versuche mal auf ein paar einzelne einzugehen:


    @Pascal (pixelsamurai): Hm, ich kann die Zahlen im Slider bei mir nicht sehen. Wärst Du so nett mir einen Screenshot zu machen?


    @Sven: Der Satz über Deine Nutzererfahrung hat mich sehr gefreut. Das ist es doch, was man sich wünscht! Schön, dass auch die Infografiken verständlich waren. Das ist ja meist gar nicht so einfach :)


    @Benjamin: Ja, der IE6 bleibt bewusst außen vor. Übrigens eine der ersten Seiten bei der ich diese konsequente Entscheidung getroffen habe. Aber ich werde mir mal anschauen, ob da ein paar kleine Veränderungen ausreichen um es lesbarer zu machen.


    @Dirk: Die Schreibfehler. Ja. Zugegeben sind die Texte noch nicht durch eine Rechtschreibprüfung gerutscht. Wird nach dem Urlaub direkt nachgeholt :)


    @Egon: Interessant das Du fragst! Im Moment sind die Zahlen noch statisch. Ich wollte vor meinem Urlaub unbedingt live gehen – da musste die 95% Version reichen. Später sollen aber alle Zahlen automatisch berechnet werden. Selbst die aufgenommenen Fotos sollen dann live hochgezählt werden (statistischer Mittelwert).


    @André: Ja, das ist mir leider auch erst aufgefallen, als ich mich schon ins Design verliebt hatte. 100%ig optimal ist das nicht, gebe ich zu. Aber die Zeit ist auf meiner Seite: Zumindest die Standmonitore werden immer größer ;)

    Hab versucht mit dem blinkenden “Nach unten scrollen” etwas darauf aufmerksam zu machen.


    @klickreflex: Kann ich im Ansatz verstehen. Es ist schon etwas ungewohnt. Mein Problem ist vorallem, dass es anscheinend etwas rechenintensiv ist, bzw. hin und wieder etwas ruckelt. Aber ich glaube man kann halt nicht alles haben ;)


    @Jule: Danke, das ich wenigstens auch EIN weibliches Feedback bekommen habe! :)


    Viele Grüße,
    Rob

Schreibe einen Kommentar