Michael Dittberner Dipl.-Ing. (FH) für Medientechnik
 

Referenzen (Auswahl)


Internat. Jugendgemeinschaftsdienste (ijgd) - Full Responsive Mobiloptimierung und Microsites

www.ijgd.de

Ich wurde von der bundesweit aufgestellten und international agierenden Organisation "Internationale Jugendgemeinschaftsdienste" mit der Mobiloptimerung ihrer Internetauftritte beauftragt. Neben der umfangreichen Unternehmenswebsite mit zahlreichen Features war auch der Wunsch, die verschiedenen Microsites in die Optimierung einzubeziehen. Die Zusammengehörigkeit sollte weiterhin sichtbar sein, das Design und die Funktionalität aber deutlich schlanker sein. Das Ergebnis ist eine Full-Responsive-Lösung, die nicht nur gut aussieht, sondern deren Benutzung auf verschiedensten Mobilgeräten auch Spaß macht. Vor allem die mobile Einsatzstellenkarte mit Umkreissuche ist für Jugendliche als Zielgruppe des Unternehmens ein besonderer Mehrwert der Microsites.

URLs:
www.ijgd.de
www.freiwilligesjahr-nrw.ijgd.de
www.freiwilligesjahr-hh.ijgd.de

Grassimuseum Leipzig - Full Responsive Mobiloptimierung

www.grassimuseum.de

Beim Leipziger Grassimuseums sollten nun auch die Seiten des Museums für Angewandte Kunst für mobile Endgeräte optimiert werden. Unter grafischer Zuarbeit der Agentur DIE WERFT erfuhren die Seiten eine umfassende Mobiloptimierung für Endgeräte jeglichen Formates.

URL: www.grassimuseum.de

Gitarrenschule Fröhlich - Website Relaunch

www.gitarrenschulefroehlich.de

Anlässlich ihres 25-jährigen Jubiläums beauftragte mich die Gitarrenschule Fröhlich mit dem grafischen und technischen Relaunch ihres Internetauftrittes. Ich übernahm Konzeption, Redesign, inhaltliche Aufbereitung, Programmierung und TYPO3-Integration. Ein hochzufriedener Kunde erhielt eine individuelle Website mit eigens für ihn produzierten Gestaltungselementen an Hand von Instrumenten aus seinem eigenen Repertoire. Neben klassischen Inhalten und verschiedenen Kontaktformularen gibt es auch eine Übersicht mit Unterrichtsmaterialien, wo Besucher der Seite auch einen Blick hinein werfen und einige Seiten durchblättern können.

URL: www.gitarrenschulefroehlich.de

Tom Träger Holzbau - Full responsive Microsite

www.tom-traeger-holzbau.de

Zimmerermeister Tom Träger beauftragte mich mit der Erstellung einer Microsite, die auf allen Geräten optimal dargestellt werden sollte. Inhaltlicher Schwerpunkt sollte auf Leistungen, Referenzen und Kontakt liegen. Als gestalterische Vorgabe diente ein vorhandenes Visitenkarten-Design. Nach inhaltlicher und grafischer Konzeption, Programmierung und Fotoshooting für's Profilfoto entstand eine in sich stimmige stimmige Full responsive Website, die sich jedem Endgerät anpasst.

URL: www.tom-traeger-holzbau.de

Hofgemeinde Leipzig - Full responsive Website und Extranet

www.hofgemeinde-leipzig.de

Die Hofgemeinde Leipzig beauftragte mich mit der Erstellung einer neuen Website nach vorgegebenem Corporate Design. Die Seite ist übersichtlich in die Arbeitsbereiche der Gemeinde gegliedert und passt sich full responsive jedem Ausgabemedium an - egal, ob es sich um Smartphone, Tablet oder einen klassischen Rechner handelt. Neben Funktionen wie Galerien und Terminverwaltung bietet das Portal auch ein umfangreiches Extranet für die zahlreichen Belange der Gemeindearbeit.

URL: www.hofgemeinde-leipzig.de

Grassimuseum Leipzig - Responsive Landingpage

www.grassimuseum.de

Die Startseite des Leipziger Grassimuseums sollte überarbeitet werden und auch auf Smartphones gut nutzbar sein. In Zusammenarbeit mit der Agentur DIE WERFT, die das Design lieferte, entstand diese sich automatisch an mobile Geräte anpassende Landingpage.

URL: www.grassimuseum.de

Relaunch Internat. Jugendgemeinschaftsdienste

Ich erhielt den Auftrag zur Neuerstellung der inzwischen etwas in die Jahre gekommenen und stark gewachsenen Website der ijgd. Unter einer grundlegenden Neustrukturierung und einem der jungen Zielgruppe entsprechenden Design entstand ein sehr ansprechender und zeitgemäßer Internetauftritt mit klarer, optisch gut aufbereiteter Präsentation der vielfältigen Angebote des Kunden.

Die Seite enthält neben klassischen Text-/Bild-Inhalten auch verschiedene interaktive Elemente, welche die Inhalte strukturieren, veranschaulichen und das Lesen zu einem Erlebnis machen. Das Spektrum reicht von Aufklappelementen über grafische Filter der Angebote bis hin zu großräumigen Teasern und interaktiven Landkarten. Außerdem gibt es Bildeffekte (z.B. abrunden oder Alter-Foto-Stil), die von Redakteuren per Klick aktiviert werden können, ohne das Bild dafür bearbeiten zu müssen. Im Kopfbereich der Seiten können Slideshows, scrollbare Fotostrecken oder auch statische Headerbilder zum Einsatz kommen.

All diese Inhalte sind vollständig ohne Programmier­kenntnisse pflegbar und ermöglichen es dem Kunden somit, jederzeit alle Bereiche der Website selbst auf dem aktuellen Stand zu halten.

URL: www.ijgd.de

Screenshot Kahlert Padberg
Screenshot Kahlert Padberg

Kahlert & Padberg - Rechtsanwälte, Fachanwälte und Notar

Ich erhielt von der Agentur DIE WERFT den Auftrag, den Internetauftritt der mittelständischen Anwalts- und Notarkanzlei Kahlert & Padberg zu überarbeiten und einen Relaunch unter dem vorgegebenen neuen Design durchzuführen.

Wunsch war es unter Anderem, die Tätigkeitsschwerpunkte und Fachanwaltschaften abzubilden, denen die Mitarbeiter an verschiedenen Standorten angehören können.

Mit Hilfe eines neuen Extbase-Plugins können nun die Anwälte und Notare nach verschiedensten Kriterien gefunden werden.

www.grassimuseum.de
www.grassimuseum.de

Grassi Museum für angewandte Kunst

Das Leipziger Grassimuseum entschied sich für einen Relaunch der Seiten des Museums für angewandte Kunst. Ich wurde von der Kommunikationsagentur DIE WERFT mit der technischen Umsetzung des Projektes beauftragt.

Neben klassischen Text-/Bild-Inhalten bietet die mehrsprachige Seite einen Terminkalender, um gezielt nach Veranstaltungen zu suchen. Die selbst programmierte TYPO3-Erweiterung ermöglicht es, Veranstaltungen nach Datum und Veranstaltungsart anzuzeigen. Neben der zeitlich gestaffelten Ergebnisliste gibt es einen Minikalender, auf dem Tage mit Veranstaltungen hervorgehoben sind, Tooltipps zeigen die Termine des entsprechenden Tages.

Das komfortable Öffnen von Bildern, Videos und Audios in einer Lightbox sowie das immer formatfüllende Hintergrundbild runden den neuen Internetauftritt ab - und machen Lust auf mehr.

URL: www.grassimuseum.de

SMP Solartechnik GmbH

Im Rahmen eines Website-Relaunches bekam ich den Auftrag zur Umsetzung des neuen Portals der SMP Solartechnik GmbH. Der neue Internetauftritt glänzt durch ein frisches Design und dynamische Elemente, die Bewegung in die Seite bringen. Der Einsatz des JavaScript-Frameworks jQuery ermöglicht ansprechende visuelle Effekte wie die Slideshow auf der Startseite oder das Aufklappen von Elementen nach Bedarf (wie z.B. FAQ-Punkten oder erweiterten Kontaktformular-Elementen). Somit bleibt die Seite übersichtlich und bietet dennoch die gewünschten Informationen. Der Einsatz einer eigenen TYPO3-Extension mit integrierter Lightbox zum Klick-Vergrößern von Bildern bietet dem Besucher eine ansprechende Präsentation der zahlreichen Referenzen des Unternehmens.

URL: www.smp-solar.de

Standortkarte mit Umkreissuche

Der Landesverband Niedersachsen der internationalen Jugendgemeinschaftsdienste (ijgd) suchte eine Möglichkeit, die zahlreichen angebotenen Einsatzstellen für die Absolvierung des freiwilligen Jahres zu präsentieren und für Bewerber auffindbar zu machen.

Unter Nutzung der Geodienste von Google schrieb ich eine TYPO3-Erweiterung, die alle Einsatzstellen auf einer Google-Karte in entsprechenden Farben darstellt. Der Besucher kann zudem seine Adresse eingeben und nach Standorten in seiner Umgebung suchen. Die Pflege der Daten kann vom Kunden selbst vorgenommen werden, außerdem können von den Redakteuren Standorte bequem aus einer Exceltabelle importiert werden. Das System wandelt die Daten automatisch für die Darstellung auf der Karte um.

URL: www.freiwilligesjahr-nds.ijgd.de

www.heimatscholle1893.de

Website und Intranet KGV Heimatscholle 1893 e.V.

Der Vorstand des Kleingärtnervereins beauftragte mich mit der Erstellung einer Internetpräsenz, um über den Verein zu informieren, Kontaktmöglichkeiten zu schaffen und Mitgliedern interne Informationen bereitzustellen.

Ich übernahm das Webdesign und die Umsetzung des Portals. Neben klassischen Inhalten mit Bild-Zoomfunktion enthält die Seite eine kategoriebasierte Newsverwaltung, einen geschützten Bereich für Mitglieder, eine Google-Karte mit Markierung des Vereinsstandortes sowie Kontaktformular und Gästebuch.

URL: www.heimatscholle1893.de

www.hoerl-innenausbau.de

Hörl Innenausbau

Das Leipziger Innenausbau-Unternehmen benötigte einen Internetauftritt und ich übernahm die TYPO3-Integration der Seite entsprechend den Vorgaben des Unternehmensdesigns.

URL: www.hoerl-innenausbau.de

www.leipzigerenergie.de

Leipziger Energiegesellschaft mbH

Ich wurde mit der Entwicklung eines TYPO3-Internetauftrittes für die Leipziger Energiegesellschaft beauftragt, einem Unternehmen mit dem Tätigkeitsfeld der Errichtung und dem Betrieb von Anlagen Erneuerbarer Energien im Raum Mitteldeutschland. Mit der TemplaVoilà-Engine ließen sich flexible Lösungen realisieren wie zum Beispiel die Energiematrix für maßgeschneiderte Energielösungen.

URL: www.leipzigerenergie.de

www.agb-online.de
www.agb-online.de

AGB online

Ich erhielt den Auftrag zum Relaunch der bisherigen Seiten der Arbeitsgemeinschaft der Brüdergemeinden in Deutschland (AGB). Das Layout sollte dem neuen Corporate Design entsprechen. Außerdem sollte die Struktur komplett überarbeitet und die Verwaltung der Mitgliederdaten zentralisiert werden.
In enger Zusammenarbeit mit dem Kunden übernahm ich Konzeption, Gestaltung und Umsetzung der Seite sowie anschließende Mitarbeiterschulung und technische Betreuung. Auf Basis von TYPO3 entstand eine für den Kunden leicht pflegbare Seite, die neben Standardinhalten auch zahlreiche speziell an die Kundenbedürfnisse angepasste flexible Inhaltselemente enthält. Dem Kunden stehen zudem mehrere Layoutvorlagen zur Verfügung, je nachdem, ob eine Seite ein-, zwei- oder dreispaltig werden soll.
Die Verwaltung und Darstellung der Mitgliederdaten erfolgt über eine eigene TYPO3-Erweiterung, die eine zentrale Datenpflege und eine flexible Darstellung der Inhalte im Frontend ermöglicht. So können Gemeinden nach verschiedenen Kriterien gefiltert werden und man kann beispielsweise per Klick auf eine Karte die Mitglieder einer bestimmten Region anzeigen.
Für die Redakteure steht im Redaktionsbereich ein kleines Mini-Handbuch bereit, wo einzelne Arbeitsschritte noch einmal ganz konkret an Hand der Kundenwebsite mit Bildern erläutert sind. Das Handbuch ist als separates Hilfemodul eingebunden.

URL: www.agb-online.de

Abacco Hotels GmbH

In Zusammenarbeit mit den Partnern ADSETTER und netzgestaltung.eu erstellte ich die Internetpräsenz dieses Stuttgarter 3-Sterne-Hotels. Ich übernahm die TYPO3-Integration der Seite und schrieb eine kleine Extension für die Bewertungsseite, wo der Besucher ein detailliertes Urteil über die einzelnen Bereiche des Hotels abgeben kann.

Klett Kinderbuch

Der Leipziger Ableger des Klett-Konzerns in Stuttgart, Klett Kinderbuch, gab die TYPO3-basierte Neuentwicklung einer Internetpräsenz in Auftrag. Unter Verwendung der TemplaVoilà-Technologie erstellte ich eine für den Kunden leicht pflegbare und flexibel anpassbare Website nach vorgegebenem Design. Neben Standardinhalten können auch mehrspaltige Inhaltselemente sowie aufklappbare Inhalte erstellt werden. Der Einsatz der Lightbox für Bildeffekte rundet das angenehm lockere Erscheinungsbild ab.

URL: www.klett-kinderbuch.de

Innungsfachbetrieb Steffen Hünniger

Handwerksmeister Steffen Hünniger beauftragte mich mit der Neuentwicklung eines Internetauftrittes für seinen Leipziger Innungsbetrieb. Unter Einsatz von TYPO3 in Verbindung mit der leistungsfähigen TemplaVoilà-Engine entstand eine flexibel gestaltbare einfach zu pflegende Internetpräsenz. Ich übernahm Entwurf, Konzeption, Gestaltung und Umsetzung des Projektes.

URL: www.huennigerweb.de

Relaunch des Internetauftrittes der Media Logic GmbH

Die Website der Media Logic GmbH, einem bundesweiten Systemhaus für Medientechnologie, sollte grundlegend überarbeitet werden. Unter Verwendung des CMS TYPO3 wurde die Seite dem neuem Corporate Design angepasst und die Benutzerfreundlichkeit der Navigation optimiert.

GoodHands Industries, Inc.

Das gemeinnützige amerikanische Unternehmen GoodHands Industries, Inc. beauftragte mich mit der Neuentwicklung eines flexiblen Internetauftrittes. Wieder entschied ich mich für TYPO3 und unter Verwendung von TemplaVoilà und dem JavaScript-Framework jQuery in einer eigenen TYPO3-Extension entstand ein komfortabel pflegbares Portal in fünf Sprachen.

Michael Dittberner - Dipl.-Ing. (FH) für Medientechnik. TYPO3 Webentwicklung und Frontendentwicklung.