+49 (0)2821 - 7203 - 151

Templates | Blog

Templates

Mit unserer Business Starter Webseite bekommen Sie eine eigene Webseite, ohne großen Aufwand dafür betreiben zu müssen.
Wählen Sie einfach eins unserer „Buiness Starter Templates“ aus und lassen Sie dieses durch unsere Mitarbeiter an Ihre CI (Corporate Identity, dt. Firmenfarben) anpassen.

Responsive Webdesign & statisches Webdesign

Responsive Webdesign (im deutschsprachigen Raum auch responsives Webdesign genannt) bedeutet, dass die Darstellung der Webseite variieren kann, je nachdem von welchem Endgerät aus die Seite abgerufen wird. So kann eine Webseite beispielsweise auf einem Desktop-Computer, Netbook, Tablet oder Smartphone gezielt unterschiedlich dargestellt werden. Durch responsive Webdesign kann die Bedienbarkeit einer Webseite entscheidend verbessert oder überhaupt erst ermöglicht werden. Dies gilt umso mehr, je kleiner das jeweilige Display ist, auf dem eine Webseite dargestellt werden soll. Eine Smartphone-Uhr lässt zum Beispiel wenig Spielraum für die Darstellung.

Statisches Webdesign bedeutet, dass die Inhalte einer Seite nicht speziell für unterschiedlich dimensionierte Ausgabegeräte optimiert wurden. Die Darstellung auf kleineren Bildschirmen, etwa von einem Smartphone, kann dadurch fehlerhaft sein. Das Gleiche gilt für die Bedienbarkeit der Webseite. Statisches Webdesign wird in erster Linie für Webseiten genutzt, die überwiegend von ähnlichen Endgeräten aus abgerufen werden. Statisches Webdesign ist in der Regel günstiger, da beim responsive Webdesign (teils erheblich) komplexere Programmierarbeiten durchgeführt werden müssen.

Für eine eingehende Beratung steht Ihnen unser Webdesign-Team natürlich sehr gerne zur Verfügung.

Responsive Template A

Responsive Template A

Das Template A ist in neutralem Design gehalten und eignet sich für verschiedenste Branchen. Es beinhaltet links im Header ein schmales Logo und rechts eine horizontale Menüleiste. Unter der Menüleiste befinden sich in der Sidebar rechts, zwei Call-to-Action-Buttons, Social-Media-Buttons und weitere Widgets. Unter dem Logo im Header beginnt der Content-Bereich z.B mit einer größeren Grafik, Fließtext und Aufzählungen. Das Template ist responsive, das bedeutet Menüleisten, Grafiken und Widgets passen sich automatisch an das Endgerät an.

Responsive Template B

Responsive Template B

Template B hat ein seriöses, klares Design. Dazu gehören u.a. nicht abgerundete Ecken und deutlich voneinander getrennte Bereiche. Der breite Header (911px * 173px) beinhaltet links ein Logo (298px * 104px) und unten eine horizontale Menüleiste. Bündig mit dem Logo findet man in der Sidebar (links) Widgets. Unter der Menüleiste, neben der Sidebar, ist der Content-Bereich positioniert worden. Darunter sind wiederum Widgets. Korrekte Darstellung auf Netbooks, Tablets und Smartphones durch Responsive Webdesign.

Responsive Template C

Responsive Template C

Template C eignet sich sehr gut als Homepage oder Landingpage für Geschäfte u.ä.. Oben in der linken Sidebar prangt ein Logo (294px * 42px.). Darunter befindet sich ein vertikales Menü, das unbegrenzt viele Menüpunkte enthalten kann. Zudem können in der Sidebar die Öffnungszeiten und Kontaktdaten präsentiert werden, so dass diese hervorstechen. Oben rechts im Header wurden Social-Media-Buttons platziert. Darunter ist eine Grafik (271px * 149px) und ein Call-to-Action-Button. Der Content-Bereich kann beliebig befüllt werden.

Responsive Template D

Responsive Template D

Bei Template D befindet sich oben links im Header ein Logo (312px * 89px). Daneben wurden Call-to-Action-Buttons positioniert. Darunter erstreckt sich ein horizontales Menü, eine Grafik (590px * 234px) und ein Widget. Unter der Grafik befindet sich, in gleicher Breite, der Content-Bereich. Rechts unter dem Widget wurde die Sidebar platziert. In der Sidebar können z.B. Öffnungszeiten und Adressdaten hervorragend präsentiert werden. Im schmalen Footer findet sich Platz für Social-Media-Buttons und Verweise, etwa zum Impressum.

Responsive Template E

Responsive Template E

Template E wurde verspielt und farbenfroh designed. Es verfügt über einen sehr großen Header mit einem Logo (329px * 50px) in der oberen, linken Ecke. Rechts neben dem Logo befindet sich ein horizontales Menü. Darunter erstreckt sich ein Slider über die gesamte Breite des Headers. Mittig, unter dem Slider, wurde ein Call-to-Action-Button platziert. Die rechte Sidebar bietet Raum für ein vertikales Menü mit bis zu 6 Menüpunkten. Der Content-Bereich kann beliebig befüllt werden. Responsive Webdesign sorgt für eine korrekte Darstellung der Seite auf Tablets und Smartphones.

Responsive Template F

Responsive Template F

Template F wurde sehr modern und peppig designed. Es ist ideal für innovative Unternehmen, die sich an eine junge Zielgruppe wenden. Die Sidebar erstreckt sich über die komplette linke Seite, mit einem vertikalen Menü oben und Widgets darunter. Links im Header (und mittig im Template) ist eine quadratische Grafik (445px * 445px) positioniert worden. Rechts neben der Grafik befindet sich ein Logo (190px * 59px), darunter zwei Call-to-Action-Buttons. Unter dem Header beginnt der Content-Bereich. Responsive Webdesign sorgt für die richtige Darstellung.

Responsive Template G

Responsive Template G

Bei Template G sind oben, rechts im Header Social-Media-Buttons platziert worden. Darunter befindet sich links ein kleines Feld für Firmenlogos und Firmennamen. Rechts davon ist Platz für eine große Grafik. Unter dem Logo befindet sich ein vertikales Menü, das bündig mit der großen Grafik abschließt. Unter dem Menü beginnt die Sidebar, in der z.B. Öffnungszeiten und Adressdaten hinterlegt werden können. Rechts neben der Sidebar und unter der Grafik ist der Content-Bereich positioniert worden. Im Footer können Verweise stehen.

Responsive Template H

Responsive Template H

Template H hat ein modernes, klares Design. Oben links ist ein rechteckiges Feld für Logos (273px * 128px) positioniert worden. Das Feld liegt teils auf einer vertikalen Menüleiste (6-7 Menüpunkte) und teils auf einem großen Slider. Unter dem Slider beginnt der Content-Bereich, der z.B. mit Fließtext und Auflistungen befüllt werden kann. Im unteren Teil des Content-Bereichs finden sich 3 Widgets, etwa für Kontaktdaten und Call-to-Action-Buttons. Weitere Verweise können im Footer untergebracht werden.