Steffen Friedrich, der seit 2007 als selbständiger Webentwickler und Programmierer arbeitet, setzte www.myhopa.de als private Website und als Webdevelopment-Portfolio um. Auf der Seite verknüpft er das Präsentieren seiner Web-Referenzen mit vielen AJAX- und JavaScript-Anwendungen.
Die Portfolio-Website zeigt nicht nur Referenzen, sondern wendet die Webtechniken direkt an. Seitenbesucher können sich dynamische JavaScript-Galerien und JS-Navigationen, Scroll-Effekte, Fisheye-Animationen etc. anschauen und bekommen einen Einblick in das Leistungsspektrum des Webentwicklers.
Für Selbständige und Freelancer ist ein aussagekräftiges Portfolio im Web unerlässlich, um potentielle Kunden von der eigenen Arbeit zu überzeugen. Portfolio-Websites oder Microsites sind ein vergleichsweise günstiges Werbemittel und können mit geringem Aufwand aktualisiert werden.
Die Fotogalerie auf der Portfolio-Website MyHoPa wurde mit JavaScript umgesetzt. Beim Hovern über die kleinen Bilder, wird ein etwas größeres Vorschaubild angezeigt. Nachdem ein Seitenbesucher auf ein Bild geklickt hat, öffnet sich eine einfache Lightbox mit einer Großansicht des Fotos.
Der Werdegang von Steffen Friedrich ist auf der Portfolio-Website MyHoPa wie eine Art Baum dargestellt. Die jüngsten Ereignisse befinden sich jeweils oben in der Baumansicht. Zu den einzelnen Ereignissen werden in JavaScript-Tooltips weitere Informationen angezeigt.
Auf der Seite Zur Person ist eine vertikale Fisheye-Bildergalerie mit JavaScript implementiert. Fisheye-Effekte lassen sich gut für Bilder, Icon-Paletten und sonstige Navigationen verwenden. Besonders effizient lassen sie sich einsetzen, wenn wenig Platz vorhanden ist und eine Alternative zu gängigen Navigationen gewünscht wird.
Die Portfolio-Website ist für einen dynamischen Seitenbesuch mit vielen JavaScript-Funktionen gefüllt. Bei dem Menü auf der rechten Seite handelt es sich um eine JavaScript-Navigation sowie auch bei den Scroll-Effekten von einem Textblock zum nächsten. Die gesamte Website ist aber auch mit deaktiviertem JavaScript voll funktionstüchtig.
Die Referenzen auf der Portfolio-Website von Steffen Friedrich sind übersichtlich mit Banner und Kurzinformationen dargestellt. Will ein Seitenbesucher mehr zu einem Projekt wissen, können mit einem Klick mehr Details angezeigt werden. Bei dem Ausklappen von zusätzlichen Projekt-Informationen handelt es sich um eine JavaScript-Lösung. Die Textinhalte sind vollständig google-indizierbar.
Die Homepage der Portfolio-Website www.myhopa.de erinnert hinsichtlich des Layouts und des Formats an eine Visitenkarte.
Die gesamten Seiteninhalte sind in zwei Sprachversionen - deutsch und englisch - vorhanden. Seitenbesucher können jederzeit über die Sprachnavigation in der rechten Spalte die Sprache wechseln.