{"id":744,"date":"2015-06-10T13:12:31","date_gmt":"2015-06-10T11:12:31","guid":{"rendered":"http:\/\/www.jukemedia.de\/blog\/?p=744"},"modified":"2017-11-02T08:45:17","modified_gmt":"2017-11-02T06:45:17","slug":"relaunch-mueller-braun-ingenieure-de-abgeschlossen","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2015\/06\/relaunch-mueller-braun-ingenieure-de-abgeschlossen\/","title":{"rendered":"Relaunch mueller-braun-ingenieure.de abgeschlossen"},"content":{"rendered":"<h2>Vor dem Relaunch \/ Update<\/h2>\n<figure id=\"attachment_748\" aria-describedby=\"caption-attachment-748\" style=\"width: 830px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/ib-mueller-fullsize.png\"><img loading=\"lazy\" decoding=\"async\" class=\"withcaption size-large wp-image-748\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/ib-mueller-fullsize-1024x684.png\" alt=\"Vorher Foto der ehemaligen Webseite ibmueller.de\" width=\"840\" height=\"561\" srcset=\"https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/ib-mueller-fullsize-1024x684.png 1024w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/ib-mueller-fullsize-300x201.png 300w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/ib-mueller-fullsize.png 1903w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><figcaption id=\"caption-attachment-748\" class=\"wp-caption-text\">Vorher Foto der ehemaligen Webseite ibmueller.de<\/figcaption><\/figure>\n<h2>Nach\u00a0dem Relaunch \/ Update<\/h2>\n<figure id=\"attachment_747\" aria-describedby=\"caption-attachment-747\" style=\"width: 830px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"withcaption size-large wp-image-747\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/responsive-webdesign-mueller-braun-1024x717.png\" alt=\"Nachher Foto des Relaunch und Update der Firmenwebseite von M\u00fcller Braun Ingenieure GmbH &amp; Co. KG\" width=\"840\" height=\"588\" srcset=\"https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/responsive-webdesign-mueller-braun-1024x717.png 1024w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/responsive-webdesign-mueller-braun-300x210.png 300w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/responsive-webdesign-mueller-braun.png 1321w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><figcaption id=\"caption-attachment-747\" class=\"wp-caption-text\">Nachher Foto des Relaunch und Update der Firmenwebseite von M\u00fcller Braun Ingenieure GmbH &amp; Co. KG<\/figcaption><\/figure>\n<p><strong><a href=\"http:\/\/www.mueller-braun-ingenieure.de\">Webseite Ingenieurb\u00fcro f\u00fcr Moderniserungs, Sanierungs- und Instandsetzungsplanung besuchen [KLICK]<\/a><\/strong><\/p>\n<p>Herr Dipl.-Ing. Jan M\u00fcller ist Bauingenieur und Fachmann auf dem Gebiet der Bausanierung und Instandsetzungsplanung. Nach jahrelanger Berufserfahrung machte er sich 2010 selbstst\u00e4ndig und ich hatte das Gl\u00fcck, f\u00fcr sein neu gegr\u00fcndetes Ingenieurb\u00fcro eine Webseite erstellen zu d\u00fcrfen.<\/p>\n<p>Mit der steigenden Verwendung von Smartphones und Tablets, neigte sich seit 2011-12 die \u00c4ra der\u00a0Webseiten, die ausschlie\u00dflich f\u00fcr Desktop-Monitore konzipiert wurden, dem Ende zu. Heute sind wir so weit, dass man die Nutzung von Webseiten durch mobile Endger\u00e4te nicht mehr \u00fcbergehen kann. Traut man Statistiken, die man nicht selber gef\u00e4lscht hat, soll es mittlerweile schon so sein, dass die Nutzung von Webseiten mit mobilen Endger\u00e4ten die Nutzung durch station\u00e4re PCs \u00fcberholt hat.<\/p>\n<p>An dieser Stelle m\u00f6chte ich dankbar nicht unerw\u00e4hnt lassen, dass die Community und das Entwicklerteam rund um Contao ganze Arbeit geleistet hat, um das CMS mit der Version 3 fit f\u00fcr neuen Anforderungen zu machen.<\/p>\n<h3><\/h3>\n<h3>Contao-Katalogmodul<\/h3>\n<p>Schon damals lag der Fokus der Webseite von Herrn M\u00fcller auf den Referenzen seiner Arbeit, die so zahlreich waren,\u00a0dass wir seinerzeit entschieden, diese mit dem damals f\u00fcr Contao erh\u00e4ltlichen &#8222;Katalogmodul&#8220; auf der Webseite darzustellen.<\/p>\n<p>Zusammen mit der inzwischen stabilen Contao 3 Version und dem <strong>Modul &#8222;Custom Catalog&#8220;<\/strong>, einer ganz neuen und Anfang 2015 herausgekommenen Modulneuentwicklung, konnte ich das\u00a0Update angehen. Allerdings war klar, dass s\u00e4mtliche Referenzen neu eingepflegt werden mussten. Ein Datenimport aus der alten Installation zum neuen Katalog war nicht m\u00f6glich.<\/p>\n<p>Daf\u00fcr war aber das\u00a0Handling des <a href=\"http:\/\/www.premium-contao-themes.com\"><strong>&#8222;CC-Modul&#8220; (Custom Catalog von premium-contao-themes)<\/strong>\u00a0<\/a>recht angenehm, es erforderte zwar auch etwas Einarbeitung, aber weil grunds\u00e4tzliche Dinge mit dem alten Katalog vergleichbar sind, war die Umgebung einigerma\u00dfen vertraut.<\/p>\n<h2>&#8222;Responsivierung&#8220; und die Kosten<\/h2>\n<p>Nicht jede Webseite l\u00e4sst sich nachtr\u00e4glich auf die neuen Anforderungen umstellen. Vielfach wird vom &#8222;responsivieren&#8220; der Webseiten geredet, womit gemeint ist, dass das Design im Wesentlichen erhalten bleibt, aber eben f\u00fcr mobile Endger\u00e4te optimiert wird. Streng genommen ist diese Vorgehensweise mit dem Aufz\u00e4umen eines Pferdes von hinten vergleichbar. F\u00fcr Webseiten, die ganz neu erstellt werden, w\u00fcrde man n\u00e4mlich am anderen Ende, beim kleinsten gemeinsamen Nenner, beginnen und sich zuerst der\u00a0Darstellung auf den kleinen Smartphone-Bildschirmen widmen, bevor man \u00fcber die Tablets zu den Widescreen-Monitoren der station\u00e4ren PCs \u00fcbergeht. Alle Theorie ist aber bekanntlich grau und so sehr mir diese Vorgehensweise auch einleuchtet\u00a0, sie ist bei bestehenden Webseiten meist deswegen nicht anwendbar, weil die Kosten jeden vern\u00fcnftigen Rahmen sprengen w\u00fcrden.<\/p>\n<h2>Vielen Dank !<\/h2>\n<p>Bleibt zum Schluss noch zu erw\u00e4hnen, dass das Ingenieurb\u00fcro Jan M\u00fcller inzwischen mehrere Mitarbeiter besch\u00e4ftigt und 2015 mit dem Eintreten von Herrn Dipl.-Ing. Rainer Braun als zweiten Gesellschafter und Gesch\u00e4ftsf\u00fchrer in eine GmbH \u00fcbergegangen ist.<\/p>\n<p>Aus diesem Anlass durfte ich, neben dem Update und Relaunch der Webseite, gleich auch noch eine Infokarte entwerfen, gestalten, texten und in Druck geben.<\/p>\n<p>An dieser Stelle meinen Auftraggebern den allerherzlichsten \u00a0Dank f\u00fcr den Auftrag und die lebendige, vertrauensvolle und sympathische Zusammenarbeit.<\/p>\n<p><a href=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/mueller-braun-infokarte-final-innen.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-750 size-large\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/mueller-braun-infokarte-final-innen-1024x262.png\" alt=\"mueller-braun-infokarte-final-innen\" width=\"840\" height=\"215\" srcset=\"https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/mueller-braun-infokarte-final-innen-1024x262.png 1024w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/mueller-braun-infokarte-final-innen-300x77.png 300w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a> <a href=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/mueller-braun-infokarte-final-aussen.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-751\" src=\"http:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/mueller-braun-infokarte-final-aussen-1024x262.png\" alt=\"mueller-braun-infokarte-final-aussen\" width=\"840\" height=\"215\" srcset=\"https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/mueller-braun-infokarte-final-aussen-1024x262.png 1024w, https:\/\/www.jukemedia.de\/blog\/wp-content\/uploads\/2015\/06\/mueller-braun-infokarte-final-aussen-300x77.png 300w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vor meinem Fr\u00fchjahrsurlaub habe ich einige, sch\u00f6ne neue und auch sch\u00f6ne runderneuerte Webseiten online gebracht. Ein interessantes Projekt, bei dem auch das Katalogmodul zum Einsatz kam ist der Relaunch der Webseite www.mueller-braun-ingenieure.de, den ich in meinem heutigen Beitrag etwas n\u00e4her vorstelle.<\/p>\n","protected":false},"author":1,"featured_media":747,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,11],"tags":[],"yst_prominent_words":[],"class_list":["post-744","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign","category-contao"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/744","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=744"}],"version-history":[{"count":16,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/744\/revisions"}],"predecessor-version":[{"id":764,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/744\/revisions\/764"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media\/747"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=744"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=744"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=744"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=744"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}