Referenzen

ksw architekten + stadtplaner, Hannover

Die Webpräsenz des Architekturbüros "ksw architekten + stadtplaner" aus Hannover wurde vollständig "responsive" umgesetzt.

Entwickelt wurden angepasste Layouts mit 4 Abstufungen für Desktop-Computer mit großen Bildschirmen, sowie 3 Hauptabstufungen für mobile Geräte (Tablet, Smartphones im Quer- und Hochformat), nebst weiteren 7 Feinabstufungen.

Bilder werden entsprechend den HTML5-Standards mit dem <picture> Tag und den Attributen des <img> Tags "srcset" und "sizes" in unterschiedlichen Auflösungen ausgegeben – je nach Bildschirmgröße und -auflösung (Retina Displays). Moderne Browser können somit das jeweils passende Bild auswählen. Für ältere Browser kommt ein sog. "Polyfill" zum Tragen, das die Funktionalität mit JavaScript nachbildet (picturefill).

Als CMS wird Typo3 verwendet, für das umfangreiche Erweiterungen entwickelt wurden, wie ein Projekt- und News-Plugin. Zusätzlich wurde ein PDF-Generator realisiert, der Projekte in einem speziellem Druck-Layout ausgibt.

Stefan Bernard Landschaftsarchitekten

Webseite des Landschaftsarchitekturbüros "Stefan Bernard Landschaftsarchitekten". Die Seite ist mit Typo3 realisiert.

Es wurde ein "Responsive Design" mit Anpassungen für 4 unterschiedliche Displayauflösungen realisiert: von Displays mit sehr hohen Auflösungen (Retina Displays) bis hinunter zu Tablets und anderen mobilen Endgeräten.

Auch die Bilder der Projektgalerien werden je nach Anzeigegröße in unterschiedlichen Größen ausgeliefert. Es wird dazu das "picturefill.js"-Script eingesetzt, um die Funktionalität des vorgeschlagenen <picture> HTML-Tags zu simulieren.

Ein Kursplanungssystem für kleine bis mittlere Pilates- und Yoga-Studios. Die gesamte Terminplanung aller Kurse wird mit dem System gesteuert und verschafft den StudiobetreiberInnen einen perfekten Überblick und eine massive zeitliche Entlastung. Gut 80% der sonst für die Terminverwaltung aufgebrachten Zeit entfallen.

Für die KursteilnehmerInnen kann das Verschieben eines Termins völlig unproblematisch online erledigt werden – Wochen im Voraus oder in letzter Minute. Auch Nachrückerlisten werden automatisch erstellt und verwaltet.

Liquid Kursplanung wird als typischer multi-mandantenfähiger "Cloud-Service" an StudiobetreiberInnen vermietet und ist für die KursteilnehmerInnen kostenlos.

Für die Entwicklung wird das ZendFramework 2 eingesetzt, das Layout basiert auf dem CSS-Framework "Bootstrap". Die Logoentwicklung erfolgte durch die Bremer Grafikerin Uta Ratz.

Uta Ratz - Grafikdesign & Illustration

Uta Ratz ist Web- und Printdesignerin in Bremen, mit der ich schon an einer Reihe von Projekten zusammen arbeiten durfte. Ihre Arbeiten haben immer einen unverkennbaren und sehr individuellen Stil.

Die Seite ist mit dem Content Management System Typo3 realisiert.

Grünanlage (Archiv)

Ein halbes Lebenswerk an Texten, Musik und Videos rund um die kreativen Köpfe von "Grünanlage".

Zum Einsatz kommen: Bootstrap als CSS Framework (mittels LESS-Compiler angepasste Version) und Typo3 als CMS. Als Player wird jPlayer mit einem individuell gestalteten Theme verwendet.

HeartBrain - Studio für Gestaltung

Endlich fertig! - die neue Homepage von heartbrain. Das Design basiert auf einem Ein-Seiten-Konzept: alle Inhalte werden auf einer einzigen großen Seite angezeigt. Die Inhaltsbereiche werden per AJAX geladen, so dass sich für Browser, die kein JavaScript interpretieren, eine "normale" mehrseitige Internetpräsenz ergibt.

Das Layout ist dabei 3-geteilt: In der Mitte wird das Gesamtunternehmen präsentiert, in der linken und rechten Spalte werden die individuellen Projekte der beiden Geschäftsführerinnen gezeigt.

Die seitlichen Spalten sind darüber hinaus auch einzeln als eigenständige Webseiten als Subdomains aufrufbar: jule.heart-brain.de & sabine.heart-brain.de

Außerdem ist die Seite "responsive" angelegt: das Layout ändert sich in Abhängigkeit von der Monitor- bzw. Displaygröße in 5 Stufen von einem 5-spaltigen Raster bis hinunter in ein 2-spaltiges Raster. Ab dem 2-spaltigen Layout ändert sich die Menüform in ein – inzwischen als Standard zu bezeichnendes – vertikales Aufklappmenü, so dass auf Smartphones eine gute Navigierbarkeit gewährleistet ist.

Als Content Management System Typo3 eingesetzt – mal wieder.

Royal Events

Seite der Royal-Events GmbH. Die Seite wurde von einem selbst programmierten PHP-CMS auf Typo3 umgestellt. Dabei mussten Design und Inhalte bis auf wenige Modifikationen weitestgehend identisch bleiben, um sowohl das Erscheinungsbild beizubehalten als auch das Suchmaschinen-Ranking nicht negativ zu beeinflussen. 

Die Seite wird in 2 Sprachen angeboten, wobei jede Sprache an eine eigene Domain gebunden ist (www.royal-events.de / www.royal-events.com).

musiktotal group

Der Shop wurde mit dem OXID Webshop CE (Community Edition) realisiert. Für den Shop wurden verschiedene Plugins entwickelt, um alle Anforderungen an Funktionalität und Design erfüllen zu können.

Das Design wurde vom berliner "Studio für Gestaltung" heartbrain entwickelt.

Sabine Biegel - Heilpraktikerin für Psychotherapie

Sabine Biegel, Heilpraktikerin für Psychotherapie. Die Seite ist mit Typo3 realisiert.

Das Layout stammt vom berliner "Studio für Gestaltung" www.heart-brain.de.

Lebensraum

Webpräsenz "Lebensraum". Als CMS wird Typo3 eingesetzt. Das Kernstück bildet das als eigenständiges Typo3-Plugin entwickelte und sehr umfangreiche Kursbuchungssystem mit Online-Buchung, PayPal Integration und einem Administrationsmodul.

Daneben wurden individuelle Plugins für die Darstellung der Mitarbeiter, der Kurse und des Kurs-Stundenplans entwickelt.

Das Design wurde vom berliner "Studio für Gestaltung" heartbrain entwickelt.

huterreimann landschaftsarchitektur

Internetpräsenz des Landschaftsarchitekturbüros hutterreimann in Berlin.

Als Hintergrund-Slideshow wird das Skript "Supersized" (Java Script) in einer erweiterten Form eingesetzt, so dass die Ausrichtung der Bilder auch je Bild erfolgen kann.

Als Content Management System wird Typo3 verwendet. Es wurden verschiedene eigene Erweiterungen auf Basis von "extBase" und "fluid" entwickelt, z.B. für die Integration von "Supersized", für die Projektverwaltung und Darstellung, die Teamseiten, die Referenzliste und andere.

Das Design wurde vom Büro Kleinschmidt entworfen, die Fotos stammen überwiegend von Christo Libuda (lichtschwaermer.de).

Verstehe Dein Tier - Erziehungs- und Verhaltensberatung für Haustiere, Marita Guss

Your Animal – Verstehe Dein Tier. Erziehungs- und Verhaltensberatung für Hund, Katze und Pferd mit viel Liebe, Erfahrung, Geduld und Verständnis – für Tier und Mensch. Angeboten werden neben fundierter Beratung auch diverse Einzel- und Gruppenangebote für die lieben Vierbeiner.

Die Seite ist mit Typo3 realisiert. Das Layout ist eine Eigenentwicklung, die Bilder stammen von YourAnimal selbst, sowie von Javier Brosch.

Studieren in Eberswalde - Hochschule für Nachhaltige Entwicklung Eberswalde (HNEE)

Eine Seite der Hochschule für nachhaltige Entwicklung Eberswalde (HNEE).

Die Seite ist mit Typo3 realisiert. Die Extensions sind auf Basis des neuen Typo3 Frameworks extBase und mit der Template Engine Fluid entworfen. Das Design stammt von Maria Gänßler.

Barfix

Das Projekt realisiert eine Internet-Ankaufsplattform für gebrauchte CDs, DVDs & Spiele. Benutzer können über eine Barcodesuche aktuelle Preise von Medien anfragen und diese in einen virtuellen "Verkaufskorb" legen und später gesammelt an Barfix verkaufen.

Zum Einsatz kommt ein kleines PHP5 Framework, das den Ansatz der strikten Trennung von Daten, Geschäftslogik und Layout nach dem sog. "Model View Controller" (MVC) - Modell verfolgt.

Zur Suchmaschinenoptimierung werden mit Hilfe des URL-Rewritings "Pretty-URLs", also gut lesbare, möglichst parameterfreie URLs verwendet.

Das Design stammt von whoch3.com

ZEITLOS im Stilwerk

ZEITLOS Berlin - Bauhaus, Art Déco, Streamline, Mid Century

Die Seite des vor allem auf Möbel der 30er-Jahre spezialisierten Einrichtungshauses ZEITLOS berlin.

Die Seite wurde ursprünglich als Flash-Animation entworfen und dann nach Typo3 portiert, um eine komfortable Administrationsoberfläche zu realisieren.

Um die Animationseffekte zu erhalten wurde das Javascript Framework MooTools eingesetzt. Dabei wurde besonderer Wert auf die Erhaltung von Barrierefreiheit und suchmaschinen-optimaler Gestaltung des Quelltextes gelegt.

Lichtschwärmer

Seite des Fotodesigners Christo Libuda. Die Seite präsentiert eine umfassende Auswahl von Serien der letzten Jahre.

Kernstück dieser Typo3 Seite ist das programmierte Galerie-Plugin zur Darstellung und Verwaltung der Foto-Serien.

Das Layout wurde von Lichtschwärmer selber entwickelt.

HYPNOSIS berlin

HYPNOSIS berlin - Modelabel von Diplom-Modedesigner Niklas Kauffeld und Matthias Jahn.

Die Seite ist mit Typo3 realisiert. Die kleine Fotogalerie für die Kollektionen wurde als eigene Extension, auf Basis einer JQuery lightbox entwickelt.

Das Design habe ich auf Basis des ursprünglichen Entwurfs für den Relaunch überarbeitet.

Walter Libuda - Malerei, Zeichnungen, Plastiken, Objekte

Walter Libuda - Malerei, Zeichnungen, Plastiken, Objekte

Homepage des Malers Walter Libuda. Das Layout stammt von Christo Libuda (Lichtschärmer).

Bewegungszentrum Bremen

Webpräsenz "Bewegungszentrum Bremen". Als CMS wird Typo3 eingesetzt. Daneben wurden individuelle Plugins für die Darstellung der Mitarbeiter, der Kurse und des Kurs-Stundenplans entwickelt.

Das Design wurde von Uta Ratz entwickelt.

Norbert Ghafouri

Die Homepage des Schauspielers Norbert Ghafouri. Die Seite wurde nach aktuellen Standards als weitgehend barrierefreie Seite nach BITV konzipiert. Als Content Management System wird Typo3 verwendet.

Für dynamische Inhalte ist das JavaScript Framework Mootools im Einsatz. Das Design stammt von Svanamedia.

VdpS - Verband deutschsprachiger privater Schauspielschulen

Homepage des Verbandes deutschsprachiger privater Schauspielschulen. Die Seite wurde mit Typo3 realisiert. Das Design stammt von Julia Greiner.

C2 Filmproduktion

Die C2 Filmproduktion konzentriert sich auf die Entwicklung und Herstellung von internationalen Kinoprojekten. Mit einem international erfahrenen Team von Autoren, Producern und Koproduktionen aus Europa arbeiten sie an der Entwicklung von Film- und Fernsehstoffen.


Die Seite ist in Typo3 realisiert. Das Design stammt von Julia Greiner.

Genderinstitut Bremen

Webpräsenz "Genderinstitut Bremen - Diversität in Wissenschaft und Bildung". Das Institut legt die Schwerpunkte auf die Themen "Gender und Diversität", "Antirassismus" und "Social Justice and diversity Trainings" und bietet Seminare, Kurse, Fortbildungen und Trainings an.

Die Seite wird über das CMS "Typo3" verwaltet. Als technische Besonderheit ist die "Info-Bubble" (Glossar) ausschließlich über TypoScript realisiert. Das Aufblenden der Menüpunkte wurde mit jQuery-UI realisiert.

Das Design wurde von Uta Ratz entwickelt.

Agentur Seven

Die Homepage der Künstleragentur "Agentur-Seven". Als Content Management System wird Typo3 verwendet. Für die Schauspielerübersicht wurden verschiedene Typo3 Extensions entwickelt. 

Für dynamische Inhalte ist das JavaScript Framework Mootools im Einsatz. 

Ewa Firsowicz

Homepage der Sängerin Ewa Firsowicz. Es handelt sich im wesentlichen um statische HTML-Seiten mit individuellem Layout. Die Fotogalerien wurden mit Hilfe eines einfachen PHP-Skripts realisiert, so dass ein einfaches Aktualisieren ohne Quellcodeänderungen möglich ist.

Das Design stammt von Christoph Schieder.

Homepage des Choreografen und Creative Directors Carlo A. Castro. Die Seite ist rein statisch. Das Design habe ich aus hauptsächlich vom Fotografen Daniel Roché stammenden Bildern entworfen.

Interessante Fotogalerie.

Maria Gänßler

Homepage der Fotodesignerin Maria Gänßler, die auch das Design der Seite entwarf. Die Seite besteht aus einer statischen HMTL-Seite. Die Fotogalerien wurden mit Hilfe eines Iframes realisisert.

Jaspar Libuda Trio

Homepage des Kontrabassisten und Komponisten Jaspar Libuda.
Eingesetzte Techniken: PHP, JavaScript, MySQL.

Fotografie & Design: Maria Gänßler

Living Jazz Entertainment

"Living Jazz Entertainment" - eine Gruppe von hochklassigen Jazzmusikern um Ernst Bier. Auch diese Seite kommt nahezu ohne dynamische Komponenten aus. Lediglich Das Kontaktformular ist über ein externes PHP-Skript realisiert.

Das Layout stammt von Svanamedia.