Referenzen

Ich möchte Ihnen hier ein paar erfolgreiche Referenzen zeigen, bei denen ich für die technische Programmierung zuständig war. Da die Designs immer von anderen Designern erstellt wurde, gehe ich hier nur auf technische Besonderheiten ein:

12tune

Designer: SH-Grafikdesign
BE: TYPO3

Dieses Projekt war mein Umbruch. Das erste mal wurde hier TemplaVoila verwendet, um mit über 10 verschiedenen FCEs die einzelnen Spaltendesigns sauber abbilden zu können.
Zusätzlich habe ich einen 2-seitigen Mini-Shop integriert: Produkt auswählen und Produkt per Mail bestellen.

bender-neunkirchen.de

Design: SH-Grafikdesign
BE: TYPO3

Diese Webseite hat es in sich. Alle Elemente wurden an einem unsichtbaren Raster ausgerichtet. Hinzu kommt, dass die Menütexte aus TYPO3 über param-Tags an Flash übergeben werden. So konnte ich erstmals eine dynamische Flashnavigation erstellen. Sämtliche Inhalte basieren auf unterschiedlichste FCEs. So kann der Kunde ganz einfach weitere Mitarbeiter anlegen und meine FCEs setzen diese Angaben perfekt designed um. Dank powermail werden die Daten im Bereich Kontakt noch VOR dem Absenden auf Gültigkeit überprüft und entsprechende Fehlermeldungen werden angezeigt.

esw-wipp.de

Design: SH-Grafikdesign

Das Besondere an dieser Webseite ist die Navigation: Ich habe die Flashelemente mit JavaScript verknüpft. Auf diese Weise konnte der Schriftwechsel und die Anzeige der weiteren Menüpunkte realisiert werden. Special: Der Balken mit den weiteren Menüpunkten bleibt auch nach Verlassen noch 2 Sekunden aktiv, es sei denn es wird ein anderer Menüpunkt gewählt, dann verschwindet der Balken sofort. Weiterhin habe ich einen Zufallsgenerator für die Bannerbilder eingebaut. Drücken sie F5, um diesen Effekt zu erleben.

feelgood-oberberg.de

Design: SH-Grafikdesign
BE: TYPO3

Das Projekt haben wir übernommen und komplett redesigned. Wir haben schicke Effekte eingebaut wie z.B. ein abwechselndes Flash beim Aufrufen der Webseite. Auch wenn man links in der Navigation auf einen farbigen Link klickt, dann wechselt das komplette Farbschema der Webseite.
Die Werbung und der Banner sind vom Kunden beliebig austauschbar.

glass-kg.de

Design: artventure-werbung
BE: TYPO3

Diese Webseite basiert auf TemplaVoila und besitzt eine Liste mit Materialpreisen und zwei Formularen. Das Bannerbild kann vom Kunden beliebig ausgetauscht werden, ohne dass sich dadurch das Design "zerschießt". Auch der Bereich unter der Navigation kann vom Kunden beliebig geändert werden. Mit einem Kniff habe ich es geschafft, dass auch der Bereich unter der Navigation sich dynamisch der Höhe im Contentbereich vergrößert.

kanzlei-rabe.de

Design: SH-Grafikdesign
BE: TYPO3

Das war mit die erste Webseite, die ich auf Basis von TYPO3 realisiert habe. Der Kunde kann seine Texte selber ändern und konnte mich mit dem Thema TemplaVoila weiter vertraut machen.

kunststoff-recycling.de

Design: artventure-werbung
BE: TYPO3

Knifflig war die Integration von Chinesisch in diese Webseite. Wir benötigten einen Server, der auch UTF-8 auf Datenbankseite unterstützte. Im Hintergrund der Navigation ist eine kleine Blume zu erkennen, die immer am unteren Rand der Webseite ausgerichtet ist. Kunststoff-Recycling ist eine der wenigen Seiten, auf denen ich auch ein Newssystem realisiert habe. So sieht man auf der Startseite immer die letzten 2 News. Natürlich auch in mehreren Sprachen verfügbar.

promikon.de

Design: SH-Grafikdesign
BE: TYPO3

Promikon war meine erste Webseite für die ich eine eigene Extension programmiert habe. Es handelt sich dabei um die Künstlersuche mit eigenem Glossar. Auch die Mehrsprachigkeit habe ich hier das erste Mal implementiert. Sämtliche Bilder und Inhalte können vom Kunden ausgewechselt werden.

rollerconsulting.de

Design: SH-Grafikdesign
BE: TYPO3

Diese Webseite basiert auf einem unsichtbaren 20x20 Pixel-Raster im Hintergrund. Pixelgenaue Ausrichtung für perfektes Design. Highlights sind die slimboxen, die jedem Bild ein besonderes Augenmerk verpassen. Auf dieser Seite habe ich zum ersten Mal den Footer mit Hilfe meiner Extension sfjquery fixiert, der auch beim Scrollen da stehen bleibt wo er hin gehört. Damit läuft die Webseite auch unter dem IE6.

sfroemken.de

Design: SH-Grafikdesign
BE: TYPO3

Mein Stolz. Für jede Kategorie gibt es ein eigenes Hintergrundbild, für die komplette Seite gibt es Dank den farbigen Buttons oben die Möglichkeit, der kompletten Page eine eigene Farbe zu verpassen.
Special: Nahezu jedes Element auf der Webseite besitzt eine Transparenz, damit immer die aktuell gewählte Farbe durch die Hintergrundfarben der einzelnen Elemente durchschimmert. Sehr deutlich wird das im Bereich News.

sparschein.de

Design: SH-Grafikdesign
BE: Eigenprogrammierung in Cooperation mit Thomas Meinusch

Sehr aufwändig war die Integration der ganzen Selectboxen auf der Startseite. Denn wenn eine Auswahl selektiert wurde, mussten sich alle anderen Selectboxen mit entsprechendem Inhalt aktualisieren.
Die Webseite beinhaltet einen eigenen Adminbereich für Anbieter, Kunden und Administratoren.

typo3.sfroemken.de

Design: vlad-design
BE: TYPO3

Ich brauchte eine Webseite auf der ich all meine Problemlösungen und Erfahrungen niederschreiben konnte. Das Design gab es schon fertig als Extension im Repository. Verknüpft mit einem Blog entstand daraus meine TYPO3-Referenzseite, die sogar per RSS-Reader abonniert werden kann. Außerdem nutze ich sie, um dort meine selbst erstellten Extension an Hand von Beispielen zu präsentieren.

wasserquintett.de

Design: SH-Grafikdesign
BE: TYPO3

Die komplette Webseite basiert auf einem unsichtbaren Raster. Alle Elemente sind Pixelgenau auf dieses Raster abgestimmt. Special: Die Navigation. Wer genauer hin sieht, entdeckt den Farbverlauf der einzelnen Menüpunkte von oben nach unten.
Wasserquintett war die erste Seite mit integrierter Suche und einer selbstprogrammierten Galerie mit lightbox.

weriststefan.de

Design: SH-Grafikdesign
BE: TYPO3

Diese Webseite sollte eine Webseite werden, die nichts mit PC und TYPO3 zu tun hat. Stefan Frömken privat halt. Allerdings konnte ich mich noch nicht für eine Gallerie entscheiden und so liegt jetzt immer noch eine unfertige Webseite im Netz.
Der Text im Bild ist transparent und wird dynamisch eingefügt. Dynamisch soll die ganze Webseite werden, aber bis dahin wird wohl noch etwas Zeit vergehen.