Smart Media Pro - TYPO3 Responsive Website

smart-media-pro.de - TYPO3 Responsive Website

Beratung von Herstellern, Händlern und Endverbrauchern die nach verständlicher Technik streben.

Egal, ob Sie herausfinden wollen, wie Sie Ihre Technikgeräte zu Hause optimal nutzen können, ein Produkt herstellen das für Ihre Zielgruppe verständlich sein soll oder Technik verkaufen und diese Ihren Kunden verständlich erklären wollen - Smart Media Pro informiert Sie wie Sie genau dies erreichen.

Diesem Technik-Wohlfühl-Prinzip folgt auch die Umsetzung der Website von Smart Media Pro. Denn auch hier wurde Wert darauf gelegt, dass der interessierte User das Medium zur Darstellung wählen kann, mit dem er sich am meisten wohl fühlt.

Das Zauberwort in diesem Kontext lautet "Responsive Web Design."

Vereinfacht gesagt bedeutet dies, dass die Webseite von Smart Media Pro sowohl für herkömmliche PCs und Macs, darüber hinaus aber auch für Tablets und Smartphones optimiert wurde.

Die Besonderheit  besteht darin, dass die Website für die mobilen Ausgabegeräte so angepasst wurde, dass optimierte Ansichten und Inhalte für die unterschiedlichen Geräte bzw. Auflösungen existieren und entsprechend angeordnet werden.

Das lästige Hinein- und Herauszoomen entfällt durch die Umsetzung als TYPO3 Responsive Website komplett.

Bei der Entwicklung wurden dabei die folgenden Bildschirmauflösungen für die unterschiedlichen Geräte berücksichtigt:

  • Große Displays / Widescreens - 1200 Pixel und mehr

  • Standardauflösung / Desktops und Tablets - 980 Pixel und mehr

  • Tablets Portraitmodus - 768 Pixel und mehr

  • Smartphones und Tablets - 767 Pixel und weniger

  • Smartphones - 480 Pixel und weniger

Ein Beispiel:
So wird aus Gründen der einfacheren Handhabung darauf verzichtet im Smartphone Hochformat ein Kontaktformular einzublenden - welches jedoch auf Tablets oder normalen PCs vorhanden ist. Stattdessen kann per Klick auf die Telefonnummer von Smart Media Pro direkt ein Anruf ausgelöst werden.

Für Smartphones werden vorhandene Bilder nicht einfach kleiner skaliert, sondern dynamisch durch kleinere Bildern ausgetauscht - dies spart wichtige Bandbreite beim Einsatz von Mobilgeräten.

Weitere Responsive Elemente sind die, sich dem Ausgabemedium und dem gewählten Format anpassenden Navigations- und Inhaltselemente die eine einfache Navigation und optimale Lesbarkeit gewährleisten.

Spezielle TYPO3 Responsive Extension von web-vision

Die von web-vision entwickelte TYPO3 Extension "hide on mobile" ermöglicht es dem Websitebetreiber im Backend von TYPO3 zu entscheiden, ob gewisse Inhalte für mobile Endgeräte oder Smartphones deaktiviert werden.

Die TYPO3 Extension "hide on mobile" wurde der TYPO3 Community auf der offiziellen typo3.org Seite zum Download zur Verfügung gestellt und steht aktuell dort zum Download zur Verfügung.