{"id":117,"date":"2025-08-23T22:20:42","date_gmt":"2025-08-23T20:20:42","guid":{"rendered":"https:\/\/direkter-service.de\/?page_id=117"},"modified":"2026-03-18T17:03:34","modified_gmt":"2026-03-18T16:03:34","slug":"web-design","status":"publish","type":"page","link":"https:\/\/direkter-service.de\/index.php\/leistungen\/web-design\/","title":{"rendered":"Webdesign"},"content":{"rendered":"<h2>Webdesign<\/h2>\n<section><\/section>\n<section id=\"webdesign\"><strong>Webdesign ist mehr als Farben und Formen \u2013 es ist die Kunst, Inhalte, Technik und Emotionen in Einklang zu bringen.<\/strong><br \/>\nF\u00fcr mich bedeutet Webdesign, jedem Projekt ein individuelles Gesicht zu geben, das zu seiner Pers\u00f6nlichkeit passt.<br \/>\nDabei achte ich darauf, dass jedes Detail \u2013 von der Typografie bis zur Benutzerf\u00fchrung \u2013 stimmig ist und die Besucher sofort Vertrauen gewinnen.<\/p>\n<h3>Philosophie &amp; Arbeitsweise<\/h3>\n<p>Ich beginne jedes Projekt mit einer gr\u00fcndlichen Analyse: Wer sind die Nutzer? Welche Botschaft soll transportiert werden?<br \/>\nDaraus entstehen erste <strong>Skizzen und Wireframes<\/strong>, die ich in <strong>Adobe Illustrator<\/strong> oder <strong>InDesign<\/strong> verfeinere.<br \/>\nErst wenn das Design im Kopf sitzt, baue ich es technisch auf \u2013 meist mit <strong>WordPress<\/strong> und individuell programmierten Erweiterungen in <strong>PHP, HTML, CSS und MySQL<\/strong>.<\/p>\n<h3>Meine St\u00e4rken im Webdesign<\/h3>\n<ul>\n<li><strong>Individuelle Gestaltung<\/strong> \u2013 kein Baukasten, sondern ma\u00dfgeschneiderte Layouts<\/li>\n<li><strong>Responsives Design<\/strong> \u2013 optimiert f\u00fcr PC, Tablet und Smartphone<\/li>\n<li><strong>Adobe Creative Cloud 2025<\/strong> \u2013 f\u00fcr Layouts, Bildbearbeitung und Vektorgrafiken<\/li>\n<li><strong>WordPress &amp; WooCommerce<\/strong> \u2013 moderne Websites und Onlineshops<\/li>\n<li><strong>Barrierefreiheit<\/strong> \u2013 auch f\u00fcr \u00e4ltere und behinderte Menschen optimiert<\/li>\n<li><strong>SEO-Optimierung<\/strong> \u2013 bessere Sichtbarkeit in Suchmaschinen<\/li>\n<li><strong>Integration moderner Tools<\/strong> \u2013 Chatbots, 3D-Grafiken, interaktive Dashboards<\/li>\n<\/ul>\n<h3>Beispielprojekte<\/h3>\n<div class=\"webdesign-gallery\">\n<p><!-- Photoshop Projekt --><\/p>\n<figure><figcaption><strong>Direkter-Service.de<\/strong> \u2013 Technischer Aufbau &amp; Gestaltung in Adobe Photoshop 2025<\/figcaption><img loading=\"lazy\" decoding=\"async\" style=\"cursor: pointer; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);\" src=\"https:\/\/direkter-service.de\/wp-content\/uploads\/2025\/08\/Gelbe-Mantelfarben_2025-08-29_in_Photoshop-1-1024x604.png\" alt=\"Photoshop Vorschau\" width=\"720\" height=\"425\" \/><\/figure>\n<p><!-- Illustrator Projekt --><\/p>\n<figure><figcaption><strong>Direkter-Service.de<\/strong> \u2013 Technischer Aufbau &amp; Gestaltung in Adobe Illustrator 2025<\/figcaption><img loading=\"lazy\" decoding=\"async\" style=\"cursor: pointer; border-radius: 6px; box-shadow: 0 4px 12px rgba(0,0,0,0.3);\" src=\"https:\/\/direkter-service.de\/wp-content\/uploads\/2025\/08\/Logo-Bildschirmaufnahme_2025-08-30_in_Illustrator-1-1024x607.png\" alt=\"Illustrator Vorschau\" width=\"720\" height=\"427\" \/><\/figure>\n<p><!-- InDesign Mockup --><\/p>\n<figure><\/figure>\n<\/div>\n<h3>Mein Anspruch<\/h3>\n<p>Ich m\u00f6chte Webseiten schaffen, die nicht nur funktionieren, sondern <strong>begeistern<\/strong>.<br \/>\nOb Firmenpr\u00e4senz, Onlineshop oder private Seite: jede Webseite soll klar strukturiert, technisch zuverl\u00e4ssig und optisch einzigartig sein.<br \/>\nDer Besucher soll sofort merken: Hier steckt <strong>Herzblut und Kompetenz<\/strong> drin.<\/p>\n<h3>Technische Umsetzung<\/h3>\n<p>Neben klassischen CMS wie WordPress kann ich auch mit reiner <strong>HTML\/PHP-Programmierung<\/strong> arbeiten,<br \/>\nDatenbanken in <strong>MySQL<\/strong> anbinden und individuelle <strong>Plugins oder Themes<\/strong> entwickeln.<br \/>\nAuch moderne Trends wie <strong>Dark Mode, interaktive Animationen oder 3D-Elemente<\/strong> sind kein Problem.<\/p>\n<h3>Zitat eines Kunden<\/h3>\n<blockquote><p>\u201eOlaf kombiniert Kreativit\u00e4t und Technik. Er baut nicht nur Webseiten \u2013 er baut digitale Erlebnisr\u00e4ume.\u201c<\/p><\/blockquote>\n<\/section>\n<p><!-- Lightbox --><\/p>\n<div id=\"lightbox\" style=\"display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9999; justify-content: center; align-items: center;\">\n<div style=\"position: relative; max-width: 90%; max-height: 90%;\"><span style=\"position: absolute; top: -40px; right: 0; font-size: 30px; color: #fff; cursor: pointer;\">\u2716<\/span><br \/>\n<video id=\"video1\" style=\"display: none; width: 100%; height: auto;\" preload=\"none\" controls=\"controls\" width=\"300\" height=\"150\"><source src=\"https:\/\/direkter-service.de\/wp-content\/uploads\/2025\/08\/Gelbe-Mantelfarben_2025-08-29_in_Photoshop.mp4\" type=\"video\/mp4\" \/><\/video><br \/>\n<video id=\"video2\" style=\"display: none; width: 100%; height: auto;\" preload=\"none\" controls=\"controls\" width=\"300\" height=\"150\"><source src=\"https:\/\/direkter-service.de\/wp-content\/uploads\/2025\/08\/Logo-Bildschirmaufnahme_2025-08-30_in_Illustrator.mp4\" type=\"video\/mp4\" \/><\/video><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Webdesign Webdesign ist mehr als Farben und Formen \u2013 es ist die Kunst, Inhalte, Technik und Emotionen in Einklang zu bringen. F\u00fcr mich bedeutet Webdesign, jedem Projekt ein individuelles Gesicht zu geben, das zu seiner Pers\u00f6nlichkeit passt. Dabei achte ich darauf, dass jedes Detail \u2013 von der Typografie bis zur Benutzerf\u00fchrung \u2013 stimmig ist und [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":102,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry","post"],"_links":{"self":[{"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":25,"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":370,"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/pages\/117\/revisions\/370"}],"up":[{"embeddable":true,"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/pages\/102"}],"wp:attachment":[{"href":"https:\/\/direkter-service.de\/index.php\/wp-json\/wp\/v2\/media?parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}