Loading...

Was ist die Responsive Webdesign Technik?

Diese Technik ermöglicht eine dynamische Anpassung von Layout und Inhalt einer Website an die Größe und Ausrichtung des Geräts des Nutzers und schafft damit eine optimale Benutzererfahrung auf allen gängigen PCs, Tablets und Smartphones.

Website Vorschau auf verschiedenen Ausgabegeräten

Webgestaltung in der zeitgemäßen Responsive Webdesign Technik

Responsive Webdesign” bedeutet im übertragenen Sinne "reagierendes Webdesign". Die Inhalts- und Navigationselemente sowie auch der strukturelle Aufbau einer Website passen sich der Bildschirmauflösung des Endgeräts an.
Es verändert seine Darstellung, reagiert dabei auf die Größe des Browserfensters. Die Responsive Webdesign Technik wurde entwickelt, um auf mobilen Geräten eine möglichst gute Darstellung zu gewährleisten.

Responsive Webdesign Technik

Grafische Ansicht der Responsive Webdesign Technik

Webseiten in der Responsive Webdesign Technik liegt ein “flüssiges Raster” zugrunde. Enthaltene Bilder, Texte und Videos sind dabei größenvariabel und machen das “Responsive Webdesign” perfekt für mobile Endgeräte.

Standard Auflösungen von Desktops, Smartphones und Tablets

Computer-Desktops:

1024px+

Smartphones:

320px bis 480px

Tablets:

768px bis 1024px

Einen Blog auf der Website

Ich biete Ihnen ein Blog-System an, welches wirklich einfach zu bedienen ist.

Offenes Buch zeigt verschiedene Seiten.

Blog-Webseiten

Einfach Online-Inhalte erstellen, veröffentlichen und verwalten!
Sprechen Sie mich an, um mehr zu erfahren.

Blog
Ich biete Ihnen ein Blog-System für die Website an, welches einfach zu bedienen ist.
  • Weblog/Blog-Inhalte selber managen
  • Einfach und schnell über ihren Webbrowser
Was ist ein Blog / ein Weblog?
Ein Weblog ist meist eine chronologisch abwärts sortierte Liste von Einträgen. Der Blogger ist Hauptverfasser des Inhalts, und häufig sind die Beiträge aus der Ich-Perspektive geschrieben ….. Wikipedia

Ich verzichte bewusst auf überkomplexe Systeme wie Joomla, Typo3 oder WordPress, die ohne Einarbeitung und Schulung von Ihnen nicht zu bewältigen wären. Stattdessen biete ich Ihnen individuell ein sehr anwenderfreundliches und effektives Blog-System an, mit dem Sie sehr leicht zurechtkommen.

Meine Blog Erweiterung für Webseiten sollen vor allem eins ermöglichen: Online-Inhalte zu erstellen, zu veröffentlichen und einfach zu verwalten!

Durch eine Blog-Webseite Inhalte selber managen. Einfach und schnell über ihren Webbrowser.

Beispiele von Blogseiten

Blog = Online-Inhalte erstellen, veröffentlichen und verwalten. Im Angebot seit Anfang 2022.
Einmaliger Preis
120,- €
Ab 2022 erstellte Blog-Webseiten, als Ergänzung zur bestehenden Website
Website Fischer
Website Gottsberg
Website Künstlerhaus Hamburg-Bergedorf
Blogseite Scheuvens Music
Website Michaela Zach Blog
Blogseite von Auswandern nach Canada
Blog Newsseite von Scheuvens Management

Neueste Webseiten

Aktuelle schauWEB Webseiten
Erstellt und betreut von schauWEB

Kleiner grüner Buntstift

Neue White-Label Website erstellt
Desktop Computer mit White-Label.
Wellness-Massagen für die Frau
Website für Edyta Spottek, Wellnessmassage-Praktikerin
Darstellung der Homepage von Edyta Spottek mit Wellness-Massagen auf einem iPad.
Darstellung der Website von Edyta Spottek auf einem Desktop Monitor.

Neue Kraft schöpfen mit Wellness-Massagen

Insbesondere Frauen bewältigen oft viele Aufgaben und Herausforderungen gleichzeitig. Dabei stecken sie oft im Alltagsstress fest, vergessen ihre eigenen Bedürfnisse und verlieren den Zugang zu ihrer Mitte.
Bei Edyta Spottek können Sie In einem schönen Ambiente und bei sanfter Musik zur Ruhe kommen, loslassen und neue Kraft schöpfen.

Die 350. Website von schauWEB!
scheuvens-management.de
Homepage der Website scheuvens-management.de
Musik- und Videoproduktionen auf der Website Scheuvens Management

Leidenschaft für Musik und Showbusiness

Ich freue mich, das meine 350. Kunden-Website an David Scheuvens aus Essen in Nordrhein-Westfalen geht.
David Scheuvens ist seit 2017 als Künstlermanager tätig.
Zahlreiche Webseiten sind bereits für Herrn Scheuvens Künstler entstanden.
Nun war eine komplette Erneuerung seiner "Management Website" nötig. Die neue Website verfügt über ein Blogsystem und über ein einfaches CMS System, um Inhalte selbst bearbeiten zu können.

Einsamkeit - Aufmerksamkeit - Gesundung
einsamkeit-aufmerksamkeit.de
Vorschau der Homepage von Ernst Ehrl

Schritte - hin zu mehr Leichtigkeit im Leben

"Ich widme Ihnen meine Lebenszeit und teile meine Erfahrungen.
Die Aufgabe besteht zunächst darin, Ihnen Aufmerksamkeit zu geben, vorwiegend im Zuhören, um anschließend auf die von Ihnen gewünschte Themen im Detail einzugehen. Die Anamnese findet während des Gespräches statt."

Die Website wurde mit einem CMS System versehen, um Texte einfach selbst aktualisieren zu können.

Redesign der Website
stefanie-seitz.de

Stefanie Seitz aus München ist Bühnen- und Kostümbildnerin an verschiedenen europäischen Theater-und Opernhäusern. Die bewusst schlicht gehaltenen Seiten beinhalten, neben einer ausführlichen Vita und Werkschau, eine Auswahl ihrer Arbeiten als Bühnen- und Kostümbildnerin, sowie Malerei auf Leinwand.

Homepage der Website von Stefanie Seitz
Bühnenbilder Website
Webseite Stefanie Seitz Vita

Seit 2013 besteht die Website von Stefanie Seitz. 2020 wurde die Website komplett erneuert, jetzt erfolgte eine Überarbeitung des CMS Systems und Designanpassungen, notwendig aufgrund einer neuen verwendeten PHP Version im Hosting-Paket.

Moderne Website für PODPROD4U
Podcast erstellen mit Profis an Ihrer Seite
Homepage der Website podprod4u.de

Die Unterstützung von PODPROD4U umfasst die Aufzeichnung eines Podcasts, wie den redaktionellen und den technischen Schnitt. Alles mit Profi- Equipment, selbstredend. Des weiteren die technische und akustische Aufbereitung und – falls dies gewünscht wird – auch ein eigens für Sie produziertes Intro oder die Moderation des Podcasts.

Ab in den Süden!
Info-OnePage-Website für stilvoll renoviertes Bauernhaus an der Algarve
OnePage Website für Urlaub an der Algarve

Urlaub an der Algarve

Bildergalerie
Informative OnePage-Website mit zahlreichen Bildern.
Umfangreiche Bildergalerie

Pflege und Betreuung Ihrer Website

Gerne kümmere ich mich auch um Ihre von mir erstellte Website. Sprechen Sie mich einfach an.

Beispiel: schöne schlichte Kunst-Website
Steffi Deparade-Becker aus Dresden
Homepage der Künstlerin Steffi Deparade-Becker aus Dresden
Webseite Steffi Deparade-Becker aus Dresden
Schöne schlichte Kunst-Website für die Malerin und Grafikerin Steffi Deparade-Becker aus Dresden.
Die Website wurde mit einem CMS System versehen, damit die Künstlerin die Inhalte der Website selbst bearbeiten / aktualisieren kann.
Beispiel: Website Relaunch
Future Now! Vollstationäre Jugendhilfeeinrichtung in Eppelheim im Rhein-Neckar-Kreis
Website von Future Now! Heilpädagogische GmbH
Als Website Relaunch wird die Überarbeitung, Optimierung und Neuauflage einer bereits vorhandenen Webseite verstanden, wobei die Seitenstruktur, die Seitentitel und die Menüstruktur in der Regel unverändert bleiben.
Future Now! Heilpädagogische GmbH
Die 2018 von mir erstellte Website
benötigte inhaltlich und technisch eine Überarbeitung.
Die Überarbeitung brachte erwartungsgemäß
mehr "Punkte" für die Homepage
bei seobility, einem beliebten SEO Tool.
SEO Score alt
Vorher
SEO Score aktuell
Jetzt
Beispiel: Redesign
Redesign der Website von Michaela Zach
Psychologische Beratung, Paarberatung und Onlineberatung im Breisgau / Baden-Württemberg
Vorschau der Website von Michaela Zach
Heilpraktikerin für Psychotherapie
Groß ist das Angebot von Michaela Zach aus dem Breisgau in Baden-Württemberg: Über Eheberatung und Paartherapie, bis hin zur Hilfe bei Angstzuständen und Panikattacken. Natürlich auch als Onlineberatung.

Seit 2013 ist Frau Zach treue Kundin meiner Leistungen.
Nun erfuhr die Website einen kompletten Neuaufbau (Redesign), betreffend der Technik, Überarbeitung der Inhalte und im Erscheinungsbild der Website.
Redesign
(Webdesign) Fachjargon
Der Vorteil eines Redesign (Neu- und Umgestaltung) einer Website liegt darin, dass die Inhalte auf Wunsch unverändert übernommen werden können. Beim Redesign wird eine Verbesserung der Funktionalität der Website vorgenommen, es findet eine Anpassung an moderne Webstandards statt und letztendlich bekommt die Website ein frisches Layout!
Webseite auf der Website von Michaela Zach.
Website von Michaela Zach.
Schöne Webseite auf der Website von Michaela Zach.
Schöne Webseiten auf der Website von Michaela Zach.
Heilpraktikerin für Psychotherapie.
Beispiel: OnePage Website
Schicke moderne OnePage (Single-Page-Design) Website
Katinka Schulter, Französisch Nachhilfe Hamburg
Vorschau moderne Website SinglePage von Katinka Schulter aus Hamburg

Französisch Nachhilfe

in Hamburg für alle Klassenstufen mit viel Einfühlungsvermögen, Geduld
und Kreativität durch M.A. Literaturwissenschaftlerin mit langjähriger Unterrichtspraxis.
Seit 2012 ist Katinka Schulter aus Hamburg für mehrere Nachhilfeinstitute tätig. Frau Schulter unterrichtet sowohl als Online- als auch Präsenznachhilfelehrerin in den Sprachen Französisch, Englisch und Deutsch als Fremdsprache.

Bei Katinka Schulter lernen Anfänger und junge Schüler ebenso wie Fortgeschrittene, Studenten und Berufstätige.
Moderne Website Desktop Ansicht
Ist eine moderne OnePage (Single-Page-Design) Website etwas für Sie?
Webseiten in dieser Design Technik eignen sich nicht für jede Art von Website.
Möchte man auf seiner Website viele Informationen in unterschiedlichen Kategorien anbieten, dann kommt man um eine klassische Website-Struktur mit Unterseiten nicht herum.
Beim mobilfreundlichem Single-Page-Design muss immer daran gedacht werden, dass die Nutzererfahrung umso mehr leidet, je mehr Inhalte auf einer Website untergebracht werden.
Wichtiges Stichwort: Ladezeiten der Webseiten.
Beispiel: Webvisitenkarte
Einfache Webvisitenkarte
Steuerbüro Sydow in Bayern
Moderne Webvisitenkarte
Schöne und schlichte
Webvisitenkarte von Thomas Sydow,
Steuerberatung mit persönlicher Note
in Geretsried / Bayern.
Kurze bunte Stifte
Kleine, einfache Internetpräsenz
Die einfachste Variante einer Website ist eine sogenannte Webvisitenkarte.
Immer mit zwei zusätzlichen Seiten für Impressum und der Datenschutzerklärung.

Meine Preise für die Webgestaltung

Aktualisierungen und Erweiterungen der Webseiten sind jederzeit möglich

Webdesign

Schlicht, modern und immer preisgünstig

Farbteller mit Kleingeld

Webdesign für kleines Geld in hoher Qualität!

Langjährige Kunden Kunst aus Dresden

Viele meiner Kunden sind seit vielen Jahren treue Kunden.
Darunter auch das Künstlerehepaar Doris Titze und Thomas Hellinger aus Dresden. Ihre 2009 und 2010 von mir gebauten Webseiten wurden nun (2020) komplett neu erstellt. Mit einer neuen Struktur und mit neuen Seiten. Die Kunst-Webseiten sind mit einem CMS System ausgestattet, um Texte und Bilder selber einstellen und verwalten zu können.

Kunst-Website in der Responsive Webdesign Technik

Umfangreiche Kunst Websites von Thomas Hellinger und Doris Titze aus Dresden

White-Label-Aufträge

Computer Schreibtisch
Gerne arbeite ich mit Ihnen zusammen, indem ich in Ihrem Auftrag Webseiten Ihrer Kunden umsetze. Bei einem White-Label Auftrag trete ich Ihrem Kunden gegenüber nicht als schauWEB Webdesign auf und veröffentliche auch hier keine Referenzen der White-Label Aufträge.

Eine White-Label-Lösung ist immer dann für Sie interessant, wenn Sie von einem Kunden eine Projektanfrage für eine Website erhalten, diesen Auftrag jedoch aufgrund von Zeitmangel oder mangelndem Know-How nicht umsetzen können. Gerne berate ich Sie dazu und erstelle Ihnen auf Anfrage ein unverbindliches Angebot zur Umsetzung eines Projektes Ihres Kunden.

Preise und Qualität

Bei meinen Preisen und der Qualität meiner Arbeiten lohnt es sich für Sie!
Webatelier schauWEB Webgestaltung
schauWEB Webdesign
erstellt für Sie moderne und preisgünstige Webseiten

Weitere Tipps und Hinweise schauWEB Webgestaltung

Arbeitsplatz Schreibtisch Webgestalter
Immer gut optimiert!
Grafik der SEO Analyse der schauWEB Website
Ergebnis der Analyse der gesamten schauWEB Website

Seobility liefert bereits auf den ersten Blick wertvolle und gut aufbereitete Informationen über die Metaangaben, Seitenqualität, Seitenstruktur und Verlinkung einer Website.
Gemessen werden ebenfalls die Serverleistung und externe Faktoren wie zum Beispiel Social Media. Außerdem erhält man eine To-Do Liste mit den wichtigsten Änderungsvorschlägen und es werden zu jedem einzelnen Punkt hilfreiche Tipps und Erklärungen geliefert, die die Optimierung von Webseiten wesentlich vereinfachen.
Sowohl für Einsteiger als auch für Fortgeschrittene ist Seobility ein sehr zu empfehlendes SEO Tool.

Zum SEO Check

Saubere Arbeit

Besen fegt Papier weg
Meine Arbeit als Webgestalter kann sich im Bereich der technischen Suchmaschinenoptimierung (SEO) sehen lassen.
Mehr Infos dazu und Hinweise zu Möglichkeiten der Überprüfung einer Website auf technische Sauberkeit finden Sie unter "Saubere Arbeit", bei Meinen Fragen & Antworten (FAQ).
Seobility SEO Score
Hervorragender Seobility SEO Score für die schauWEB Homepage.

Der kostenlose SEO-Check von Seobility ist sehr zu empfehlen, um sich schnell einen Überblick über die Qualität einer Webseite zu verschaffen.
Durch den kostenfreien SEO-Check für einzelne Seiten kann man einzelne URLs einer Website auf alle relevanten Kriterien überprüfen lassen und erhält viele nützliche Hinweise zur Optimierung für einen nachhaltigen Erfolg bei Suchmaschinen.
Es besteht die Möglichkeit, sich kostenlos bei Seobility zu registrieren und eine gesamte Website analysieren zu lassen. 
Das Webatelier von schauWEB

Webatelier

schauWEB Referenzen

Werfen Sie einen Blick in das kleine kreative Webatelier von schauWEB Webdesign.

Meine Web-Referenzen ab 2009 finden Sie als große Übersicht, oder nach Jahren sortiert:

Schönes & schlichtes Webdesign

Schöne und schlichte Webseiten.
Die von mir erstellten Webseiten sind nie überladen oder unübersichtlich.
Eine klare und übersichtliche Struktur macht den Kern meiner Webgestaltung aus.
Ohne Schnörkel und Firlefanz. Im Laufe der Zeit sind einige sehr schöne und schlichte Webseiten entstanden.
Da „Schönheit“ aber stets im Auge des Betrachters liegt, urteilen Sie bitte selbst: Immer neue Beispiele von besonders schlichten und schönen Homepages finden Sie unter meinen Webseiten Referenzen.
Ausstellungsraum mit Webseiten

schauWEB Newsletter

Sie möchten sich von mir eine Website erstellen lassen?
  • Sie sind sich aber noch nicht sicher?
  • Abonnieren Sie einfach meinen Newsletter, um 2-3 mal im Jahr über Neuigkeiten auf schauWEB.de informiert zu werden.
  • Lassen Sie sich über neu erstellte Webseiten berichten.
  • Profitieren Sie von Rabattaktionen, speziell für Newsletter-Abonnenten.
Der Newsletter ist kostenlos und lässt sich natürlich jederzeit problemlos wieder abbestellen. Zum Newsletter
schauWEB Newsletter

webBAU Infos von schauWEB

Gelber Zeichenblock

Hilfreiche Tipps für Sie!
Meine webBAU.infos mit Tipps und Hinweisen vor dem Start Ihrer neuen Website. Ich berate Sie jederzeit zu allen Fragen rund um Ihre Website.

webBAU Infos

Schauen Sie mal rein: webBAU Infos
Notizzettel mit Telefonnummer

Rufen Sie mich einfach an!

Gerne bespreche ich mit Ihnen Ihre Wünsche und Vorstellungen bezüglich Ihrer neuen Website.

FARBEN
Das geeignete Bild finden
und den richtigen (Farb)Ton treffen
6 Farbrollen streichen eine Wand an
Tipps!
  • Den richtigen Farbton treffen
  • Bilder/Fotografien für die Website - Woher nehmen?

CMS

Durch ein einfaches CMS System mehr Möglichkeiten für Ihre Webseiten!

Einfach über ihren Webbrowser Teile der eigenen Website selber managen? Das ist kein Problem mit einem Content-Management-System (CMS).

CMS Bausteine
Die von mir eingesetzten, besonders kompakten, Web Content-Management-Systeme (CMS) ermöglichen Ihnen ein äußerst einfaches Editieren von Webseiten.

Was ist ein CMS?
Mehr erfahren: CMS System - was ist das?
Altes schauWEB Logo

Das bis Juni 2017 verwendete offizielle schauWEB Schrift-Logo
Kleiner Einkaufszettel
Computermaus mit Kabel

Computermaus

Sie dient als Eingabegerät für Nutzer/innen und ist eine Schnittstelle zwischen Mensch und Computer.

Der natürliche Feind
Böse schwarze Katze

Orange

Mit Orange werden oft Licht oder Wärme assoziiert.
Orange steht nicht nur der Farbe Gelb, sondern auch der Farbe Rot nahe.
Orange wirkt belebend, kräftigend und aufheiternd. Orange symbolisiert Leichtigkeit, Kontaktfreudigkeit und Aufgeschlossenheit.

Blau

Blau ist die Farbe von Luft und Wasser, Himmel und Sehnsucht, der unendlichen Weite.
Blau steht für Vertrauen, Ruhe, Pflichtbewusstsein,
Inspiration, Sehnsucht und Kreativität.

Grau

Grau steht für Neutralität, Unauffälligkeit und Kompromissbereitschaft,
aber auch für Langeweile und Zurückhaltung.
Grau betont in der Kombination die Farbenwirkung der anderen Farbtöne ideal.

Schwarz

Schwarz steht für Stille, Tiefe und Sicherheit.
Schwarz wirkt absorbierend und schwer.
Schwarz kann verstärken, Kraft betonen und feierlich wirken.

Rot

Rot wirkt belebend, aktivierend, appetitanregend und stimulierend.
Rot steht für Vitalität, Erregung, Stärke und Tatkraft. Rot kann aggressiv machen und verstärkt Interessen.
Rot ist die Leidenschaft, die Liebe und der Mut.

Grün

Grün ist die häufigste Farbe der Natur. Grün wirkt beruhigend, ausgleichend und harmonisch.
Grün steht für Frieden, Hoffnung und Sicherheit. Grün macht gelassen, aber auch gleichgültig.
Grün kann nicht gelebtes Potential im Menschen wecken, kann aber auch für Stagnation stehen.

Weiß

Weiß ist wie Schwarz und Grau keine Farbe aus dem Farbkreis.
Weiß steht für Reinheit und Vollkommenheit. Es kann Sauberkeit vermitteln, aber auch für Unschuld und Erhabenheit.
Weiß wirkt distanzierend und entemotionalisierend.

Computer Arbeitstisch Webgestalter
schauWEB Webdesign Logo

Aktiv seit dem 22.11.2008

Diese Seite wurde zuletzt aktualisiert am

Frisches Webdesign
für wenig Geld

  • Webdesign immer günstig in der zeitgemäßen Responsive Webdesign Technik, um eine bestmögliche Darstellung auf PCs, Tablets und auf Smartphones zu gewährleisten.
  • Preisgünstige Webseiten für Künstler/Künstlerinnen und andere kreative Menschen und natürlich für Sie!
Nach oben
schauWEB teilen
Facebook
Pinterest
Instagram
XING
Kontaktdaten
Per E-Mail verschicken