{"id":11357,"date":"2013-11-04T08:16:47","date_gmt":"2013-11-04T07:16:47","guid":{"rendered":"https:\/\/www.interactive-pioneers.de\/blog\/?p=11357"},"modified":"2018-06-25T10:23:45","modified_gmt":"2018-06-25T08:23:45","slug":"bringen-den-adac-postbus-auf-die-digitale-strasse","status":"publish","type":"post","link":"https:\/\/www.interactive-pioneers.de\/blog\/bringen-den-adac-postbus-auf-die-digitale-strasse\/","title":{"rendered":"Interactive Pioneers bringen den ADAC Postbus auf die digitale Stra\u00dfe"},"content":{"rendered":"<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-11359\" title=\"Blogfoto\" src=\"https:\/\/www.interactive-pioneers.de\/blog\/wp-content\/uploads\/2013\/10\/Blogfoto.jpg\" alt=\"\" width=\"415\" height=\"250\" \/> Seit 1.10. rollen die ersten ADAC-Postbusse auf den Stra\u00dfen Deutschlands und bereits seit Monaten begleiten die Interactive Pioneers das spannende Gro\u00dfprojekt. Von der Vorank\u00fcndigung bis zum nun erfolgten Livegang der Seite mit Buchungssystem, durften wir die diversen Frontends\u00a0 gestalten und entwickeln.<!--more--> Vom ersten Layout bis zum letzten CSS hat das Team der Interactive Pioneers die diversen Frontends f\u00fcr die <a title=\"Deutsche Post AG\" href=\"http:\/\/www.dpdhl.com\/de.html\" target=\"_blank\" rel=\"noopener\">Deutschen Post AG<\/a> und den <a title=\"ADAC e.V.\" href=\"http:\/\/www.adac.de\/\" target=\"_blank\" rel=\"noopener\">ADAC<\/a> entwickelt. Dazu geh\u00f6ren die Website, das Online-, Filial- und Fahrer-Buchungssystem sowie das Kundenservice- und Fahrgastinformationssystem. Nat\u00fcrlich haben wir durch den Einsatz von Responsive Webdesign das Erlebnis auch auf Smartphones und Tablets erm\u00f6glicht. Initial wurden Wireframes entwickelt und das Verhalten f\u00fcr die verschiedenen Aufl\u00f6sungen definiert. Auf dieser Basis ist ein Layout entstanden das auf den diversen Endger\u00e4ten funktioniert und sich optimal steuern l\u00e4sst. Die entwickelten HTML \/ CSS \/ Javascript Dateien etc. wurden f\u00fcr das Onlinebuchungssystem umgesetzt und f\u00fcr die anderen Systeme adaptiert. Jedes Einzelprojekt hatte seine speziellen Anforderungen von der IE8 Optimierung der Website \u00fcber die Tastatursteuerung in der Filiale, oder der Mobiloptimierung des Android-basierten Busfahrersystems. Wir haben daf\u00fcr \u201eSCSS\u201c genutzt, um eine modulare Entwicklung des CSS-Codes zu erm\u00f6glichen und Komponenten besser wieder zu verwenden. Zus\u00e4tzlich wurde \u201eGrunt\u201c eingesetzt, um in Hintergrund, SCSS zu CSS zu kompilieren, die Javascript Dateien mit \u201ejshint\u201c zu \u00fcberpr\u00fcfen und zu verbinden um http-requests gering zu halten. Zudem haben wir mit der SEO Optimierung und der Anpassung des Piwik-Trackings begonnen. Die Entwicklung erfolgte in enger Abstimmung und toller Zusammenarbeit\u00a0mit den Teams der Deutschen Post AG und dem ADAC sowie einem spezialisierten Dienstleister, der sich f\u00fcr die Businesslogik, das Shopsystem Oxid, sowie den Server verantwortlich zeichnete. Doch auch nach Launch der Plattform ist kein Durchschnaufen angesagt \u2013 denn wir arbeiten bereits intensiv an Weiterentwicklungen und zus\u00e4tzlichen Modulen, um die neue interaktive Buchungsplattform noch attraktiver zu gestalten. Genug der Worte, lasst die M\u00e4use und Touchscreens gl\u00fchen: <a title=\"ADAC Postbus Website von Interactive Pioneers\" href=\"http:\/\/www.postbus.de\" target=\"_blank\" rel=\"noopener\">www.postbus.de<\/a> Und so sieht der Bus auf der analogen Stra\u00dfe aus: <iframe loading=\"lazy\" src=\"\/\/www.youtube.com\/embed\/cNuqqb1zHDY\" width=\"415\" height=\"313\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seit 1.10. rollen die ersten ADAC-Postbusse auf den Stra\u00dfen Deutschlands und bereits seit Monaten begleiten die Interactive Pioneers das spannende Gro\u00dfprojekt. Von der Vorank\u00fcndigung bis zum nun erfolgten Livegang der Seite mit Buchungssystem, durften wir die diversen Frontends\u00a0 gestalten und entwickeln.<\/p>\n","protected":false},"author":4,"featured_media":11359,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,7,8,1366,23,1331,1351,1352,1369,1349,25],"tags":[52,53,304,838,978,1030,1374],"yst_prominent_words":[13261,13259,11559,12225,8954,12220,13258,13257,5715,1754,1396,1387,1381,13256,13263,13262,1399,11267,12221,13260],"acf":[],"_links":{"self":[{"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/posts\/11357"}],"collection":[{"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/comments?post=11357"}],"version-history":[{"count":0,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/posts\/11357\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/media\/11359"}],"wp:attachment":[{"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/media?parent=11357"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/categories?post=11357"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/tags?post=11357"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.interactive-pioneers.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=11357"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}