 Vielen Dank, dass ihr so zeichnet gekommen seid. Ich gestehe ein, ich bin, das ist eine sehr spontane Sache. Ich habe aus einem anderen Vortrag gerade mal so ein bisschen alles rausgestrichen, was technisch war und wollte euch eigentlich mal so zeigen, warum sich bei uns eigentlich WordPress etabliert hat als Content Management System und wie wir dazugekommen sind und warum es gegen 17 andere gewonnen hat. Denn wir haben uns in der Firma die Zeit genommen, um wirklich mal verschiedene CMSs uns anzugucken und zu gucken, was bieten die uns eigentlich an Funktionsumfang, wie kann der Redakteur damit umgehen, wie fühlen sich die Texte, die Designer damit zurecht, um dann halt unser CMS zu finden. Genau, zu meiner Person, ich bin der Matthias Wigner, ich arbeite als Webentwickler bei ZipGate. Web so ein bisschen in Anführungsstrichen, ich glaube, auf meinem Vertrag steht noch Java-Entwickler. Das hat sich alles irgendwie in den vier Jahren ein bisschen hin und her geschoben. Wir sind halt einfach irgendwie alle Full-Stack-Entwickler und in meiner Freizeit jag ich Zombies. Es ist nur zum Entspannen, ist das mein Urlaub. Spiel ich halt, bin ich halt aktiver Lab-Spieler, also, ja. Ganz, ganz kurz, damit so ein bisschen der Hintergrund da ist, was macht ZipGate eigentlich? Wir sind so ein Voice-over-IP-Provider, wir haben verschiedene Business- und Endkundenprodukte. Die haben alle was mit Telefonie zu tun, wir wollen einfach möglichst vielen Leuten ermöglichen, leicht zu telefonieren und ihr Telefonie so anzupassen, dass sie gut damit zurechtkommen. Und da haben wir nicht nur ein Produkt, da haben wir zehn Produkte. Und genau das ist nämlich auch der Kern unseres Problems. Wir wollen nämlich, wir haben so ein Multi-Produkt-Portfolio und wir wollen ein Design-System finden oder für das gesamte Band eine visuelle Sprache sprechen und diese zehn Produkte, die sollen alle Teil davon sein. Und das ist genau das, was unser CMS oder das, was wir suchen, leisten muss. Denn früher, also das ist jetzt mal so ein kleiner Auszug von diesen ganzen Produkten, da gab es halt ZipGateBasic, super altes Produkt, das hat 2003 mit fünf Leuten angefangen, da hat der Geschäftsführer noch das Logo entworfen, wo die noch zu dritt da saßen und das war wirklich Gasbocher alter Code und das hat sich auch, hat sich langsam entwickelt und später sind dann ganz viele Produkt-Teams gekommen, dann war Simquadrat, dann kamen da auch ein neuer Designer rein und er hat gesagt, jetzt machen wir das mal alles richtig hübsch und frisch und lass uns auch mal irgendwie das HTML-Seiten kopieren, mal loswerden und jetzt nimm mal so ein Cent-Famework und bauen da mal irgendwie ein bisschen was rein mit Rooting und so und das ist alles so in den kleinen Teams überall entstanden. Also jedes Team hat irgendwie so seine eigene Webseite gefrickelt, hat selber irgendwie nach den Lösungen gesucht und hat sich auch designtechnisch ausgetobt. Also sieht man auch schon am Logo oder so, das ist halt komplett irgendwie in eine andere Richtung gegangen. Und jetzt war die Frage so, wie kriegen wir das denn hin, dass die alle zusammen funktionieren? Und dann haben wir uns gedacht, okay, lass uns mal richtig jemanden einladen, der so richtig Ahnung davon hat. Das war 2015, Mai, haben wir den RedFrost eingeladen. Der ist so ne Ikone im Atomic Design, der hat ganz viele Bücher geschrieben, turt von Konferenz zu Konferenz und erzählt hat ganz vielen Leuten, wie man eigentlich ne einheitliche Bildsprache in den Webseiten aufbauen kann, wie man von dem Design her die UI-Elemente wie Buttons und wie Typografie und sowas alles generalisiert. Wie kann ich das als Webseite aufbauen? Er hat da ganz viele Theorien zugemacht. Ich will das eigentlich nur ganz kurz abkürzen. Der hat sich dieses coole Konzept ausgedacht mit Atom, Moleküle, Organismen, Templates und Seiten. Er hat einfach gesagt, geh mal, geht hin, mal drückt eure Webseite mal aus und mal klingelt drumherum, was denn jetzt irgendwie so die einzelnen Kernkomponenten eurer Webseite ist. Er hat dann wirklich, nimmt mal alle Buttons, schneidet die mal wirklich aus, also richtig schön die Ausdrucke, alle Ausschneiden, alle Buttons mal auf einem Tisch legen und dann mal gucken, was ihr da so schönes fabriziert habt. Diese Workshops haben wir mit dem gemacht und haben gesagt, okay, machen wir das mal für unsere Webseiten. Weil bis dato, das war nämlich so dieser Grundgedanke, haben die Entwickler Webseiten gebaut. Ja, und das war dann halt das, was wir ändern wollten. Um nochmal ganz kurz auszusetzen, bin ich ein bisschen der andere. Entschuldigung. Mit dem Bad Foster hat sehr, sehr geholfen, weil da haben sich die Designer alle mal zusammen gesteckt und haben gesagt, so was wollen wir eigentlich erreichen? Was ist unser gemeinsamer Nenner? Wie sieht der Brand aus? Was sind so die Brandfarben und Wosen? Produkt vielleicht anders, also gibt es ein Produkt in Rot, was irgendwie SMS.de, was halt irgendwie sehr rotlastig ist und dann während unser Business-Produkt halt irgendwie blau ist. Genau. Ja, und bis dahin waren die Entwickler die einzigen Menschen bei uns, die wirklich Webseiten schippen konnten. Man sieht da so links das Projekt wirklich offen ist. Das war unser Webseitenprojekt. Da haben wir sich wirklich die Designer mit dem Entwickler hingesetzt und zusammen auf zwei Monitore geschaut und rechts gab dann irgendwie die gerenderte Seite schön mit Twig und mit sehr viel Entwickler-Gedanken. Denn wir mussten nach zwei Jahren Atomic-Design und den Lernen von WorldFest auch lernen, wenn das will man so nicht machen. Atomic-Design ist auch für uns gescheitert. Kann ich auch einen ganzen Talk darüber füllen? Da ist eigentlich so das wichtigste Learning, was man macht, wenn man so ein Atomic-Design hat und von Atomen zum Molekülen und Organismen hingeht, hat man eigentlich nichts anderes als in gewissen Sinne eine Objektorientierung in seine Webseite eingebaut. Und wenn dann Anfang Entwickler auch dieses Konzept der Objektorientierung in Webseiten umzusetzen, dann kommt da so ein schöner Code raus. Und das war die Webseite, wie sie hintergerendert worden ist. Also man hat wirklich auf der einen Seite versucht, die ganzen Elemente dieses Atomic-Design zusammenzuschuß, dann zu sagen, jetzt habe ich hier wirklich einen Button, der macht das Passwort-Eingabefeld, ich habe hier verschiedenen Rechts, habe ich irgendwie eine Informationsbox und dann muss natürlich auch noch das Language-Key hin. Da haben sich die Entwickler ein komplett eigenes System gebaut auf den Ideen von Bradfordst. Das funktioniert auch auf dauernd nicht. Wir waren hinterher bei knapp einem Milistzyklus von mindestens drei Tagen, wenn nicht sogar fünf Tage, ganze Woche mit einem ganzen Entwicklerteam und eine Seite zu schippen. Das ist jenseits von gut und böse, da müssen wir nicht drüber sprechen. Das ist einfach auch Waste. Dann sind wir auf die schlaue Idee, 2017 auf die schlaue Idee gekommen, mal ein Content-Management-System zu nehmen. Das ist jetzt wirklich eigentlich, kann man das auch 2006 machen können? Das ist die Frage, warum wir da nicht ein bisschen depart sind oder Scheuklappen aufhaben. Das ist das ganze Unternehmen, ist immer von den Entwicklern getrieben worden. Die Entwickler haben immer alles selber gemacht, immer Webseiten gemacht, die haben wirklich die komplette Infrastruktur selber gehorstet. Wir haben mittlerweile über 1000 Server dastehen, die wir auch selber betreuen. Das ist immer Entwickler getrieben gewesen. Auch die Entwickler haben immer die Webseiteninhalte geschrieben. Das war immer von Entwickler für Entwickler. Das war auch eine Marketingstrategie, ohne dass wir eine Marketingstrategie hatten. Das hat einfach funktioniert. Durch Mundpropaganda, durch die Communities, dass die Leute das cool fanden. Aber da haben wir uns dann doch irgendwie eine Einbahnstraße verfrickelt. Wir haben gesagt, okay, wir brauchen CMS. Was sind denn die Stakeholder eines CMS? Dann haben wir wirklich bei Null angefangen und haben gesagt, wer arbeitet eigentlich an diesem CMS? Sind das die Entwickler? Sind das die Administratoren? Sind das die Designer? Sind das die Redakteure? Naja, irgendwo alle. Weil in unserer Firma ist auch so die Kultur. Alle können alles machen. Jeder soll auch irgendwie eine Webseite schreiben können, soll mal ein Blogitag schreiben können, wenn er Lust dazu hat. Aber auch jeder soll einfach die Offenheit haben. Und deswegen, die sind eigentlich irgendwie alle Stakeholder darin. Aber was ist denn eigentlich unserer Kunde des Content Management Systems und auch des Design Systems? Also wer benutzt das denn wirklich? Und im Endeffekt sind es auch nicht die Entwickler und nicht die Administratoren, die das nutzen, sondern wirklich die Redakteure. Und wenn ich das jetzt noch kombinier mit alle sollen Content anfassen können, alle sollen irgendwie in ihrer Redaktionsarbeit unterstützt werden und jeder soll das auch können. Also wenn vor allem, wenn ich diese Person habe, die jetzt sagt, ich möchte eine coole Webseite bauen, dann soll er sich auch nicht Gedanken machen über Design. Weil das erwarte ich dann auch von einem Content Management System, dass es mir genug Bausteine an die Hand gibt, um zu sagen, ich wähle zwischen diesen Bausteinen aus und habe einfach, muss nicht auf das Design achten. Klar, dass ich am Ende, wenn ich eine komplette Seite nochmal gebaut habe und Bildauswahl getroffen habe, mal einen UX-Sound-Designer darüber schauen und zu gucken, sieht das gut aus. Aber das ist halt, ist halt nur ein, also ist halt der letzte Schritt, das vielleicht nochmal Feedback holen und das soll halt möglichst wenig Zeit kosten und nicht halt irgendwie den ganzen Tag Arbeit sein und immer hin und her. Ja, und deswegen haben wir gedacht, okay, dann lasst mal irgendwie den alten Scheiß wirklich jetzt wegwerfen, dann vorne beginnen und mal einen richtigen Pattern Library bauen und haben gesagt, okay, wir machen das Design dürfen. Benutzbarkeit muss im Vordergrund stehen und wirklich die Benutzbarkeit, weil das ist 90%, 95% des Am Content Management System Arbeiten macht der Kunde, der Redakteur und für den muss sich das gut anfühlen. Deswegen, Patterns oder Bausteine nutzen und Bausteine bauen sind zwei komplette Paar Schuhe. Das ist wichtig, dass das Bauen komplett loslöst ist von dem Nutzen. Deswegen haben wir uns gesagt, okay, Purpose first. Wenn ich jetzt nur den Nutzen im Vordergrund habe, muss ich auch irgendwie eine Auswahl treffen. Welche Bausteine sind denn jetzt wichtig? Und da haben wir uns auch von der Alacor Matova sehr inspirieren lassen. Die haben wir 2017 in San Francisco kennengelernt. Die hat auch so Design-System Bücher, hat sie jetzt eins geschrieben, die arbeitet bei Future Learn und die hat auch gesagt, mit dem Atomic-Design Bad Foster funktioniert alles so nicht. Lasst uns mal, wenn wir von Patterns sprechen und Bausteine, dann müssen die alle einen Zweck verfolgen. Zum Beispiel, dass eine Stage ist ein großer visueller Bereich in der Front, die muss was präsentieren. Dann ist der Zweck dieses Bausteins etwas präsentieren. Und holen wir einen Textbereich. Der ist halt, der ist jetzt sehr weit gefasst in dem, was er tun kann. Aber eigentlich möchte ich dann eine Story erzählen. Also habe ich dann ein Storytelling-Element. Und diese Gedanken waren uns sehr wichtig. Die haben wir komplett in diese Pattern Library gepackt. Und haben gesagt, das ist das erste Auswahlkriterium, dass ein Redakteur treffen muss. Was möchte ich mit dieser Webseite erreichen? Das ist uns total wichtig. Das ist, dass der Kern einer Webseite ist halt nicht, wie sie aussieht. Aussehendes Geschmackssache und es hat auch einen Unterstützendencharakter. Aber wichtig ist eigentlich, welche Message transportiere ich? Was möchte ich sagen? Und welchen Zweck habe ich? Möchte ich, dass der Kunde sich registriert? Möchte ich, dass der Kunde hingeht und vielleicht ein Newsletter abonniert? Oder möchte ich, dass er sich über die Preise informieren kann und Material für seinen Chef runterladen kann? Was ist das Ziel der Seite von der Webseite? Hat immer nur ein Ziel. Und die gesamte Seite arbeitet auf dieses Ziel hin. Also muss unser Content-Management-System das liefern können. Es muss den Redakteur in genau diesen Denkprozessen unterstützen. Deswegen ist unser Patternsystem auch komplett analog. Wir sehen unser Content-Management-System und auch WordPress. Ist nur eine Implementierung unseres Design-Systems. Ergo ist unser Design-System und wir haben diese analoge Patternwall, wo man WordPress-Redakteur spielen kann. Normalerweise steht da rechts noch ein leeres Weisboard daneben, das Wireframing-Wideboard. Er können wirklich die Menschen, die jetzt an die Webseite bauen, hingehen und Purpose-First-Gedanken pflegen. Was möchte ich mit der Seite erreichen? Welches dieser Bausteine unterstützt mich in diesem Zwecke? Und hängt sie halt hin, sortiert die mal untereinander an, schaut grob, passt das von dem strukturellen Verhalten, möchte ich da in der Gruppe reinbringen. Kann man da auch noch beim Wireframing. Und das ist die eigentliche Leistung des Webseiten bauen. Oh, kriegen wir es jetzt in das Content-Management-System rein. Ja, auch da, Fokus, noch ein Lessen-Learn, das wir hatten beim Umsetzen von diesem Ding. Du kannst nicht alles gleichzeitig machen. Immer dann, wenn du verschiedenen Fokus setzt in deiner Teamarbeit, scheiterst du. Wir hatten mal so vier grobe Eckpunkte, die wir uns halt irgendwie gesteupert sind. Das war zum einen halt das grundlegende Design. Wie bauen wir das Brand-Design auf, was gehört dazu? Auf der anderen Seite, wie könnten unsere Bausteine aussehen? Anderer Eckpfeiler ist der Content und auch die Qualität des contents. Ist halt sehr schwierig. War halt historisch. Die Entwickler haben da immer so was draufgeschrieben und dann haben wir gesagt, ok, nehmen wir jetzt mal unsere Startseite von, also die globale verwendete Company-Seite und bauen da mal neu und da hatten wir auch zwei Leute, die wirklich nur Textarbeit gemacht haben mit im Team sitzen, die haben dann gesagt, sich darauf spezialisiert und haben gesagt, ok, lass das CMS finden. Das ist ein ganz eigenes Problem und wir haben uns am Anfang auf Design und Patterns konzentriert und Content nebenbei gemacht. Das tat schon schmerzlich genug. Ich war so froh, dass wir das CMS ausgegrenzt haben. Wir haben die ersten 10 Seiten, die wir von unserer Company-Seite haben wir händisch kopiert in HTML-Dateien, weil einfach machen, es löst einfach los, es kostet dich vielleicht viel Zeit und es ist total old school, aber der Kunde merkt da ähnlich, also der Besucher der Webseite, nicht der Kunde der Besucher der Webseite merkt da eh nichts davon, ob das reine HTML-Datei ist, die irgendwo liegt oder ob dann im Management-System hinterliegt. Das Tarte am Anfang total weh, hat uns aber super geholfen uns auf die anderen Sachen zu konzentrieren und dann konnten wir mit einem ganz frischen Kopf an die CMS-Problemate gehen. Und uns die Kernfrage stellen welches CMS erfüllt eigentlich genau diese Anforderung. Dabei ist das herausgekommen. Wir haben einen Excel-Sheet des Todes produziert. Wir haben uns wirklich eine Woche Zeit genommen, haben uns alle Content-Management-Systeme Werbevideos angeschaut, die Webseite besucht, mal geschaut, was das so ist und haben die alle so schön oben einmal als Spalten angelegt und haben links eigentlich unsere Ziele. Also was muss das können? Und das auch aus allen Perspektiven, Entwicklersicht denn Entwickler war zum Beispiel immer wichtig alle wichtigen Dateien müssen im Git liegen. Die Wahrheit liegt im Git. Das ist ein Vier in Philosophie, der hat sich in den letzten vier, fünf Jahren bewährt. Das ist nicht einfach bei uns kein Code, denn in irgendeiner Form nicht in Git eingeschickt ist. Voraussetzung. Also irgendwie muss es möglich sein, beim Deployen das aus Git zu ziehen. Andersherum, wir müssen so etwas wie ein zuverlässiges Cash- oder Revisionsmanagement haben. Leute wollen mal was zurückdrehen, haben sich irgendwo vertan. Ansonsten haben wir wirklich alles mal rausgesucht und dann haben wir die Einzelnd durchgegangen. Wir haben uns auch wirklich dafür noch mal eine Woche Zeit genommen, mal irgendwie auf dem Rechner ein bisschen, wir nennen das so ein bisschen gefrickelt, da man ein Template angelegt oder irgendwie ein Plug-in für dieses geschrieben und einfach mal zu validieren, dass wir da X machen können oder halt auch Minusse, wenn das halt nicht funktioniert und haben das unten uns dann die Sachen, also im Team, wir waren mit vier, fünf Leuten zu der Zeit und haben uns das gegenseitig vorgestellt, die einzelnen CMS, was können die einzelnen CMS beignet. Ja, das war die eine Sache. Dann haben wir festgestellt, okay, jetzt haben wir da vier Stück, fünf Stück von diesen 17 CMS. Ich mache die Liste gleich auch noch mal in Detail auf, wir können gerne mal irgendwie wenn ihr Fragen habt auch zu einzelnen, warum die so rausgeflogen sind und was das Besondere war, ich mache die Liste gleich auf, wir können die gerne durchgehen und haben gesagt, okay, das ist das eine, dass wir da jetzt als Entwickler diese Sicht darauf haben, aber wir haben doch eben die Liste aufgenommen, weil wir entwickeln das zwar aber bedienen, tun das ja immer noch unsere Kunden und das sind die Redakteure. Also haben uns 20 Redakteure geschnappt, das sind links die Orange und Zell, haben hier diese schönes, diese Ball aufgebaut und mit den Hütchenfiguren und haben gesagt, okay, es gibt immer ein Protokollant und ein Testführer und oder Testleiter so und dann haben wir dann irgendwie zu Slots eingeladen, haben diese Personen genommen die zwei CMS gegeneinander testen lassen die hatten die Aufgabe eine Seite in jeweils einem CMS zu bauen die Seite, die sah so aus das war halt einfach, haben wir so eine imaginäre, unsere alte Post so heißt unser Restaurant, bei dem wir essen und dann haben wir halt gesagt, okay, die brauchen jetzt mal einen neuen look and feel und das sind irgendwie, das ist das was der Entwickler in Photoshop schon gemacht hat und hat halt gesagt, okay da sind die Bilder bitte, da hätte ich da gerne drin, ich hätte dann irgendwie die Texte und setzt das mal um und wir haben den wirklich nur, wir haben den die login Daten gegeben von dem Containment System und gesagt lock dich ein und das war auch wirklich Teil des Tests wie die sich einloggen, wie die auf die Seiten, also wie sie die Seitenübersicht finden, wie sie eine Seite suchen können zwar alles Testaufgaben, auch mal wir hatten also knapp drei Aufgaben komplett neue Seite anlegen, die andere war eine Revision zurückdrehen, weil ist typisches Feature, man hat mal irgendwas kaputt gemacht und das Dritte war halt irgendwo auf einem bestehenden Seite mal ein Bild und ein Text austauschen haben uns wirklich eine Stunde für jeden Zeit genommen und haben den die Seite bauen lassen und dann saßen wir da so im Büro und haben wirklich einer hat Protokoll geführt, hat wirklich auch das Verhaltenesnutzer gesorgt, der wann welches UI kommt, der halt nicht klar was sucht, also was haben wir uns aufgeschrieben und dann war halt einer der noch begleitet hat der hat dafür gesorgt hat, dass die Person halt nicht abschweift oder wenn sie sich verlaufen hat dann haben wir uns zu sagen, du bist jetzt fünf Minuten das Menü gesucht da findest du das so und ja das hat uns auch eine Woche gekostet, aber es lohnt sich ich meine hey, wie viel Zeit verbringen die Redakteure anschließend mit dieser Software und wie viel Zeit kostet dich das einfach dich mal zwei Wochen hinzusetzen und das zu testen, weil das ändern wir ja auch nicht von heute auf morgen wenn du einmal so ein System da stehen hast das hält sich ein paar Jahre also von daher ja und da möchte ich jetzt eigentlich auch gar nicht mehr jetzt in dieser Frontalunterricht Dialog möchte ich jetzt ein bisschen aufbrechen ich habe nämlich ein paar und kann euch jetzt mal wirklich zeigen wie das wirklich im echt aussah und auch direkt eure Fragen beantworten wenn ihr gehabt also hier ist jetzt nochmal wirklich die Tabelle und ja, gibt es vielleicht schon Fragen dazu oder ja, die Frage war warum bei WordPress jetzt steht dass da ein einfach leicht zu verstehener Editor Pluck entsteht, ganz einfach wir haben ja uns dieses Design und Patternsystem ausgedacht und bei uns hat halt der Redakteur nicht den einfachen Blog Post, wo er was arbeiten kann und Texte unterschreiben kann, sondern er bekommt im Endeffekt fünf oder sieben Eingabefelder je nach Pattern und diese Eingabefelder sagt bitte hier Bild hochladen das ist der linke Text, das ist der rechte Text und das ging halt nur mit ACF aber auch das habe ich heute gelernt hier auf der Konferenz, wir wollen demnächst mal Gutenberg benutzen wenn das fertig ist kann ich dir wirklich nicht zu sagen, aber wir sind auch in der Firma so, wir haben halt keine Budget und Kostenlimits und so und das ist alles für intern gewesen und das war war halt, also wir mussten das nie gegenrechnen und uns rechtfertigen also es war okay, die Frage war ob wir auch wir filterten nach Lizenzkosten und ob das eine Entscheidungskriterium war nein, war kein Entscheidungskriterium aber wir haben halt gesagt, wir sind nicht Google, das war auch eines der wichtigsten Entscheidungskriterien, wir brauchen uns kein Content Management System für 100.000 dahin stellen die sind auch allein deswegen schon rausgeflogen weil wir sind halt auch, wir leben hier um Source Community als Firma, wir sind da auch in anderen Projekten, versuchen wir da irgendwie zu unterstützen und deswegen war uns das eigentlich auch wichtig, dass das zumindest so um Source ist, dass man auch irgendwie auf jeden Fall an Quellen rankommt dass man auch mal, wenn man wird jetzt irgendwie was, wenn unser Plug-in jetzt nicht nur 40 Zeilen H-Stemplate gewesen wäre hätten wir auch gedacht, so kann man das der Community auch wieder zurückgeben und kann das irgendwie als Plug-in halt auch stellen und das waren uns auch wichtige Entscheidungskriterien, aber wir haben uns auch mal angeguckt, das war auch mit in der engeren Auswahl und das hat zum Beispiel 100 Euro da, so war das Lizenzgebühren, war kein Thema, grüber ja also wir haben jetzt hier, das war halt jetzt WordPress, Typ 3, Reduxo, Kirby, Graph, Contentful, Impress Pages, Mod X, Yomla, Contao, Drupal, HubSpot das war auch in der engeren Auswahl, muss man so sagen, ist eigentlich ein Customer Relationship Management kann man aber auch so ein CMS-Komponente dazukaufen und nutzen und das war halt irgendwie die Idee eines Eier legenden Wollmigs so dass man irgendwie, weil das eine schon funktioniert und leuchtet an einem arbeiten, könnte man ja das CMS-Tool davon benutzen und ja, andere Geschichte, aber da war noch eine Frage von mir zu HubSpot, die Frage, was hat aus eurer Sicht dann dagegen gesprochen die Funktionalitäten von HubSpot als CMS zu benutzen? Ganz klare Antwort es ist nicht über aus dem Git deploybar man hat eine nicht dokumentierte Rest-API mit der man automatisiert Bausteine in das System pflegen konnte, also man, wir sind halt wirklich hingegangen und man musste es in dem Web-Interface von HubSpot, Twig template Brocken rein kopieren und musste dann noch anschließend händisch Felder pflegen also welche Feldtypen, wo kann ich jetzt ein Bild reinlegen also das Shortcode, die Variable für diesen Typen und es musste so alles händisch machen also ich kann dir sagen, wir haben ein komplettes Produkt nach HubSpot reingezogen, unser Hauptprodukt das Business-Kunden-Produkt haben damit 50 Seiten reingezogen, weil das leider gewollt war und von außen uns dazu aufgefordert wurde das zu tun und wir haben das in einem Produkt gemacht und haben uns gesagt okay, das kann ja schon nicht so schlimm sein wir haben einen halben Jahr verloren der Kommentar war also ob ich empfehlen würde das nicht zu tun und da muss ich sagen ja, das kann ich empfehlen HubSpot mag ein sehr gutes Custom Relationship Management Tool sein, denn CMS ist es nicht und egal wer euch das verkaufen will installiert es mal ich kann auch mal gleich reinklicken ich habe oben den Tab auch, wenn ihr das sehen wollt ich kann euch das erzählen, warum das man merkt halt auch, dass die Entwicklung oder von dieser Firma die Entwicklung einfach immer der Fokus auf das Custom Relationship Management Tool ist und nicht das CMS ansonsten gibt es noch weitere Fragen vielleicht auch zu den anderen esoterischen CMS noch weiter scrollen, ja nach links nach links ja, okay die Farben um die implizieren was quasi in die engere Auswahl und was von vornherein rausgefallen ist also rot quasi gar nicht und da interessiert mich natürlich persönlich warum da Typ 3 quasi direkt vergleich WordPress sehr viel grün hat komplett raus fällt und in der Argumentation steht dann zum Beispiel schlechte Seitenstruktur was ja eigentlich gar nicht der Fall ist weil ja die Seitenstruktur dauerhaft sichtbar ist und doch eigentlich sehr übersichtlich und gut konfigurierbar ist es würde mich mal interessieren wie das da bewertet worden ist oder ob ich das so nicht ja das war auch eines der drittigsten Punkte es kam halt irgendwie sofort auf nehmt doch Typ 3 deswegen ist es halt so vorne in der Liste und als wir uns halt auch technisch angeschaut haben man kann alles mitmachen das war überhaupt nicht abzustreiten User, also wir haben ja wirklich exemplarisch da zwei Leute vorgesetzt und jetzt finden wir die Seite die haben es einfach nicht gefunden also es war einfach, die waren hilflos in diesem System verloren und deswegen haben wir dann auch gar kein User-Tester darauf gemacht und wir als Entwickler haben gesagt also das was die da irgendwie als Entwicklersprache so ein komisches, ja was kriegt irgendwas nein, danke und dann war halt irgendwie okay und auch da wieder, hey wir sind nicht Google wir haben vielleicht 150 Seiten das kann man auch bei 1000 plus verwenden und das wird halt nicht der Fall sein der Trick ist auch ich habe ja euch ja eben diese ganzen Analogensachen gezeigt und das ist irgendwie dass wir so, die Idee wie wir Webseiten bauen funktioniert außerhalb jedes Containment-System und wir haben immer gesagt, wenn jetzt in der Firma jemand kommt und challenge uns und sagt ihr hättet aber System X nehmen müssen und warum habt ihr das nicht getestet oder warum ist das nicht, ne? uns näht das nicht, dann gehen wir mal hin und sagen wir haben einen User-Test macht die, bau die Seite drin um und überzeugt uns warum das jetzt besser ist und wenden diese in den Kriterien an und wenn du es wirklich etablieren willst dann nimmst du die 150 Seiten über Lexine Migrationsstrategie und holt es aus das ist halt auch einfach diese Möglichkeit, ne? wir sind nicht an ein CMS gebunden es ist nun wahrscheinlich viel Aufwand die dann jetzt mittlerweile 500 Seiten auf allen Produkten halt zusammen rüberzuklippen, aber da hinten ist noch eine Frage diese Frage war ob ich das mal veröffentlichen kann ich glaube schon ich müsste nochmal gucken, ob nicht irgendwo noch was drinsteht aber ansonsten ich werde sonst ist es auf dem Video ja aber vielleicht ich nehme es einfach mit und wahrscheinlich werde ich einfach mal ein Blockartikel oder so nochmal darüber schreiben das kann man auf jeden Fall ja ich kann noch mal zu Ende scrollen und nochmal Vorlesen was da noch an esoterische Sachen kamen also da war noch EZ das weiß ich gar nicht mehr Pimkor war richtig interessant also das war so ein Geheimtipp wenn man auf Windows 95 Interfaces steht ja ihr lacht jetzt aber das Tool sieht halt einfach aus als hätte man das mit Delphi programmiert aber es funktioniert die User finden sich zurecht das ist gelerntes Verhalten 95 Interfaces kann einfach jeder in der Firma bedienen und das ist halt auch der Kunde genau das würde mich auch interessieren also ich habe gehört ich kenn es nicht wirklich Kontohaus soll auch relativ einfach zu bedienen sein, da würde mich mal von deiner Sicht jetzt interessieren welche Reihenfolge oder Top 10 wenn du schon sagst gegen 17 welches kam denn noch in die nähere Auswahl also ich habe die da oben mal die Frage in der nähere Auswahl war eine tatsache ich soll euch die Ergebnisse zeigen von den 5 das habe ich nämlich ja auch noch also ich habe nämlich hier ist dieser User Test also okay das war jetzt das ist jetzt nicht das, das ist nur kurz zur Erklärung das war halt geh mal hin und lock dich ein und mach die Sachen also das was die Leute ausgedruckt bekommen haben das ist jetzt nicht so interessant das war nochmal den Test das kann ich auch, hier war es genau, hier haben wir die CMS sind unten, also wir hatten Craft, WordPress, Impress, Page Neos und HubSpot wobei HubSpot wirklich das mussten wir leider nur gegenvalidieren dass das wirklich jetzt nicht gut war dieser eine Seite darin zu machen und soll ich einfach mal zu den 4 was sagen so, okay Craft hat uns sehr begeistert, weil die von Haus aus den, das was dir jetzt Gutenberg bringt von Haus aus schon hatten und auch du dir das über die Weboberfläche dir Bausteine zusammenklicken konntest und sie auch über eine API oder halt über Dateien in das System legen auch Deployen konntest super und von dem UI her ist es jetzt auch sehr an WordPress angelegt und das war war auch wirklich eine engeren Auswahl hat aber hinterher halt Lizenzkosten und Dokumentation, das was halt irgendwie gesagt haben ist halt nicht open source und du hast halt die Dokumentation war, ja also es war die Unterschiede zu WordPress waren einfach zu gering das sieht man auch in den Auswertungen von dieser Test Impress Pages ist ein Frickel Projekt hat es deswegen die Auswahl geschafft weil der Content-Bilder von Haus aus gegeben war dieses ganze CMS basiert da drauf man hat oben eine Leiste von Baustein man zieht sich diese Bausteine, schmeißt die auf die Seite und nutzt die, also ich kann das hier mal kurz zeigen deswegen, dass das funktioniert mit Impress Pages ziemlich cool du nimmst dir halt hier einfach so ein Image, schmeißt das hier rein es funktioniert sagt jetzt hier, ah gut bei Bilder muss man geht die Dokumentation nicht, aber zum Beispiel wenn ich jetzt hier sage, ich möchte mal so ein HTML-Block da reinziehen dann kannst du jetzt hier was reinschreiben machst das auch mit ein Text und du kontest das war das Schöne, oben diese Widget das heißt, das waren alles immer jeweils eine PHP-Datei plus irgendwie eine CSS und das ganze Content Management System war dahin ausgelegt, diese Bausteine zu bauen und anschließend zu verwenden aber auch, also das haben die die User geliebt oben, ah da ist jetzt halt irgendwie dieser Baustein, ich nehm den jetzt schmeißt den rein war das was die wollten und Neos da kann ich noch kurz zu sagen, Neos war halt, also hier beispielsweise, wie wir das ausgewertet haben das sieht super wissenschaftlich aus es war auch nur so wir haben versucht immer mal Zahlen daran zu schreiben und haben irgendwie so durchschnittliche Bearbeitungszeit haben wir irgendwie so ein bisschen den Rang und wie viel Prozent wie der User das gewohnt hat wir hatten immer so eine Scala von eins bis neun irgendwie wie gut wie schlecht kamst du und dann immer Zeit zu nebeneinander verglichen und da kam das jetzt so raus das war halt zum Beispiel deswegen so interessant das war Photoshop Photoshop im Web du hast halt einfach ein Inline-Editor gehabt der sah gut aus der hat sich angefühlt wie Photoshop und du hast links ein riesen Menüstruktur wie Photoshop gehabt die Designer also die so ein bisschen eh schon Ahnung davon haben haben es geliebt in der Firma aber die Leute die die Texte geschrieben haben, haben nichts gefunden ja ja genau und dann wir hatten noch Atmenwurz mit rein also Sicherheit und ja, auch Atmenwurz war es auch ein bisschen was die Entwickler machen ja ja, das war es eigentlich so weit seitens der Netz noch Fragen wie viel Prozent hat WordPress gehabt die waren alle hinterher ziemlich naheinander war 80 da war aber auch, man hat das hinterher gemerkt die User waren da eigentlich auch sehr homogen wir wollten das immer mal machen dass man diesen Test gegen ich kopiere HTML im Editor und das den Redakteur da so machen lässt um mal so einen Referenzwert zu bekommen wie viel Prozent die Leute dann in Zufrieden wären das wäre noch spannend, wenn jemand Zeit hat oder so das man tun möchte dann meldet euch mal ich würde da wäre ich sehr gespannt ich gebe euch auch die ganzen Testblätter und das HTML was die Leute ausführen könnten da ist noch eine Frage also die Frage war ob wir einen Page-Bilder einmal selber ausgewählt haben den Redakteuren das getestet haben und da uns Feedback eingeholt haben wir haben uns zwei davon angeschaut ich weiß aber auch die Namen nicht mehr schon zu lange her und den einen auch dem Redakteur hingesetzt aber im Endeffekt wussten wir ja schon das Page-Bilden ist ja auch ein Offline-Prozess bei uns du kannst dir die Magnete zusammenklicken an der Wand und zusammen kleben dadurch hast du deinen Page-Bilder eigentlich das ist halt so in dieser Anfraunde im Moment haben dieser Prozess ich schreibe jetzt diese Seiten ja das ist halt so der nächste Schritt wir brauchen dringend einen Page-Bilder wir haben es mit ACF umgesetzt ich kann das auch einmal ich muss euch noch mal schauen die Zeit rennt ACF hat heißt wirklich du hast eine sehr hässliches Interface das sind diese sieben Eingabefelder und da sind ein paar Meter-Informationen dran das Restriktion es gibt von ACF auch ein Inline-Editor das haben wir auch mal ausprobiert aber auch da wir haben dann irgendwann gesagt so jetzt ist halt Cut und die Leute können es gerade bedienen und wir lassen es erst mal laufen das ist jetzt seit drei Monaten bauen die Leute damit Webseiten und es funktioniert gut und das ist halt so der nächste Schritt wo wir uns hin entwickeln wollen also ACF würde ich nicht empfehlen vom Code ist es nicht gut wenn ihr ein Page-Bilder haben wollt dann nehmt Beaver-Bilder Sauerkode ist auch kein Shortcard damit kannst du gut arbeiten und die arbeiten auch zusammen mit Automatic zusammen auch mit Gutenberg die sehen das nicht als Konkurrenz sondern bauen darauf auf also wenn ihr was machen wollt dann Page-Bilder dann auf alle Fälle Beaver-Bilder und es ist wirklich sehr stark und es ist auch viel Langfristigkeit also wenn es abschalt ist du hast immer noch den Content das finde ich wir haben Kunden wie Eva die haben das auch so gemacht die hatten aber 25 Vergleiche und die hatten auch zum Beispiel einige Systeme wie für Spirit oder sonst was wo teilweise Lizenzkosten 2 Millionen sind und trotzdem hat WordPress da gewonnen aber die haben es auch in Ähnlichkeit gemacht alles ausprobiert und zuletzt haben sie dann drei Kandidaten gehabt und dann haben sich Experten dazu geholt und wir haben dann auch wirklich okay dann zeigt uns doch mal warum es ist besser als das andere Kann ich gut verstehen Für First Spirit habe ich mal Templates geschrieben ich kenne das System also auch von innen und da muss man sagen muss ja was Winguys lieben und dann kann man auch mit First Spirit klarkommen und das ist halt aber auch nicht unser Anwendungsfall wir haben es halt nicht auf 20 Servern liegen wo halt die alle gesüngt werden müssen und wo 200 Redakteure gleichzeitig an demselben Content arbeiten also bei uns reicht das war zum eher so eine Softwareanforderung dass da halt steht wenn man andere Redakteure bearbeitet ist das gerade das reicht, weil wir sitzen eher alle irgendwie in einem Haus oder man kann den auch mal per Slack anschreiben und dann sagen und dann einfach sagen hey du arbeitest da dran kann ich dich mal eben rausschleißen und für Toilette Turn it on und off gehen wieder mit Rauschen ansonsten wir sind auch relativ am Ende des Vortrags bevor ich jetzt im Rauschen untergehe würde ich einfach sagen ich kann auch gerne noch ein bisschen was zeigen wenn ihr gleich noch Fragen habt spezielle euch mal ein System oder so ich hab die oben alle offen da können wir jetzt im privaten gleich nochmal austauschen wenn es so irgendwie ein System ist ansonsten ja vielleicht in Eigenwerbung am Dienstag in Webwörtern in NRW in Düsseldorf hatte ich nochmal einen Vortrag vor allem über unser Designsystem wie wir uns dahin entwickelt haben was da die Lessons learned sind wenn ihr da Lust habt ja aber notfalls ich glaubt ihr wird auch aufgezeichnet ja ne, nur eine Frage untechnischer art die Zombie Jagd mich würde einfach nur mal interessieren wie das abläuft das kannst du mir auch gleich erklären hat mich total geparkt ich fand es nur cool einfach mal, dann bist du so hinweg dann natürlich logischerweise auf Topik du fährst den Urlaub und du machst so Zombie Jagd ja, seit wirklich dumm geil ok, ich komme gleich dann auf dich zurück danke ist doch ein guter Abschluss vielen Dank