Zur Deutsche UPA-Webdesign Seite Naar de Nederlandse site: UPA-Webdesign

Business Starter 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 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.

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 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 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 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 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 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 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.

Template 20

Das nostalgisch und doch modern wirkende Template 20 ist fest auf dem Mittelpunkt des Bildschirms verankert. Lediglich der Content kann gescrollt werden. Der Content-Bereich verfügt über einen Scroll-Balken in individuellem Design. Das Hauptmenü ist vertikal, am unteren Rand der Sidebar, links platziert. Untermenüs werden, zwischen Sidebar und Content mit transparentem Hintergrund, über dem Bild eingeblendet. In der Sidebar können zusätzlich Kontaktinformationen oder andere Informationen, die auf jeder Seite erscheinen sollen, aufgeführt werden.

Template 19

Das verspielte Design des Template 19 eignet sich z.B. für Anbieter von Kindermoden oder Spielwaren sowie für soziale bzw. pädagogische Bereiche, wie Kindergärten und Grundschulen. Das Hauptmenü ist horizontal im Fuß der Seite platziert. In der Sidebar (rechts) können Kontaktdaten oder andere Informationen, die auf jeder Seite erscheinen sollen, aufgeführt werden. In dieser Galerie sehen Sie verschiedene Farbkombinationen. Wie bei jedem unserer Templates können Sie auch bei Template 19 die Farbkombination selbst zusammenstellen.

Template 18

Das Template 18 enthält fünf verschiedenfarbige Widgets im Kopfbereich, in dem Bilder und Text sowie Hyperlinks abgebildet werden. Darunter ist ein bedienbarer Slider, in dem Bilder und Text von rechts nach links gescrollt werden können. Die jeweiligen Bilder können mit Webseiten verlinkt werden. Das Template 18 ist universal einsetzbar. Das Hauptmenü ist horizontal, oben rechts neben dem Logo platziert. Untermenüs werden mittels Dropdown dargestellt. In der Sidebar (rechts) können Informationen, die auf jeder Seite erscheinen sollen, aufgeführt werden.

Template 17

Das Template 17 verhält sich, je nach aufgerufenem Hauptmenüpunkt, wie ein Chamäleon: Kopf und Fuß der Seite werden in der Farbe des Hauptmenüpunktes dargestellt. Das Template 17 eignet sich z.B. für Unternehmen, die über eine farbenfrohe CI verfügen. Das Hauptmenü ist horizontal über die ganze Seitenbreite dargestellt und verhält sich wie eine Klaviertastatur. Untermenüs werden mittels Dropdown dargestellt. In der Sidebar (links) können Kontaktdaten oder andere Informationen, die auf jeder Seite erscheinen sollen, dargestellt werden.

Template 16

Das Template 16 besticht durch die Text- und Bilderrahmen im Design von Sofortbildkamerafotos. Auch die Sidebar ähnelt diesem Stil. Das Template 16 eignet sich z.B. für Unternehmen aus der Medienbranche. Das Hauptmenü ist horizontal über die ganze Seitenbreite dargestellt. Untermenüs werden mittels Dropdown dargestellt. In der Sidebar rechts können Kontaktdaten oder andere Informationen, die auf jeder Seite erscheinen sollen, dargestellt werden. Das Template 16 kann in Ihren gewünschten Farbkombinationen dargestellt werden.

Template 15

Das moderne Design des Template 15 hebt sich von anderen Websites deutlich ab. Das Template 15 eignet sich beispielsweise für Unternehmen aus den Branchen Bürobedarf oder Verwaltung. Das Hauptmenü wird groß und deutlich abgebildet. Untermenüs werden in einem Inline-Popup dargestellt. In der Sidebar (links) können beim Template 15 Kontaktinformationen oder andere Informationen, die auf jeder Seite erscheinen sollen, dargestellt werden. Dieses Template kann natürlich in Ihren gewünschten Farbkombinationen dargestellt werden.

Template 14

Das Template 14 besticht durch sein modernes Flair. Dieses Template eignet sich beispielsweise für Unternehmen aus dem Lifestyle- oder Beautybereich.

Template 13

Template 13 wurde für die Bereiche Beauty und Lifestyle konzipiert. Dadurch eignet sich dieses Template mit modernem Design besonders für Unternehmenswebseiten aus den Bereichen Beauty, Lifestyle und ähnlichen Themengebieten.

Template 12

Das Design von Template 12 strahlt, trotz seiner Übersichtlichkeit, Exklusivität aus.
Der Kopfbereich ist in zwei Bereiche aufgeteilt, um Logos besonders hervorzuheben. Der rechte Seitenbereich wird mit Hilfe eines Banners vom eigentlichen Inhalt getrennt, sodass das Hauptaugenmerk auf den Inhalt der Webseite gelenkt wird.

Template 11

Das Template 11 besticht besonders durch sein wellenförmiges Design.
Der große Kopfbereich bietet reichlich Platz, um dort ein Foto in angemessener Größe zu hinterlegen, z.B. das Firmenlogo vom eigenen Betrieb.

Template 10

Im Kopfbereich des Template 10 befindet sich die Navigation, die sich bei Auswahl farblich ändert. Unterhalb der Navigation befindet sich eine Grafik, die sich mit ihrer Größe an den Inhalt der Seite anpasst. Unterhalb der Grafik befindet sich ein breiter Balken, der in einer Abstufung der Headerfarbe dargestellt wird. Dadurch entsteht ein harmonisches Gesamtbild. Diese Farbe wird auch für die Überschriften, Unterstriche und Bildumrandungen eingesetzt.

Template 09

Das Template 09 verfügt über eine linksbündige Navigation, bei der die aktuell angezeigte Seite deutlich hervorgehoben wird. Des Weiteren ist die Navigation mit einem dezenten Farbverlauf hinterlegt. Die Farbe in der Navigation findet sich in den Überschriften wieder. Diese werden zusätzlich durch einen Unterstrich, der sich über die gesamte Spalte erstreckt, betont.

Template 08

Das Template 08 verfügt über besonders große Felder in der Navigation und ist deshalb auch für längere Menütitel geeignet, die bei einer Auswahl farbig hinterlegt werden. Der Textbereich ist ebenfalls groß gehalten, um viel Platz für Texte zu bieten. Das Logo und die Headergrafik sind hier im rechten Seitenbereich und fallen dem Betrachter somit schneller auf.

Template 07

Im oberen Bereich des Template 07 befindet sich die linksbündige Navigation, über dem Kopfbereich der Seite. Der ausgewählte Menüpunkt wird farbig unterlegt, um die Navigation zu erleichtern.
Der große Bereich für Grafik im Head kann individuell mit Grafiken gefüllt werden oder für eine optionale Slideshow mit automatisch wechselnden Bildern genutzt werden. Die Texte in der rechten, schmaleren Spalte werden durch unterlegte Boxen hervorgehoben.

Template 06

Das Template 06 ist, auf Grund des vielen Platzes, gut geeignet für Seiten mit größeren Textinhalten.
Die Navigationsleiste und die Überschriften in der rechten Spalte werden durch ihre Farbgebung hervorgehoben und sind für den Besucher leicht zu erkennen. Auf der linken Seite befindet sich der Text, der durch einen farbigen Balken von der rechten Spalte getrennt wird.

Template 05

Bei dem Template 05 steht schlichtes Design, mit einem einzelnen besonderen Eye-Catcher, im Vordergrund.
Die rechtsbündige und farblich leicht unterlegte Navigation ist halbtransparent, wodurch ein Hintergrundbild durchscheinen kann. Beim Auswählen eines Menüpunktes ändert sich dessen Farbe und die ausgewählte Seite ist deutlich zu erkennen.

Template 04

Bei dem Template 04 ist im Kopfbereich viel Platz für eine aussagekräftige Grafik. Die Grafik bestimmt maßgeblich den ersten Eindruck der Besucher der Webseite. Oberhalb der Grafik befindet sich der Navigationsbereich, in dem die aktuelle Seite farbig hervorgehoben wird. Unterhalb befindet sich viel Platz für Text und weitere kleinere Bilder, die an die obere Grafik anknüpfen können.

Template 03

Bei dem Template 03 wird mit dezenten Farbübergängen, Rastergrafiken und abgerundeten Ecken im Navigationsbereich gearbeitet. Dadurch werden harte Übergänge vermieden, die den Betrachter stören könnten und das Design wirkt ansprechender. Der Kopfbereich ist farblich über die gesamte Bildschirmbreite abgesetzt, wodurch der Textbereich und die Navigation im Vorderbereich liegen. Im oberen Bereich befindet sich die Navigation, bei der die ausgewählte Seite durch farbige Hinterlegung angedeutet wird.

Template 02

Das Template 02 besitzt eine Breite von 960px mit einem breiten Textbereich von 600px, der viel Platz für Informationen bietet. Die Farben sind individuell auf jedes Design abstimmbar. Im oberen Bereich ist die Navigation, mit Hervorhebung der aktuellen angezeigten Seite, linksbündig angeordnet. Das hat den Vorteil, dass der Besucher sofort erkennen kann, auf welcher Seite er sich befindet.

Template 01

Das Template 01 besitzt eine Breite von 960px, welche ideal auf allen gängigen Monitoren zu betrachten ist und somit seinen Zweck uneingeschränkt erfüllen kann. Die Farben sind im Kopf- und Fußbereich in verschiedenen Variationen wählbar, wodurch jedes Design individuell angepasst werden kann. Zusätzlich wird das Logo hervorgehoben und sticht dem Betrachter so schneller ins Auge.