Agentur für Online-Kommunikation. PORTFOLIO WebDESIGN

Transkript

1 Agentur für Online-Kommunikation PORTFOLIO WebDESIGN

2 Übersicht Von der ersten Idee zur neuen Website Schritt für Schritt entwickelt quäntchen + glück gemeinsam mit Ihnen Ihre neue Website. Wir analysieren, stellen Fragen und finden Lösungen. Erst im zweiten Schritt geht es an die Umsetzung. Technik, Design, Inhalte: Für jede Etappe haben wir Spezialisten im Team. Am Ende des Projekts haben Sie eine fertige Website, können Änderungen selbst durchführen und wissen, mit welchen Inhalten Sie Ihre Zielgruppen ansprechen.

3 Leistungen Wir bringen ihre Website auf jedes Gerät Wir arbeiten auf Augenhöhe mit den Entwicklungen in Technik und Design und erweitern unser Leistungsangebot stetig. Konzeption + + Websiteanalyse, Beratung und Konzeption + + Usability-Tests Design + + Wireframing und Mock-ups + + Layouts, Raster, Gestaltungssysteme + + Icons und Infografiken + + Bildsprache + + Grafische Integration von Online-Profilen (z.b. Facebook, Twitter, Youtube) Technik + + Programmierung + + Barrierefreiheit + + Integration von Microsites, Newslettern, Blogs + + Optimierte Darstellung auf Smartphones und Tablets (Responsive Design) Die Leistungen, die uns abheben: beleben und vernetzen Wir bauen Ihnen nicht nur Ihre Website. Wir helfen Ihnen auch, sie mit Leben zu füllen, lebendig zu halten und sie zu vernetzen. Texten + + Content-Inventur + + Texten der Website + + Langfristige redaktionelle Betreuung der Website Übergabe + + Schulung (CMS, Online-Kommunikation, Social Media) + + Tutorials + + Evaluation und Online-Monitoring + + Wartung Damit Sie Ihre Website aktuell halten können, schulen ausgebildete Online-Journalisten Sie zu Redakteuren und zeigen Ihnen, welche Themen für Ihre Zielgruppen interessant sind, wie Sie Online-Texte optimieren und wie Sie mit einfachen Mitteln ein Redaktionsmanagement aufsetzen.

4 Workflow Der Workflow Strategy Was sind die wirtschaftlichen und kommunikativen Ziele Ihres Unternehmens? Scope Wie trägt die neue Website dazu bei, diese Ziele zu erreichen und welche konzeptionellen, technischen und gestalterischen Anforderungen ergeben sich daraus? Structure Während der Entwicklung ist uns die laufende Rücksprache mit Ihnen wichtig. Wir haben daher einen Workflow entwickelt, der fünf Phasen mit festen, regelmäßigen Feedback-Runden durchläuft: Wir nehmen eine Content-Inventur der alten Website vor, entwickeln die Seiten- und Navigations-struktur und legen die Funktionalitäten fest. Skeleton Das Gerüst Ihrer neuen Website steht und wird von Gestaltern, Textern und Programmierern mit Leben gefüllt. Sie können live zusehen, wie Stück für Stück die Website entsteht und jederzeit gegenlenken, wenn etwas nicht zu Ihrer Zufriedenheit ist. Surface Wir finalisieren das Screendesign, optimieren die Seite für verschiedene Devices und setzen eventuelle Last-Minute- Wünsche um. Auf Bugfixing und Launch folgt eine Wordpress- Schulung, damit Sie Änderungen an der Seite jederzeit selbst durchführen können.

5 Wordpress Das Content-Management-System Wordpress ist ein frei verfügbares Content-Management-System (CMS), das vor über zehn Jahren veröffentlicht wurde und sich zum heute meistgenutzten CMS weltweit entwickelt hat. Auch wir setzen bevorzugt Wordpress ein, da es sich in vielen Projekten bewährt hat und wir regelmäßig gute Rückmeldungen von Kunden bekommen. Fünf Gründe für unsere Empfehlung: 1. es ist einfach zu bedienen + Extrem übersichtliches Interface + Sehr schnell zugänglich + Leicht zu pflegen 2. es ist erweiterbar. + Über kostenlose Plugins für zusätzliche Funktionen: + Newslettersysteme, Eventkalender etc. 3. es ist fit für die Zukunft. + Stetige Weiterentwicklung durch ehrenamtliche Mitarbeiter + Immer auf dem neuesten Stand der Technik 4. es ist suchmaschinenoptimiert. + Suchmaschinenoptimierung von Haus aus + Gute Basis für speziellere Maßnahmen 5. es ist personalisierbar. + Komplett personalisierbar durch Plug-ins + Keine unnötigen, verwirrenden Optionen Aber ist Wordpress nicht eigentlich nur ein blogging-tool? Nicht mehr! Ursprünglich für kleinere Blogs entwickelt, ist Wordpress längst zum vollwertigen Content-Management-System gewachsen. Drei Beispiele für verschiedenste Web sites, die mit Wordpress laufen:

6 PORTFOLIO

7 P-Magazin 06/2013 Website Das Darmstädter Stadtkulturmagazin P ist wie Darmstadt selbst: klein im Format, aber mit Liebe gemacht. Voll mit tollen Geschichten, tollen Menschen und tollen Veranstaltungen. Dass das P im Web dem P im Print in nichts mehr nachsteht, verdanken die Macher den kreativen Köpfen von Rocky Beach (Konzeption, Screendesign) und quäntchen + glück (Konzeption, Programmierung). Das Responsive Web Design lässt das Magazin auf Smartphone, Tablet und großen Screens gleichermaßen gut aussehen. Im WordPress-Backend dahinter lassen sich nicht nur sämtliche Artikel sondern auch Anzeigen einfach verwalten. Die technischen Finessen: die Suche ist angepasst, die Filter verzögerungsfrei und die Website ohne Javascript nutzbar.

8 büchner200 06/2013 Website Am 9. März 1835 floh Georg Büchner, polizeilich als Staatsfeind gesucht, aus Darmstadt. Nie kehrte der Arzt und Revolutionär, Dichter und Forscher zurück in seine Heimatstadt. Im Sommer 2013 werden Büchners Ideen und Ideale mit vielfältigen künstlerischen Aktionen in den Stadtraum und damit in das Hier und Jetzt transportiert. In Zusammenarbeit mit formalin Visuelle Gestaltung und der Centralstation Darmstadt realisierte quäntchen + glück die Website des Festivals auf Basis von Wordpress. Das Content Management System ermöglicht den Veranstaltern, schnell und unkompliziert die Inhalte der Seite zu editieren. Und Dank Responsive Webdesign passt sich die Seite automatisch an die Bildschirmgrößen verschiedenster Devices an.

9 quäntchen + glück 04/2013 Relaunch der Website Nach fast drei Jahren quäntchen + glück war es nicht nur an der Zeit für ein neues Büro, sondern auch für eine neue Website. Wie schon die alte Website basiert auch die neue auf dem quäntchen -Raster. Das Quäntchen ist eine alte Gewichtseinheit. Vier Quäntchen sind ein Lot. 16 Lot sind eine Mark, somit sind eine Mark 64 Quäntchen. Zugegeben, rausgefunden haben wir das erst als der Name quäntchen + glück schon feststand. Geblieben sind das boxige Layout und die Navigation und wir setzen weiter auf Wordpress. Davon abgesehen haben wir kaum ein Pixel auf dem anderen gelassen. Gestalterisch heißt das mehr Whitespace, mehr Übersicht. Inhaltlich heißt das komplett überarbeitete Texte, eine neue Referenzseite im Timelinestyle, eine Job-Seite, einen Newsletter und die praktische Termin-Übersicht, in der man sieht, auf welchen Events wir uns herumtreiben. Technisch gesehen heißt das: ein komfortables Backend und mobile Optimierung.

10 Mensch & Mouse 02/2013 Corporate Design & Website Das Herzblutprojekt von Mensch & Mouse ist provdi die Lösung für Computerprobleme an Schulen. quäntchen + glück entwickelte das Corporate Design, Texte für die Unternehmensbroschüre, Infografiken, Visitenkarten und das Screendesign für die Website von provdi. Die Herausforderung: ein technisch komplexes Thema für Laien verständlich darstellen. ztix Relaunch der Website Mehr Übersicht, mehr Service die Website des TicketingDienstleisters ztix ist von quäntchen + glück rundum erneuert worden. Kunden, Veranstalter, Vorverkaufsstellen und Ticketkäufer finden durch den neuen Zielgruppeneinstieg in der Navigation schneller zu den gesuchten Informationen. Infografiken verdeutlichen technische Abläufe und Funktionalitäten. Das neue Login-Feld im Kopfbereich der Website verkürzt Klickwege für registrierte Veranstalter, Vorverkaufsstellen und Ticketkäufer. quäntchen + glück hat das inhaltliche und gestalterische Konzept erarbeitet und Front und Backend realisiert. Mit Hilfe eines für die Bedürfnisse von ztix entwickelten WordpressThemes ist es nun leicht, Inhalte mit wenigen Klicks zu ergänzen oder zu editieren. 05/2012

11 Architektursommer Rhein-Main 05/2012 Website Zwei prominente Ereignisse jährten sich 2012: Der bedeutende amerikanische Komponist und musikalische Grenzüberschreiter John Cage wäre 100 Jahre alt geworden. Und auch der Darmstädter Hauptbahnhof wurde vor exakt 100 Jahren an seinem heutigen Standort in Betrieb genommen. Zu Ehren der beiden Jubilare fand im Rahmen des Architektursommers Rhein-Main vom 3. Juli bis zum 31. August ein großes Festival rund um den Hauptbahnhof statt. Die Website des Festivals realisierte quäntchen + glück auf Basis von Wordpress, das es den Veranstaltern ermöglichte, schnell und unkompliziert aktuelle Termine einzutragen und zu editieren. Auf das Wesentliche reduziert, führte die Website einen Sommer lang durch ein abwechslungsreiches Programm, ganz im Geiste des umtriebigen Jahrhundertkünstlers und Musik-Philosophen Cage.

12 english Theatre Frankfurt 12/2011 Relaunch der Website Für das English Theatre Frankfurt (ETF) konzipierte und realisierte quäntchen + glück den Relaunch der Website auf Basis des bestehenden Corporate Designs. Wordpress ermöglicht es dem ETF, Texte, Grafiken und Layouts der Webseite ohne externe Hilfe zu bearbeiten für einen Kulturbetrieb mit hohem Anspruch, aber geringem Budget eine gute Lösung.

13 Kontakt Tobias Reitz +49 (0) (0) tobias.reitz@qundg.de Kersten A. Riechers +49 (0) (0) kersten.riechers@qundg.de quänt chen + glück Dieburger Straße 98e Darmstadt, Germany +49 (0) jederzeit@qundg.de twitter.com/qundg facebook.com/qundg