… oder wie Projekte üblicherweise beginnen.

Kurz vor Weihnachten erhielt ich den Anruf meines Frankfurter Grafikers, ob ich ihm einmal kurz helfen könne, er bekommt ein Flash nicht mittig auf die Seite zentriert. Als ordentlicher Webprogrammierer ist dies natürlich kein Problem und so schüttelte ich kurz mit dem linken Arm und siehe da … die übliche Zentrierung fiel wie von Geisterhand in das offene Skype-Fenster und funktionierte.

Wie ein Projekt entsteht …

Das Thema hatte sich nahezu erledigt und war mir auch schon aus dem Sinn, als kurz vor Weihnachten ein weiterer Hilfeschrei kam: “Martin, kannst du mir einen Facebook-Button einbauen?” Natürlich würde das gehen, allerdings begann jetzt die Phase, über das Gesamtk0nzept nachzudenken und kurz darüber nachzudenken, ob der Weg eigentlich richtig ist. Also wieder drei Schritte zurück und nachgeschaut, was passieren soll und was die eigentlichen Anforderungen sind. Und wie dies mit Wespennestern so ist, man sticht sehr schnell rein und … das Projekt war geboren.

Das Hole Magazine

Julian Laidig hat als Fotograf mit einem kleinen Projekt ein ganzes Magazin voller Themen rund um das Thema Modelling, Styling und Fotografie gestartet. Dabei entstanden neben sehr schicken Fotos auch Produktionsvideos und das Online-Magazin.

Dank moderner Techniken ist das Magazin mit Hilfe von issue.com im Internet anzeigbar, enthält realistische Blätterfunktionen und zur Erhöhung der Lesbarkeit auch eine Skalierung. Dabei musste kein Qualitätsverlust hingenommen werden, sowohl Bilder als auch Texte blieben in der Online-Version gestochen scharf.

Nach und nach ergaben sich im Gespräch weitere Anforderungen:

1. Das blätterbare Magazin stellt die Hauptseite des Auftritts dar.
2. Sowohl Julian Laidig als Fotograf als auch Ondrej Navratil als Grafiker sollten verlinkt werden
3. Eine Kontaktmöglichkeit via E-Mail sollte möglich sein, allerdings ohne die Preisgabe für SPAM-Robots
4. Das Making-Of-Video sollte sich in einem In-Frame-Popup über dem blätterbaren Magazin öffnen
5. Es muss ein Impressum geben, das auch ohne Flash und andere Script-Technologien zu öffnen ist
6. “Gefällt mir” darf nicht fehlen – die Verknüpfung mit Social Media soll erstellt werden.

Verdammt viel Holz für eine kleine zentrierte Seite …

Für jede dieser Einzelanforderungen ist eine Lösung verfügbar, diese zusammenzubringen und insgesamt funktional zu machen war die Schwierigkeit:

1. Das Flash von Issue.com wird mittels IFrame eingebettet.

2. Für die Darstellung der externen Seiten wird eine Verlinkung in einem neuem Fenster angestrebt.

3. Für die dynamischen Funktionen wird JQuery als performantes und einfaches Framework genutzt. Für die SPAM-Vermeidung dient ein einfaches, eigen erstelltes Script, welches die E-Mail-Adressen nachträglich korrigiert. Die In-Frame-Popups werden mit Hilfe von Fancy Box – einer Erweiterung für JQuery – dargestellt. Optisch fügen sich diese Popups hervorragend in den Stil des Magazins ein.

Natürlich klingt dies alles nach Baukasten-System, aber leider passt nicht immer alles zusammen und so musste das Fancy-Popup tatsächlich noch um eine Option erweitert werden: IFrame ausblenden, wenn sich das Popup öffnet. Warum? Das Flash auf Issue.com leuchtete natürlich durch, ein Problem, was sich noch über Jahre nicht auflösen wird, obwohl es bereits Lösungen gibt.

Was ist, was wird?

Entstanden ist eine optisch repräsentative Landing-Page- welche verschiedene Webkomponenten zusammen führt und das HOLE MAGAZINE repräsentiert.Das Magazin ist mittlerweile sogar durch das österreichische Boulevard-Fernsehen gegangen und es sind in jedem Fall sehr schöne Bilder und Videos entstanden

Sofern es eine Fortsetzung des Low-Budget-Projekts gibt, stehen insbesondere hier folgende Themen aus:

• Wie werden Archivierungen alter Magazine durchgeführt
• Wie können die Magazintexte von Google indiziert werden