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:

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

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.

Webdesign Schmuckscheuer Heide Höhmwww.schmuckscheuer.de
Gerne wird auf der Startseite ein Slider verwendet, wenn Bilder oder auch Videos eingesetzt werden. Auf diese Weise entstehen erste Eindrücke, die mit kurzen Texten begleitet werden. Man kann direkt in die Beiträge einsteigen oder sich einen Überblick der Kategorien usw. auf der Startseite verschaffen. Der Aufwand des Webdesigns mit dem Anlegen der statischen Seiten, Beiträge, Einpflegen der Bilder und kleineren Design-Anpassungen entspricht dem Webpaket M.

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 Ingenieurbuero htp Weinheimwww.buerohtp.de
CMS und Responsive Webdesign für das Ingenieurbüro htp in Weinheim. Der Seitenkopf enthält die Collage, die das gesamte Erscheinungsbild der Firma repräsentiert – von der Webseite über den Flyer und andere Druckprodukte wie z.B. Schreibblöcke.

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 swing-company-heidelberg.dewww.swing-company-heidelberg.de
Für die Homepage der Big Band Swing Company aus Heidelberg habe ich ein CMS-System hinterlegt, welches ein Programmierer für meine Webseiten entwickelt hat. I.d.R. sind dabei die Ladezeiten kürzer.

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 secondhand buchenwww.secondhand-buchen.de
Webdesign für einen Secondhand-Laden in Buchen. Die Startseite lässt sich sehr flexibel gestalten – in diesem Fall mit einem Slider und verschiedenen Kategorien darunter. Ein WordPress-Theme, welches ich ein wenig umprogrammiert habe, damit das Design der Kundin die Seite bestimmt.

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 mit CMS HNO Bormannwww.bormann-hno-erfurt.de
Webseitengestaltung für eine Arztpraxis bei vorhandenem Logo. Auch bei dieser Seite können die Bilder und Texte in der CMS-Verwaltung vom Kunden selbst bearbeitet werden.

Webdesign-Referenzen in klassischer Gestaltung und Programmierung

Diese Webseiten entstanden vor der Umstellung auf Ausgaben für verschiedene Displaygrößen. Die Anpassung auf Responsive Webdesign könnten jedoch bei jedem Kunden vorgenommen werden. Bei diesen Seiten ist teilweise ein CMS zur selbständigen Pflege der Inhalte hinterlegt.