目立つ – medatsu

Ein Website-Theme für mehr Bild, Emotionen & Individualität!

Getreu dem Motto, Bilder sagen mehr als 1.000 Worte, rückt das Website-Theme medatsu Medieninhalte in den Fokus. Das Element Design für diverse toujou-Elemente ermöglicht einen individuellen und professionellen Onlineauftritt in wenigen Schritten – ganz ohne Programmierkenntnisse.

Auf einer medatsu-Seite umschauen  medatsu kostenlos ausprobieren

medatsu: Blickfang für mehr individuellen Spielraum

medatsu ist nach toujou, hissu und tabi das vierte Website-Theme in der toujou-Reihe. Die japanische Sprache diente auch dieses Mal zur Inspiration für den Namen. Am besten lässt sich medatsu über das Englische to stand out mit »herausstechen« oder »auffallen« ins Deutsche übersetzen. Und genau das tut medatsu: Das Theme ist ein Blickfang, Content lässt sich hierbei noch individueller ausspielen und Elemente nahtlos miteinander kombinieren.

In medatsu erhalten Sie einen größeren individuellen Spielraum: visuell, konzeptionell und redaktionell. 

• Visuell: Bilder sagen mehr als tausend Worte, heißt es so schön. medatsu legt den Fokus voll auf Bild- und Videocontent. Elemente nehmen im Vergleich zu den anderen toujou-Themes mehr Raum auf der Seite ein.
• Konzeptionell: Mit dem Feature Element Design für die zahlreichen Content-Elemente lässt sich eine Website mit medatsu entlang Ihrer Bedürfnisse gestalten und leicht verwalten.
• Redaktionell: Was Sie an konzeptioneller Vorarbeit geleistet haben, lässt sich im täglichen Arbeiten vollenden. Bedeutet: Mehr Optionen für Redakteure in der Art der Content-Produktion.

Highlights im Website-Theme

Teaser

Um Medienelemente in den Vordergrund zu stellen, bieten sich die zahlreichen Teaser an. So ist beispielsweise der Cinema-Teaser nicht nur im Medium-Text-Verhältnis von 50:50, sondern auch im Verhältnis von 66:33 und 33:66 verfügbar. Dabei ist sowohl das Medium links- oder rechtsbündig möglich. 

Ist der Content an einer Stelle doch etwas textlastiger, läuft das Medium mit dem Text weiter beim Scrollen. Auch im Format adaptiert sich das Medium automatisch. Wie Sie das Bild richtig auf Ihrer Website ausspielen, lesen Sie in unserem Tutorial Bildbearbeitung für TYPO3. 

Ein weiteres Medien-Element ist das Hero Medium 3:1, das sowohl als Headerbild als auch im Contentbereich in medatsu funktioniert. Es wird auf allen Endgeräten im festen Verhältnis von 3:1 wiedergegeben. Ist ein Link hinterlegt, dunkelt das Bild oder Video beim Mouseover automatisch ab. Wie sie es auf Ihrer Website einbinden, haben wir im Tutorial erläutert.

Individuelle Designauswahl für Elemente

Sie möchten ein Element farblich von anderen Elementen abheben oder gar innerhalb eines Elements unterschiedliche Akzente setzen? Bearbeiten Sie Hintergrundfarbe und Hintergrund einer Headline.

Nutzen Sie hierfür das Dropdown-Menü Element Design, das Ihnen in Elementen zur Verfügung steht. Zur Auswahl stehen hierbei vier Optionen: Standard, Primary, Secondary und umgekehrtes Design. Die ausgespielten Farben referenzieren dabei auf die unter den toujou settings eingestellten Farben. 

Navigation via Burger-Menü

Während die anderen Website-Themes tabi, hissu und toujou über eine integrierte Top-Bar verfügen, bietet medatsu im Bereich der Navigation ein Burger-Menü (Icon mit drei horizontalen Strichen). Darin erscheinen die jeweiligen Reiter auch im Desktop- bzw. Widescreenmodus erst durch Anklicken. So wird bereits im Kopfbereich mehr Platz für Bilder und Videos geschaffen.

Zugleich lässt sich zur Orientierung auf einer Seite ein Seiten-Inhaltsverzeichnis via Inpage Navigation umsetzen. Der optionale Call-to-action Button bietet eine weitere Verlinkungsmöglichkeit. Auch möglich: Das Element Prev/Next Button zeigt beim Mouseover direkt die in der Hierarchie-Ebene nächste Seite im Seitenbaum an und erleichtert so das Navigieren auf der Website zusätzlich.

Abgerundet wird die Navigation im medatsu durch die Option von Navigation-Icons. Diese werden in der Topbar direkt neben dem Burger-Menü angezeigt und ermöglichen so eine direkte Verlinkung auf die gewünschten Seiten.

Selbstverständlich kann medatsu, genauso wie alle anderen toujou-Themes, responsives Design und ist damit bestens für mobile first gerüstet. Gepaart mit unserer langjährigen Erfahrung aus diversen Webprojekten erwartet Sie also ein Website-Theme mit bewährter Usability und Lesefreundlichkeit. 

Auf einer medatsu-Seite inspirieren lassen Kostenlos medatsu testen

---

Funktionen für alle Themes verfügbar

In der Tradition von toujou stehen die aufgeführten Elemente wie z.B. Cinema-Teaser und Inpage-Navigation in den anderen Website-Themes ebenfalls zur Verfügung. Sie müssen also keinesfalls auf diese Möglichkeiten verzichten, wenn tabi, hissu oder toujou besser zu Ihren Vorstellungen und Inhalten passt. 

Natürlich können Sie in medatsu alle individuellen Einstellungen wie die Schriftart und die CI-Farben jederzeit selbst editieren. Auch der Theme-Switch ist jederzeit möglich. Unter Umständen kann es allerdings zur optischen Notwendigkeit von Nachbesserungen bei einzelnen Elementen kommen. 

Hinweis für toujou-Kunden, die mit Ihrer Website bereits online sind: Von einer Live-Umstellung auf medatsu raten wir dringend ab. Bitte kontaktieren Sie uns bei Interesse, bevor Sie das Theme umstellen.

Damit bietet medatsu vielen Agenturen eine inspirierende Design-Vorlage für moderne Website-Projekte mit den eigenen Kunden. Innerhalb des toujou-Systems sind Designanpassungen in einem Kunden-Pitch innerhalb von Sekunden möglich. Das erspart auch im weiteren Projektverlauf Abstimmungsschleifen. Genauso bietet dieses Website-Theme allen kleinen und mittelständischen Unternehmen die Möglichkeit auf individuelle Internetauftritte in modernem Design. medatsu ist demnach ein Website-Theme nicht nur für Agenturen.

Inspirieren lassen medatsu jetzt testen  Branchen-Templates

---