Portfolio V1

Eine Website um Informationen über mich und den gezeigten Projekten vermitteln zu können.

HTML CSS JavaScript PHP SQL
Mehr
Techniken & Frameworks

JQuery, MySQL, JQuery, Photoshop, PDO, PHPMailer

Informativ

Dieses Portfolio vermittelt viele verschiedene Informationen über mich und meinen Projekten. Zudem bietet es mehrere Kontaktmöglichkeiten.

landing.png

Kontakte pflegen

Eine wichtige Aufgabe dieses Projekts ist es, verschiedene Kontaktmöglichkeiten anzubieten und dabei eine möglichst hohe Benutzerfreundlichkeit zu ermöglichen.

imprint.png

mobile.png

Anpassungsfähig

Es ist wichtig, dass das Protfolio auf allen Geräten einwandfrei benutzbar ist. Darum wurde diese Website so konzipiert, dass sie sich an nahezu jede Bildschirmgröße optimal anpasst.

Das Wichtigste zuerst

Alle wichtigen Informationen werden auf einer Seite angezeigt. Nähere Informationen zu den Projekten werden gesondert auf Seiten dargestellt, um das Aussehen des Portfolios schlicht zu halten.

Navigation

Viele Informationen, aber nur eine Navigation. Die Steuerelemente einer Website dürfen nicht zu kompliziert werden - weniger ist hier mehr!

Interaktiv

Die Navigation wurde unter anderem mit JavaScript realisiert, wodurch ein interaktives Erlebnis ermöglicht wird (z.B. "smooth scrolling").

mobile_navigation.png

Routing

Projekte werden auf separaten Seiten dargestellt. Um ein dynamisches Aufrufen (die Website muss nicht neu geladen werden) dieser Seiten zu ermöglichen, wurde mit JavaScript ein passendes System entwickelt.

Sticky Navigation

Um die Navigation immer nutzen zu können wird diese intelligent am oberen Bildschirmrand fixiert.

routing.png
sticky_navigation.png

project.png

Ein Platz für alle Projekte

Die meisten meiner Projekte werden in dieses System eingebettet um diese zu Archivieren und jederzeit aufrufen zu können.


Meine Fähigkeiten

Neben allgemeinen Informationen zu meiner Person und meinen Projekten listet das Portfolio zusätzlich genutzte Techniken.

skills.png