Die Gestaltung Ihrer Homepage
Webseiten kann heute jeder selbständig verwalten, wenn Content-Management-Systeme (CMS) eingesetzt werden. Damit können Sie Ihre Inhalte in einer zentralen Bedienung bearbeiten. Mittlerweile wird bei jeder Webseite auch das sog. Responsive Webdesign berücksichtigt, d.h. dass die Seite für verschieden große Displays (Monitore, Notebooks, Tablets, iPads und Smartphones) optimiert wird. Verschiedene Vorlagen für die Seitenaufteilung haben sich bewährt. Sie wählen die gewünschte Aufteilung, die ich mit Ihrem Logo, Ihren Firmenfarben und Schriftbild abstimme. Sie können dabei zwischen drei Webdesign-Paketen wählen, die sich in einer grundlegenden Funktionalität bis zu mehr Specials unterscheiden:
Webdesign S Webdesign M Webdesign L
Beispiele von Webseiten mit CMS im Responsive Webdesign:
www.solidaritaet-schafft-zukunft.de
Die Stiftung Solidarität schafft Zukunft stellt sich vor und informiert über ihre Projekte in Afrika und Nepal sowie über die Möglichkeit zu spenden. Die Projekte werden auf der Startseite in Kurzform angezeigt und auf den Folgeseiten vertieft.
www.paar-familientherapie.org
Institut für Psychoanalytische Paar- und Familientherapie Göttingen.Hamburg.Heidelberg
Die Seite informiert ausgiebig über Weiterbildungen für Psychotherapeuten, was neben der Gestaltung gut strukturiert werden musste.
www.bvppf.de
Bundesverband Psychoanalytische Paar- und Familientherapie
Umfangreiche Informationen wurden teils mit Hilfe von sogenannten Akkordeons und Tabs formatiert. So lässt sich der Text übersichtlicher gliedern, nach Bedarf des Besuchers öffnen und „erschlägt“ den Betrachter nicht sogleich.
www.algos.de
Eine One-Page-Site: Alles befindet sich auf der Startseite. In diesem Fall der Firma Algos GmbH sollten nur die Kontaktdaten den Seiteninhalt füllen. Dabei erscheint zunächst das Logo auf einem bildschirmfüllenden Hintergrundbild. Webpaket S
www.redaktion-sachtext.de
Die Webseite von der Lektorin Dietlind Grüne im Rahmen des Webpaket S . Die Gestaltung lebt von den farbigen Origami-Vögeln und ist im Seitenkopf, Seiteninhalt und Seitenfuß bewusst schlicht gehalten.
www.ingenieur-borszik.de
Die Gestaltung des Webdesigns für das Ingenieurbüro Borszik war verbunden mit der Entwicklung des Logos und der Geschäftsausstattung. Aus dem Logo leiten sich die Grafiken auf der Webseite ab, die für die 4 Hauptkategorien eingesetzt werden. Daraus ergibt sich ein elegantes Design, welches dem Webpaket M entspricht.
www.psychotherapie-stasch.de
Auf Grundlage eines bestehenden Logos in Rot auf strukturiertem warmtonigem Papier sollte das Webdesign entwickelt werden. In der Vorbesprechung wurden gemeinsam Möglichkeiten der Gestaltung erörtert, woraus sich das Konzept der Praxisfotos in verschiedenen Details für den Seitenkopf ergab. Die rote Grundfarbe des Logos in Überschriften, Links und verschiedenen Elementen vermitteln zusammen mit der Papierstruktur im Hintergrund einen warmen entgegenkommenden Eindruck. Gestaltungsumfang: Webpaket M
www.praxis-grupp.de
Die Gestaltung dieser Seite lebt primär von den sich abwechselnden Fotos im Seitenkopf, welche die Kundin zur Verfügung gestellt hat. Im Webpaket S werden Schrift, Farbigkeit, Navigation, Seitenaufteilung und Seitenfuß in Feinabstimmung eingerichtet.
www.sprachgestaltung-heidelberg.de von Ulrike Wälde Das bewährte Webdesign mit Seitenkopf ist immer wieder anders durch Bild, Farbe und Gestaltung der Inhalte. Hier kommt außerdem noch das Textspiel in den grünen Feldern als spielerischer Eyecatcher hinzu. Der Aufwand ging etwas über das Basispaket hinaus und lag zwischen Webpaket S und Webpaket M.
www.katja-mellenthin.de
Ein Auftrag für eine einfache Webseite im klassischen Aufbau. Dadurch dass Farben und Form des Logos fortgesetzt werden, ist sie bei aller Schlichtheit sehr individuell. Der Kosten- und Leistungsrahmen entspricht dem Webpaket S.
www.waescherei-dobrovsky.de
Eine Webseite mit Slider, der mit einem Video, verschiedenen Bildern und animierten Schriften gestaltet ist. Der zusätzliche Seitenfuß zeigt übersichtlich und informativ die Kontaktdaten, Öffnungszeiten und die aktuellen Hinweise in einem Beitrags-„Karussell“. Der Preis dieser Webseite orientiert sich an dem Webpaket M zuzüglich einiger Sonderleistungen.
www.www.spd-heidelberg.de
Die Webseite hat ein klares Konzept: Slider, News-Karussel, Kalender, Newsletter, Social Media Verlinkung und übersichtliche Darstellungen Ihrer Verantwortlichen und Ortsvereine. Natürlich in den Farben des Corporate Designs. Die etwas aufwändigere Erstellung fällt unter das Webpaket L.
www.lilyscaravanboutique.de
Für jede Webseite, basierend auf WordPress, lassen sich die Funktionen beliebig erweitern. Bei Lily’s Caravan Boutique wurde eine Buchungs-Software eingefügt. Die verwendete Design-Vorlage habe ich auch hier wieder den Wünschen und Bedürfnissen des Kunden individuell angepasst. Das Theme beinhaltet viele Möglichkeiten in der Gestaltung von Text und Bildern. Die Umsetzung entsprach dem Webpaket L.
www.psychotherapiereich.de
Die Auswahl des WordPress-Layouts fiel auf ein rein typografisch gestaltetes Theme. Die Funktionalität des Layouts ist sehr groß und könnte in der Gestaltung in verschiedener Weise erweitert und verändert werden. Bei dieser Seite sollte das Webdesign möglichst schlichte sein. Der Umfang der Einrichtung dieser Seite entspricht dem Webdesign M.
www.compass-bridge.de
Das Responsive Webdesign mit CMS für einen Bridge-Lehrer mit Seminaren und Reisen und dementsprechend umfangreichen Funktionen: Carousel-Gallery der Reisen, Besucher können Reiseberichte verfassen, umfangreiche Formulare, Status „ausgebucht“ setzen, viele Funktionen in der Verwaltung und wie alle meine Webseiten natürlich DSGVO-konform! Hier sind wir beim Webpaket L.
www.becker-dolmetschen.de
CMS und Responsive Webdesign. Eine Vorlage, die in sich sehr flexibel ist. Die Bilder, Farben, Hintergründe, das Schriftbild und die Proportionen tragen dazu bei, ein individuelles Erscheinungsbild zu erzielen. Ähnliche Seitenelemente wie Seitenkopf, Navigations-Menü, Sidebar und Inhalt sind heutzutage Standard und unterscheiden sich nur gestalterisch.
www.logopaedie-bg-heidelberg.de
CMS und Responsive Webdesign für die Logopädische Praxisgemeinschaft in Heidelberg-Handschhsheim. Die Bilder im Seitenkopf tauschen sich per Zufallsgenerator aus.
www.psychotherapiekriebel.de und
www.psychotherapiemayer.de
Das Webdesign der Psychotherapeuten Achim Kriebel und Martin Mayer sind in Aufbau, Farb- und Schriftgestaltung identisch.
Beide teilen ein Design ihrer Praxisgemeinschaft. Lediglich die Bilder und Beschreibungen sind individuell verschieden. Auch diese Seiten wurde mit WordPress als CMS erstellt.
www.antje-bothe-immobilien.de
Ein WordPress-CMS mit Immobilien-Plugin. Die Kundin verwaltet Ihre Objekte in einer zentralen Makler-Software, aus der sie die Immobilien mit allen Informationen auf verschiedenen Plattformen und Ihrer Webseite veröffentlichen kann.
http://www.schoeffel-online.de/
Webdesign für die Firma Schöffel aus Mannheim. Jede Kategorie wird durch ein Hintergrundbild gestalterisch unterstützt. In der Version für Smartphones sind die Hintergrundbilder ausgeblendet, so dass längere Ladezeiten vermieden werden. Als Basis-Software für das CMS verwendete ich Wordpress.
www.psychotherapeutische-praxis-heidelberg.de
mit Praxis in Heidelberg. Die verschiedenen Einzelseiten werden von Farbflächen begleitet. Diese werden je nach Displaygröße reduziert bzw. ausgeblendet. Navigation und Inhalt passen sich flexibel an. Auch bei dieser Webseite kam das selbst entwickelte CMS zum Einsatz.
www.dndunlop-institut.de
Das Webdesign des D. N. Dnlop Institut – mit WordPress als CMS. Das Layout passe ich für jeden Kunden individuell in Farben, Schrift, Aufteilung und Funktionalität an.
www.kunst-heidelberg.de
Meine Seite für die Präsentation meiner künstlerischer Arbeiten. Auf der Startseite erscheinen die aktuellen Veröffentlichungen mit Bild und Untertitel. Es gibt verschiedene WordPress-Themes für Künstler. Ich empfehle sehr schlichte Seiten mit weißem oder einfarbigem Hintergrund, damit die Bilder selbst gut herauskommen.
www.mylogodesign.de
mit diesem WordPress-Theme lassen sich mehrspaltige Seiten mit Bildern einrichten. Ideal für Künstler-Webseiten.
www.yoga-in-heidelberg.de
Modernes CMS in Responsive-Webdesign mit Slider (eine Art Diashow, die der Besucher navigieren kann). Die Bilder erscheinen in der Seitenbreite und können mit Text angezeigt werden. Wie bei allen WordPress-Themes kann die Startseite individuell gestaltet werden. Ein Beispiel für das Webdesign M-L, je nachdem, welche Funktionen integriert werden.