toka-foto

Thomas Kaden – Industrie- und Unternehmensfotografie

(Projekt ab 03/2008)

Thomas Kaden fotografiert hauptsächlich Firmen, deren Umgebung und Mitarbeiter zur Verbesserung der Identifikation mit dieser. Auf Wunsch kann er jedoch auch z.B. einen Verein in seinem Umfeld aufnehmen oder ein Sportevent dokumentieren. Nebenbei macht er weiterhin freie Arbeiten, wie Natur-, Sport- oder urbane Aufnahmen von eigenem Interesse oder Reisen.
Weiteres unter www.toka-foto.de

1. Websitegestaltung und Codierung/Pragrammierung mit Dynamisierung (XHTML 1.0 Strict + CSS 2.1 + PHP 5 + JS)

Eine Fotografen-Website soll Fotos präsentieren und zwar entweder im dunklen klassischen Layout oder in einer neuen, experimentellen Umgebung. So auch diese Website.

Die Dynamik der Seite ist zum Beispiel besonders in der experimentellen Navigation zu sehen. Diese zieht sich komplett zurück, so das man die volle Konzentration auf die Bilder richten kann.
Die Möglichkeit der einfachen Ergänzung oder Löschung bestimmter Bilder in einer Kategorie wurde per PHP von meinem Kollege Norbert Neumann geschrieben. Die Programmierung ermöglicht auch eine automatische Thumbnailerzeugung, dynamische Links, automatische Bilderzuordnung wie auch die Navigation in dieser.

1.1. Layoutvorschläge in 1024x768px

Eine Gestaltungsvariante ist in klassischen dunklen Hintergrundtönen mit gewohnter Navigation und Bildpräsentation. Die andere Variante ist experimentellerer Natur mit einem imaginären Fotostapel zur Präsentation und einer komplett versteckten Navigation. Die wenigen Textparts der Seite fließen hier auch in die gleiche Umgebung harmonisch ein.
Da die Entscheidung schnell auf die zweite Variante fiel wurde diese auch weiter ausgebaut.
(Per Klick gehts zu größeren Grafiken)

Layoutvorschlag 01 - Bildpräsentation Layoutvorschlag 01 - Bildpräsentation mit erweiterter Navigation Layoutvorschlag 01 - Textseite: Konzept und Profil Layoutvorschlag 01 - Aufteilungsplan Layoutvorschlag 02 - Startseite Layoutvorschlag 02 - Bildpräsentation mit Bildnavigationsrollover Layoutvorschlag 02 - Navigation mit Bildvorschau Layoutvorschlag 02 - Textseite: Konzept und Profil Layoutvorschlag 02 - Aufteilungsplan

1.2. Die Umsetzung der Website (Stand der Bilder: 12.2008)

Der derzeitige Stand in Screenshots der fertig erstellten, aber erweiterbaren Website.
(Per Klick gehts zu den jeweiligen Seiten von toka-foto.de)

Screenshot von Website: Startseite Screenshot von Website: Startseite mit aufgeklappter Navigation Screenshot von Website: Konzeptseite Screenshot von Website: Referenz-Seite mit RollOver Screenshot von Website: Navigation z.B. in einer Galerieseite Screenshot von Website: Bildpräsentation mit Navigationsrollover Screenshot von Website: Auswahl einer Ausstellung Screenshot von Website: Ausstellungssseite mit Informationen Screenshot von Website: Kontakt Screenshot von Website: Impressum
Headerbild