Suche
  • Logos, Grafik- & Webdesign in Heidelberg
  • professionelle Gestaltung in einer Linie
Suche Menü

Webdesign

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:

Responsive Darstellung für die Stiftung Solidarität schafft Zukunftwww.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.

Responsive Darstelung für das Institut für Psychoanalytische Paar- und Familientherapiewww.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.

Responsive-Darstellung BvPPFwww.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.

Webdesign für Algos GmbHwww.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

Webdesign Dietlind Grünewww.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.

Webdesign Ingenieurbüro Borszikwww.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.

Webdesign Psychotherapie Staschwww.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

Webdesign Dr. med. Kristin Gruppwww.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.

Webdesign Ulrike Wäldewww.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.

Webdesign Katja Mellenthinwww.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.

Responsive Webdesign Wäscherei Dobrovskywww.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.

Responsive Webdesign SPD Heidelbergwww.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.

Webdesign Lily's Caravan Boutiquewww.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.

Responsive Ansicht psychotherapiereich.dewww.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.

Webdesign Bridge-Reisen www.compass-bridge.dewww.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.

Responsive Webdesign becker-dolmetschen.dewww.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.

Responsive Webdesign Logopädie Beck Geissler in Heidelbergwww.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.

Responsive Webdesign Martin Mayerwww.psychotherapiekriebel.de und
www.psychotherapiemayer.de
Das Webdesign der Psychotherapeuten Achim Kriebel und Martin Mayer sind in Aufbau, Farb- und Schriftgestaltung identisch.

Responsive Webdesign Achim KriebelBeide teilen ein Design ihrer Praxisgemeinschaft. Lediglich die Bilder und Beschreibungen sind individuell verschieden. Auch diese Seiten wurde mit WordPress als CMS erstellt.

Responsive Webdesign antje bothe Immobilienwww.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.

Responsive Webdesign Schoeffel Mannheim 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.

Responsive Webdesign Psychotherapie Matthias Richter Heidelbergwww.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.

Responsive Webdesign D. N. Dnlop Institutwww.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.

Responsive Webdesign Kunst in Heidelbergwww.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.

Responsive Webdesign mylogodesign www.mylogodesign.de
mit diesem WordPress-Theme lassen sich mehrspaltige Seiten mit Bildern einrichten. Ideal für Künstler-Webseiten.

Webdesign adhikara Yogaschulewww.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.