Ein tripuls TYPO3 Template kann mehr
– Website-Design mit Mehrwert
Sie sollten weiterlesen, wenn Sie
- auf der Suche nach einem professionellem TYPO3-Layout sind
- die Arbeit Ihrer Content Redakteure vereinfachen und optimieren wollen
- Zeit und Geld bei der geplanten Umsetzung Ihres Site-Layouts sparen möchten
Mehr als nur schön aussehen - TYPO3-Template zwischen Anspruch und Wirklichkeit
User Centered Design: Der Mensch im Mittelpunkt
UX und UI des TYPO3-Templates: Die Kunst der optimalen Nutzererfahrung
Mit dem richtigen TYPO3-Template die Arbeit Ihrer Content-Redakteure erleichtern
Kürzere Wege – schneller zum Ziel
Direktzugriff auf wichtige Modul-Eigenschaften
Hinweismeldungen wo man sie benötigt
Bares Geld sparen bei der Umsetzung: mit unseren TYPO3-Templates
Mehr als nur schön aussehen
TYPO3-Template zwischen Anspruch und Wirklichkeit
Häufig wird ein gutes TYPO3-Template bzw. eine Site oder Blog rein nach dem ersten Eindruck bzw. der Ästhetik bewertet. Der Anspruch an ein TYPO3-Template sollte jedoch weitaus höher sein.
Betrachten wir das Thema einmal am Beispiel eines Shop. Ziel sollte sein, dass die Besucher möglichst viel kaufen. Ein optisch ansprechendes Shop-Design sollte an der Stelle selbstverständlich sein und die nötige Professionalität vermitteln, um das für einen Kauf notwendige Vertrauen in den Shop zu vermitteln. Für viele Verkäufe reicht das aber noch lange nicht. Hierbei ist es vielmehr notwendig, dass bspw. Upselling-Produkte intuitiv und schnell gefunden und bestellt werden können, um den durchschnittlichen Warenkorbwert zu steigern. Auch muss die sogenannte Shop-Bestellstrecke so intuitiv gestaltet sein, dass möglichst wenig bestellwillige Shop-Besucher während des Bestell-Prozesses abspringen.
Wie Sie merken, haben wir dabei noch nicht einmal darüber gesprochen, dass unser Shop selbstverständlich genauso einfach und intuitiv mit einem Tablet oder Handy zu bedienen sein soll – d.h. es sich auch um ein Responsive Layout handeln muss. Natürlich muss das Website-Template auch so umgesetzt werden, dass die für Suchmaschinen relevanten technischen SEO-Aspekte berücksichtigt sind. Scheinbare Selbstverständlichkeiten, die noch lange nicht auf alle Websites bzw. TYPO3-Templates zutreffen.
Doch damit immer noch nicht genug: Sie sollten an TYPO3-Templates auch noch weitere Anforderungen stellen! Denn TYPO3-Templates dienen nicht nur dem Besucher der Site. Auch die im Backend tätigen Website-Redakteure sollten durch das Template eine entsprechende Unterstützung bei ihrer Arbeit erfahren. Spätestens hier zeigt im Übrigen ein Framework wie Bootstrap o.ä. seine Schwächen.
Und last but not least sollten entsprechende TYPO3-Templates natürlich auch noch bezahlbar bleiben.
Wenn Ihnen diese Punkte ebenso wichtig sind, wie uns, dann sollten Sie unbedingt weiterlesen. Wir zeigen Ihnen auf, wie das alles gehen kann.
Wir bitten um Verständnis, dass sich dieser Artikel mehr an das Management im Digital-Marketing richtet und Themen wie CSS, Typoscript, Frameworks wie Bootstrap & Co. oder Template-Download außen vor bleiben.
User Centered Design:
Der Mensch im Mittelpunkt
Die Bedürfnisse und Wünsche der Nutzer im Fokus der Gestaltung
Der folgende Prozess zeigt auf, wie die die Anforderungen in unsere Design-Vorlagen und die daraus resultierenden TYPO3-Templates Einzug halten:
- Nutzer-Verständnis: Im Rahmen eines Zielgruppenworkshops erarbeiten wir mit den Marketing-Entscheidern in Ihrem Unternehmen anhand von Fragen ein Verständnis für die Bedürfnisse und Herausforderungen Ihrer Zielgruppe.
- Entwicklung von Nutzer-Personas: Auf Basis der Workshop-Ergebnisse erstellen wir detaillierte Nutzerprofile, die als Leitfaden für unsere Design-Entscheidungen dienen.
- Iterativer Gestaltungsprozess und Prototyping: Unsere Designs durchlaufen mehrere Iterationen mit Prototypen, um sicherzustellen, dass sie den Nutzeranforderungen entsprechen.
- Nutzer-Feedback und Usability-Testing: Schlussendlich lassen wir direktes Nutzerfeedback einfließen indem wir systematische Usability-Tests durchführen, um unsere Designs kontinuierlich zu verbessern. Hierbei setzen wir auf A/B-Testing, um verschiedene Gestaltungsvarianten direkt gegeneinander zu testen und die effektivste Lösung zu identifizieren.
Auf diesem Weg stellen wir sicher, dass von uns entwickelte TYPO3-Web-Sites technisch und ästhetisch überzeugen und eine hohe Nutzerzufriedenheit gewährleisten. Wir konzentrieren uns darauf, Designs und Templates zu entwickeln, die echte Probleme lösen und ein positives Nutzererlebnis schaffen.
UX und UI des TYPO3-Templates:
Die Kunst der optimalen Nutzererfahrung
User Experience (UX) und User Interface (UI) als entscheidende Faktoren für zielführende Websites
UX in der TYPO3-Template-Entwicklung fokussiert sich darauf, die gesamte Erfahrung, die ein Nutzer mit der Website und darüber hinaus hat, zu optimieren. Dazu gehört die individuelle Analyse der Website sowie wie intuitiv und angenehm es für die Kunden ist, sich durch die Website zu bewegen, Informationen zu finden und Interaktionen durchzuführen.
UI in der Entwicklung von TYPO3-Templates konzentriert sich auf die visuelle Präsentation und Interaktivität der Website. Ein effektives UI-Design sorgt für eine ansprechende, klar strukturierte und zugängliche Benutzeroberfläche. Dies umfasst die responsive Gestaltung, Verwendung von Farbschemata, Schriftarten und Bildern sowie die intuitive Anordnung von Navigations- und Interaktionselementen.
Als TYPO3-Agentur verstehen wir die Bedeutung des synergetischen Zusammenspiels von UX und UI für erfolgreiche Webdesign-Projekte. Mit Hilfe von zielgruppenorientierten identifizieren wir die Bedürfnisse und Herausforderungen Ihrer Kunden. Dadurch können wir Lösungen entwickeln, die oft weit über reine Websites hinausgehen und Ihrem Unternehmen teilweise sogar Potenziale aufzeigen, wie es besser auf seine Kunden eingehen kann.
Mit dem richtigen TYPO3-Template
die Arbeit Ihrer Content-Redakteure erleichtern
Im Rahmen unserer TYPO3-Agentur-Tätigkeit stehen wir immer wieder im engen Austausch mit zahlreichen TYPO3-Redakteuren. Durch diese Vielzahl an Feedbacks als auch den eigenen Erfahrungen bei der redaktionellen Tätigkeit konnten wir schon so manche Optimierungsoption erkennen. Als TYPO3-Agentur mit Fokus auf eine hohe Kundenzufriedenheit nehmen wir uns diesen Themen regelmäßig an. Im Zuge dessen wurden unter anderem auch im Bereich der TYPO3-Template-Entwicklung Lösungen entwickelt, um Ihren TYPO3-Content-Redakteuren den größtmöglichen Support zu bieten und das Leben leichter zu machen.
Diese Lösungen möchten wir Ihnen im Folgenden kurz vorstellen.
Next Level Usability
Unsere TYPO3-Templates können auch im Backend punkten!
Wie Sie vielleicht wissen, ist TYPO3 gemeinhin eher als graue Maus bekannt. Zahlreiche Redakteure schwärmen daher von einer Usability ala WordPress, bringen aber gleichzeitig einen Bedarf an Enterprise-Funktionen mit, der von WordPress nicht sinnvoll abgedeckt werden kann.
Wir bieten Ihnen im Rahmen der Template-Enwicklung die Integration eines Direct Visual Editor, der die Inhalte auch im TYPO3 Backend in Anlehnung an das Frontend-Design der TYPO3-Page darstellen kann.
Und diese Vorteile bietet Ihnen unsere Leben-Leichtermacher-Lösung:
- Mehr Übersicht durch Darstellung der Seiten im What-you-see-is-what-you-get-Backend
- Schnelles Auffinden der zu ändernden Page-Inhalte spart Zeit bei der redaktionellen Arbeit und sorgt so für schnellere Ergebnisse
Ein entsprechend umgesetztes TYPO3-Template liefert nicht nur Einsparvorteile bei der eigenen Arbeit. Darüber erleichtert es auch die Einarbeitung eines neuen Kollegen ohne TYPO3-Vorkenntnisse um ein Vielfaches.
Die TYPO3-Enterprise-Funktionalität bekommt auf diesem Weg die von den Redakteuren gewünschte Usability.
Kürzere Wege – schneller zum Ziel
Unzählige Klicks und zähe Ladezeiten gehören mit unseren TYPO3-Templates der Vergangenheit an. Die von uns im Rahmen der Template-Entwicklung integrierte Direkt-Bearbeitungs-Funktion BEQuick kommt mit zahlreichen Leben-leichter-Machern daher:
- Weniger Klicks und ein deutlich intuitiveres Arbeiten: Ihre TYPO3-Redakteure sparen Zeit und sorgen so für schnellere Ergebnisse.
- Eingesparte Seiten-Ladezeiten: Anstatt auf die Bearbeitungsseite zu wechseln erfolgt die direkte Einblendung eines Text-Feldes oder des Rich Text Editor (RTE) - je nach Inhaltstyp.
- Layout-Wechsel mit nur einem Klick: Schnell-Zugriff-Icons links oben erlauben den schnellen Wechsel des Modul-Layouts (im Bild bspw. die blaue Hintergrundfarbe)
Direktzugriff auf wichtige Modul-Eigenschaften
Für eine gute Sichtbarkeit in Suchmaschinen müssen neben gutem Content auch diverse technische Voraussetzungen gegeben sein. Valider Code und eine korrekte Headline-Struktur sind dabei nur zwei relevante Punkte.
Für bestmöglichen Support Ihrer TYPO3-Content-Redakteure sind in unseren TYPO3-Templates wichtige Element-Eigenschaften direkt sichtbar und können so ohne zusätzlichen Klick auf einen Blick direkt geprüft werden.
Sollten Sie Eigenschaften ändern wollen oder müssen, ist das in unseren TYPO3-Templates mit einem Klick auf das entsprechende Bearbeiten-Icon möglich.
Dieses Feature ist u.a. für folgende Eigenschaften verfügbar:
- ALT-Texte von Bildern
- Headline-Typ
- Ausrichtung der Elemente
- Hintergrundfarbe von Elementen
Neben der Zeiteinsparung erhöhrt diese Funktionalität auf diesem Weg auch gleichzeitig Qualität und Sichtbarkeit Ihrer Website oder Blog.
Hinweismeldungen wo man sie benötigt
Pflegefehler können schnell zu schlechter Usability oder im schlimmsten Fall sogar zum Einbruch der Sichtbarkeit führen. Um dies zu vermeiden unterstützen unsere TYPO3-Templates proaktiv durch passende Hinweismeldungen, die dem Redakteur Handlungsbedarf signalisieren.
Diese im Bild gelb dargestellten Meldungen weisen dabei u.a. auf folgende Punkte hin:
- Fehlende Metadaten
- Fehlende Modul-Eigenschaften
- Fehlende Inhalte
Über ein Bearbeitungs-Icon gelangt der Redakteur zudem direkt an die richtige Stelle, um die fehlenden Informationen zu ergänzen.
Bares Geld sparen bei der Umsetzung:
mit unseren TYPO3-Templates
Jede Menge Mehrwert und trotzdem Zeit und Geld sparen?
Falls Sie jetzt schon die €-Zeichen in den Augen haben, müssen wir dennoch ein klein wenig bremsen. Die Umsetzung von TYPO3-Templates zählt neben der Umsetzung einer neuen Extension nach wie vor mit zu den größten Aufwandstreibern in TYPO3-Projekten. Doch wir haben trotz allem gute News für Sie: Vor genau diesem Hintergrund haben wir – im Sinne unserer Kunden – genau an dieser Stelle angesetzt, um Kosten zu sparen.
Dabei verzichten wir bewusst auf die Installation einer Standard-Vorlage wie Bootstrap & Co. aus dem TYPO3-Extension-Repository. Ein solches Framework wäre zu überladen und steht der gewünschten Individualität des Layouts in aller Regel entgegen. Stattdessen setzen wir auf CSS-Präprozessoren und eigene erprobte Vorlagen im Rahmen der Entwicklung eines Premium-TYPO3-Template.
Bei der Umsetzung erfinden wir das Rad trotz allem nicht jedesmal neu, sondern setzen auf bewährte Komponenten, deren Layout wir nur noch an Ihr Corporate Design anpassen müssen. Auf diesem Weg liefern wir Ihnen neben obigen Mehrwerten und den genannten Ersparnissen auch folgende Benefits:
- Website-Elemente mit bewährter Usability für Ihre Website-Besucher
- Möglichkeit sich bereits im Vorfeld einen Eindruck von Demo-Komponenten zu verschaffen
- Erprobtes Responsive-Verhalten für einen bestmöglichen Support unterschiedlichster Endgeräte und Browser
Sollten Sie für Ihre Web-Site oder Blog ein spezielles Content-Element wünschen, setzen unsere zertifizierten TYPO3-Entwickler dieses selbstverständlich nach Ihren Anforderungen um. Aber selbst hier können durch Wiederverwendung, Anpassung und Erweiterung einer bestehender Komponente oder Extension oft noch Einsparvorteile erzielt werden.
Wie sich unsere TYPO3-Templates live anfühlen, davon können Sie sich auf Basis unserer Referenzen jederzeit selbst ein Bild machen.
Wir denken weiter für Sie!
Weitere relevante TYPO3-Themen
TYPO3-Agentur-Dienstleistungen • TYPO3 Schulungen und Seminare • TYPO3-Update • TYPO3-Backend-Optimierung • TYPO3-Mehrsprachigkeit • TYPO3 vs. WordPress - Ihre Entscheidungshilfe • TYPO3-Extensions • TYPO3 Knowledge Base Extension • TYPO3 Jobs Extension • TYPO3-heroes-Schnittstelle • TYPO3-Templates • TYPO3 Enterprise Hosting
"Ein Zitat von Steve Jobs, das wir uns täglich zu Herzen nehmen: 'You've got to start with the customer experience and work back toward the technology - not the other way around.'"
Unsere Arbeit überzeugt Kunden wie Juroren
Hessischer Website Award
Die von tripuls konzipierten und realisierten Websites hydroflora.de und wiora.de wurden von einer unabhängigen Jury aus über 200 Einreichungen für das Finale nominiert und zählten damit zu den 16 besten hessischen Websites 2017.
»Ich bin beeindruckt und finde unsere neue Homepage wirklich sehr gelungen. Kompliment an alle, die daran mitgewirkt haben. Damit haben Sie einen großen Beitrag zur weiteren Stärkung und Verbesserung unseres Auftritts in der Öffentlichkeit geleistet.«
Andreas Fiedler
Personalleiter bei Fritz Winter
Einige unserer geschätzten Referenzkunden
