{"id":3802,"date":"2026-10-08T03:14:38","date_gmt":"2026-10-08T03:14:38","guid":{"rendered":"https:\/\/kreaspecs.com\/services\/websites\/"},"modified":"2026-10-22T05:15:24","modified_gmt":"2026-10-22T05:15:24","slug":"websites","status":"publish","type":"page","link":"https:\/\/kreaspecs.com\/de\/services\/websites\/","title":{"rendered":"Websites"},"content":{"rendered":"<div>\n<p>Eine Website ist h\u00e4ufig der erste Anlaufpunkt, um sich \u00fcber ein Unternehmen zu informieren. Sie sollte einen \u00fcberzeugenden ersten Eindruck vermitteln, das Angebot verst\u00e4ndlich pr\u00e4sentieren und Besuchern helfen, schnell die gew\u00fcnschten Informationen zu finden.<\/p>\n<p>Bei <strong>KreaSpecs<\/strong> verbinden wir Design, Inhalte, Technologie und Marketing zu Websites, die sowohl den Anforderungen des Unternehmens als auch den Bed\u00fcrfnissen seiner Zielgruppen gerecht werden. Als Kreativagentur mit Sitz in Thailand und Kunden in verschiedenen internationalen M\u00e4rkten entwickeln wir Websites, die die Markenidentit\u00e4t widerspiegeln und gleichzeitig die \u00fcbergeordneten Unternehmens- und Marketingziele unterst\u00fctzen.<\/p>\n<\/div>\n<ul>\n<li>\n<h3><em>Eine klare Botschaft allein reicht nicht aus, wenn das Nutzererlebnis nicht \u00fcberzeugt.<\/em><\/h3>\n<p>Die Herausforderung<\/p>\n<div>\n<p>Mit dem Wachstum eines Unternehmens werden h\u00e4ufig auch seine Websites komplexer. Neue Dienstleistungen ben\u00f6tigen eigene Seiten, Kampagnen erfordern Landingpages und verschiedene Abteilungen verfolgen unterschiedliche Priorit\u00e4ten.<br \/>Im Laufe der Zeit kann so eine Website entstehen, deren Struktur sich st\u00e4rker an den internen Abl\u00e4ufen des Unternehmens orientiert als an den tats\u00e4chlichen Bed\u00fcrfnissen der Besucher.<\/p>\n<p>Zus\u00e4tzliche Inhalte, Funktionen und Unterseiten k\u00f6nnen schnell zu unn\u00f6tiger Komplexit\u00e4t f\u00fchren, ohne einen wirklichen Mehrwert zu schaffen.<\/p>\n<p>Die Herausforderung besteht darin, alle Elemente sinnvoll miteinander zu verbinden, ohne die Website unn\u00f6tig kompliziert zu gestalten.<\/p>\n<\/div>\n<\/li>\n<li>\n<h3><em>Jede Seite braucht eine klare Aufgabe.<\/em><\/h3>\n<p>Die L\u00f6sung<\/p>\n<div>\n<p>Wir betrachten eine Website aus zwei Perspektiven: Welche Ziele m\u00f6chte das Unternehmen erreichen und welche Informationen suchen die Besucher?<\/p>\n<p>Dieses Verst\u00e4ndnis bildet die Grundlage f\u00fcr die Seitenstruktur, die Entwicklung der Inhalte und die Gestaltung. Wir \u00fcberlegen, welche Informationen im Vordergrund stehen sollten, wie sich Besucher durch die einzelnen Bereiche bewegen und an welchen Stellen sie gezielt zu einer Handlung gef\u00fchrt werden k\u00f6nnen.<\/p>\n<p>Indem wir diese Aspekte von Anfang an aufeinander abstimmen, entwickeln wir Websites, die eine intuitive Navigation erm\u00f6glichen, Inhalte verst\u00e4ndlich vermitteln und die Gesch\u00e4ftsziele des Unternehmens unterst\u00fctzen.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<div>Unsere Website-<\/div>\n<div>Dienstleistungen<\/div>\n<ul>\n<li>\n<h3>Website-Strategie &#038; Beratung<\/h3>\n<div>\n<p><strong>Am Anfang stehen die Ziele der Website.<\/strong><\/p>\n<p>Bevor wir mit der Gestaltung beginnen, kl\u00e4ren wir, welche Aufgaben die Website erf\u00fcllen soll, welche Zielgruppen sie anspricht und wie sie sich in die \u00fcbergeordnete Marketingstrategie des Kunden einf\u00fcgt.<\/p>\n<p>Wir analysieren Unternehmensziele, bestehende Inhalte und Verbesserungspotenziale, um eine klare Projektausrichtung festzulegen. Dazu geh\u00f6rt auch die Entscheidung, welche Funktionen ben\u00f6tigt werden, wie die Website zuk\u00fcnftige Marketingaktivit\u00e4ten unterst\u00fctzen kann und welche Anforderungen bei der Entwicklung Priorit\u00e4t haben.<\/p>\n<\/div>\n<\/li>\n<li>\n<h3>UX &#038; Website-Architektur<\/h3>\n<div>\n<p><strong>Eine Navigation, die sich intuitiv anf\u00fchlt.<\/strong><\/p>\n<p>Eine Website sollte sich einfach bedienen lassen, ohne dass Besucher lange \u00fcberlegen m\u00fcssen, wo sie die gew\u00fcnschten Informationen finden.<\/p>\n<p>Wir entwickeln die Sitemap, strukturieren Inhalte und planen die Nutzerf\u00fchrung, bevor wir mit dem Design beginnen. So stellen wir sicher, dass Informationen an der richtigen Stelle platziert sind und wichtige Seiten ohne unn\u00f6tige Zwischenschritte erreicht werden k\u00f6nnen.<\/p>\n<p>Besonders bei umfangreichen Websites ist eine durchdachte Architektur entscheidend, wenn Inhalte und Funktionen kontinuierlich erweitert werden.<\/p>\n<\/div>\n<\/li>\n<li>\n<h3>UI &#038; Webdesign<\/h3>\n<div>\n<p><strong>Design, das zur Marke passt.<\/strong><\/p>\n<p>Gutes Webdesign sollte den Charakter einer Marke widerspiegeln und gleichzeitig den praktischen Anforderungen der Nutzer gerecht werden.<\/p>\n<p>Wir entwickeln visuelle Konzepte, die Typografie, Bildwelten, Layouts und interaktive Elemente miteinander verbinden. Die Gestaltung orientiert sich an der Struktur und den Inhalten der Website, damit das Design die tats\u00e4chliche Nutzung jeder einzelnen Seite unterst\u00fctzt.<\/p>\n<p>Von der Startseite bis zu den kleinsten Details der Benutzeroberfl\u00e4che achten wir auf ein einheitliches Erscheinungsbild, das auf unterschiedlichen Bildschirmgr\u00f6\u00dfen funktioniert.<\/p>\n<\/div>\n<\/li>\n<li>\n<h3>Website-Inhalte &#038; Texte<\/h3>\n<div>\n<p><strong>Jede Botschaft z\u00e4hlt.<\/strong><\/p>\n<p>Besucher sollten sich nicht erst durch lange Textabschnitte arbeiten m\u00fcssen, um zu verstehen, was ein Unternehmen anbietet.<\/p>\n<p>Wir entwickeln die Struktur und Formulierung von Website-Inhalten \u2013 von \u00dcberschriften und Leistungsbeschreibungen bis hin zu Handlungsaufforderungen. Wichtige Informationen werden hervorgehoben, w\u00e4hrend erg\u00e4nzende Details dort platziert werden, wo sie f\u00fcr die Nutzer am sinnvollsten sind.<\/p>\n<p>Gleichzeitig ber\u00fccksichtigen wir die Auffindbarkeit in Suchmaschinen und integrieren relevante Suchbegriffe auf nat\u00fcrliche Weise, ohne die Lesbarkeit der Texte zu beeintr\u00e4chtigen.<\/p>\n<\/div>\n<\/li>\n<li>\n<h3>Website-Entwicklung<\/h3>\n<div>\n<p><strong>Aus Design wird Funktion.<\/strong><\/p>\n<p>Unser Entwicklungsteam setzt freigegebene Designs in vollst\u00e4ndig funktionsf\u00e4hige Websites um. Dabei achten wir besonders auf die Darstellung auf unterschiedlichen Endger\u00e4ten, schnelle Ladezeiten und eine benutzerfreundliche Bedienung.<\/p>\n<p>Je nach Projekt entwickeln wir die ben\u00f6tigten Funktionen, darunter Content-Management-Systeme, Animationen, interaktive Elemente und Schnittstellen zu externen Plattformen.<\/p>\n<p>Bereits w\u00e4hrend der Entwicklung ber\u00fccksichtigen wir die sp\u00e4tere Pflege und Aktualisierung der Website, damit die Verwaltung von Inhalten auch nach dem Launch m\u00f6glichst einfach bleibt.<\/p>\n<\/div>\n<\/li>\n<li>\n<h3>SEO &#038; Website-Optimierung<\/h3>\n<div>\n<p><strong>Sichtbarkeit \u00fcber den Launch hinaus.<\/strong><\/p>\n<p>Suchmaschinenoptimierung ist f\u00fcr uns ein fester Bestandteil der Website-Entwicklung und keine nachtr\u00e4gliche Erg\u00e4nzung.<\/p>\n<p>Wir optimieren Seitenstruktur, Inhalte, Metadaten und technische SEO-Faktoren, damit Suchmaschinen die Website besser erfassen und ihre Inhalte leichter gefunden werden k\u00f6nnen.<\/p>\n<p>Gleichzeitig entwickeln wir die Website mit Blick auf zuk\u00fcnftige Marketinganforderungen. Neue Landingpages, Kampagnen und Inhalte lassen sich mit dem Wachstum des Unternehmens erg\u00e4nzen. Durch kontinuierliche Optimierung kann langfristig mehr organischer Traffic aufgebaut und die Abh\u00e4ngigkeit von bezahlter Werbung reduziert werden.<\/p>\n<\/div>\n<\/li>\n<\/ul>\n<div>\n<p>        <img decoding=\"async\" src=\"https:\/\/imagedelivery.net\/2HXyhG6tQKAIVplskOii3g\/011a0cd9-2621-4c34-ab46-7a358286af00\/public\" alt=\"\"><\/p>\n<\/div>\n<div>\n<div style=\"position: relative; padding-top: 71.3375796178344%; overflow: hidden;\">\n  <iframe\n    src=\"https:\/\/customer-7t2rly5ties13igw.cloudflarestream.com\/6e4e5dd761621524103b0ca1e5f9bef7\/iframe?muted=true&#038;preload=true&#038;loop=true&#038;autoplay=true&#038;poster=https%3A%2F%2Fcustomer-7t2rly5ties13igw.cloudflarestream.com%2F6e4e5dd761621524103b0ca1e5f9bef7%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&#038;controls=false&#038;letterboxColor=transparent\"\n    style=\"border: none; position: absolute; top: -2px; left: -2px; height: calc(100% + 4px); width: calc(100% + 4px);\"\n    allow=\"accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;\"\n    allowfullscreen=\"true\"\n  ><\/iframe>\n<\/div>\n<\/div>\n<div>Unser<\/div>\n<div>Entwicklungsprozess<\/div>\n<div>\n<p style=\"text-align: center;\">Design, Inhalte und technische Entwicklung m\u00fcssen von Anfang an aufeinander abgestimmt sein. Andernfalls kann selbst eine optisch \u00fcberzeugende Website schwierig zu bedienen oder aufwendig zu pflegen sein.<\/p>\n<p style=\"text-align: center;\">Unser Prozess verbindet diese Disziplinen \u00fcber den gesamten Projektverlauf hinweg \u2013 von den ersten Gespr\u00e4chen und der kreativen Konzeption \u00fcber die Entwicklung bis zum Launch und der anschlie\u00dfenden Optimierung.<\/p>\n<\/div>\n<ul>\n<li>\n<div>Recherche &#038; <br \/> Digitale Ausrichtung<\/div>\n<p>01<\/p>\n<div>\n<p>Wir beginnen damit, das Unternehmen, seine Zielgruppen und das Marktumfeld kennenzulernen.<\/p>\n<p>Durch Recherche, Kundengespr\u00e4che und Moodboards analysieren wir bestehende Websites, Wettbewerber und visuelle Referenzen. So erkennen wir Potenziale und legen die gestalterische und strategische Richtung des Projekts fest.<\/p>\n<p>In dieser Phase gewinnen wir au\u00dferdem ein besseres Verst\u00e4ndnis f\u00fcr die Inhalte, Funktionen und technischen Anforderungen, die vor Beginn der Gestaltung ber\u00fccksichtigt werden m\u00fcssen.<\/p>\n<\/div>\n<p><a href=\"#\">Explore<\/a><\/p>\n<\/li>\n<li>\n<div>Struktur &#038; <br \/>Content-Strategie<\/div>\n<p>02<\/p>\n<div>\n<p>Im n\u00e4chsten Schritt planen wir den Aufbau der Website.<\/p>\n<p>Wir definieren die Sitemap, entwickeln die grundlegenden Seitenstrukturen und legen fest, wie Inhalte verteilt werden. Dabei ber\u00fccksichtigen wir sowohl die Nutzerf\u00fchrung als auch die Unternehmensziele, um wichtige Informationen sinnvoll zu platzieren und Besuchern eine einfache Orientierung zu erm\u00f6glichen.<\/p>\n<p>So entsteht eine klare Grundlage f\u00fcr die anschlie\u00dfende Gestaltung und technische Entwicklung.<\/p>\n<\/div>\n<p><a href=\"#\">Explore<\/a><\/p>\n<\/li>\n<li>\n<div>Nutzererlebnis &#038; <br \/>Interface-Design<\/div>\n<p>03<\/p>\n<div>\n<p>Auf Basis der festgelegten Struktur entwickeln wir das visuelle Konzept.<\/p>\n<p>Wir gestalten Layouts, Typografie, Bildwelten und interaktive Elemente, die zur Marke passen und die geplanten Inhalte unterst\u00fctzen. Dabei betrachten wir die Seiten nicht isoliert, sondern achten darauf, wie die einzelnen Bereiche zusammenwirken und wie sich die Website auf verschiedenen Endger\u00e4ten verh\u00e4lt.<\/p>\n<p>Durch Feedback und gezielte Anpassungen wird das Design weiterentwickelt, bevor wir in die n\u00e4chste Entwicklungsphase \u00fcbergehen.<\/p>\n<\/div>\n<p><a href=\"#\">Explore<\/a><\/p>\n<\/li>\n<li>\n<div>Live-Demo &#038; <br \/>Entwicklung<\/div>\n<p>04<\/p>\n<div>\n<p>Anstatt uns ausschlie\u00dflich auf statische Designentw\u00fcrfe zu verlassen, erstellen wir eine interaktive Live-Demo, mit der unsere Kunden die Website bereits w\u00e4hrend ihrer Entstehung erleben k\u00f6nnen.<\/p>\n<p>Seiten lassen sich direkt im Browser aufrufen, die Navigation kann getestet und interaktive Funktionen k\u00f6nnen \u00fcberpr\u00fcft werden. So l\u00e4sst sich besser beurteilen, wie die Website tats\u00e4chlich funktioniert, und es k\u00f6nnen Anpassungen erkannt werden, die in einer reinen Designpr\u00e4sentation m\u00f6glicherweise nicht auffallen.<\/p>\n<p>Wir nutzen diese Phase, um gemeinsam mit unseren Kunden Feedback zu sammeln und die Website weiterzuentwickeln, bevor die technische Umsetzung abgeschlossen wird.<\/p>\n<\/div>\n<p><a href=\"#\">Explore<\/a><\/p>\n<\/li>\n<li>\n<div>Finalisierung &#038; <br \/>Launch<\/div>\n<p>05<\/p>\n<div>\n<p>Sobald Design und Funktionen freigegeben sind, schlie\u00dfen wir die verbleibenden Entwicklungsarbeiten ab und bereiten die Website auf den Launch vor.<\/p>\n<p>Wir testen die Website auf verschiedenen Endger\u00e4ten und in unterschiedlichen Browsern, \u00fcberpr\u00fcfen Inhalte und Funktionen und kontrollieren die technische Performance. Verbleibende Probleme werden behoben, bevor die Website online geht.<\/p>\n<p>Gleichzeitig stellen wir sicher, dass die Website f\u00fcr zuk\u00fcnftige Inhaltsaktualisierungen und technische Erweiterungen vorbereitet ist.<\/p>\n<\/div>\n<p><a href=\"#\">Explore<\/a><\/p>\n<\/li>\n<li>\n<div>SEO &#038; Kontinuierliche <br \/>Optimierung<\/div>\n<p>06<\/p>\n<div>\n<p><strong>Mit dem Launch beginnt die Weiterentwicklung.<\/strong><\/p>\n<p>Nach der Ver\u00f6ffentlichung optimieren wir die Website auf Grundlage ihrer Suchmaschinenperformance und der sich ver\u00e4ndernden Unternehmensanforderungen.<\/p>\n<p>Von SEO-Ma\u00dfnahmen und Inhaltsaktualisierungen bis hin zu neuen Landingpages und Kampagnen unterst\u00fctzen wir die kontinuierliche Weiterentwicklung der Website im Einklang mit der \u00fcbergeordneten Marketingstrategie. So st\u00e4rken wir langfristig die organische Sichtbarkeit und helfen dabei, relevante Besucher auf die Website zu bringen.<\/p>\n<\/div>\n<p><a href=\"#\">Explore<\/a><\/p>\n<\/li>\n<\/ul>\n<p><!--more--><br \/>\n<!-- {\"type\":\"layout\",\"children\":[{\"type\":\"section\",\"props\":{\"animation\":\"slide-bottom-medium\",\"animation_delay\":\"50\",\"header_transparent\":true,\"header_transparent_noplaceholder\":false,\"header_transparent_text_color\":\"dark\",\"image_position\":\"center-center\",\"padding\":\"large\",\"padding_remove_top\":false,\"padding_top\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"xlarge\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"padding\":\"xsmall\",\"position_sticky_breakpoint\":\"m\",\"prevent_collapse\":true,\"vertical_align\":\"middle\",\"width_medium\":\"2-3\"},\"children\":[{\"type\":\"headline\",\"props\":{\"animation\":\"parallax\",\"class\":\"uppercase\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"large\",\"margin_top\":\"large\",\"parallax_x\":\",20\",\"title_element\":\"h1\",\"title_style\":\"heading-large\"},\"source\":{\"query\":{\"name\":\"pages.singlePage\"},\"props\":{\"content\":{\"name\":\"title\"}}}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\",\"vertical_align\":\"bottom\",\"width_medium\":\"1-3\"}}],\"props\":{\"height_offset_top\":false,\"height_viewport\":30,\"layout\":\"2-3,1-3\",\"margin\":\"large\",\"margin_bottom\":\"xlarge\",\"margin_remove_top\":false}},{\"type\":\"row\",\"props\":{\"column_gap\":\"large\",\"layout\":\"2-5,3-5\",\"margin_top\":\"large\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"order_first\":\"l\",\"position_sticky_breakpoint\":\"m\",\"width_medium\":\"2-5\"},\"children\":[{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<p>Eine Website ist h\u00e4ufig der erste Anlaufpunkt, um sich \u00fcber ein Unternehmen zu informieren. Sie sollte einen \u00fcberzeugenden ersten Eindruck vermitteln, das Angebot verst\u00e4ndlich pr\u00e4sentieren und Besuchern helfen, schnell die gew\u00fcnschten Informationen zu finden.<\/p>\n\n\\n\n\n<p>Bei <strong>KreaSpecs<\/strong> verbinden wir Design, Inhalte, Technologie und Marketing zu Websites, die sowohl den Anforderungen des Unternehmens als auch den Bed\u00fcrfnissen seiner Zielgruppen gerecht werden. Als Kreativagentur mit Sitz in Thailand und Kunden in verschiedenen internationalen M\u00e4rkten entwickeln wir Websites, die die Markenidentit\u00e4t widerspiegeln und gleichzeitig die \u00fcbergeordneten Unternehmens- und Marketingziele unterst\u00fctzen.<\/p>\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"}},{\"type\":\"grid\",\"props\":{\"content_column_breakpoint\":\"m\",\"css\":\"\\n.el-meta {\\n    background: #ebfc32;\\n    width: fit-content;\\n    padding: 5px 10px 5px 10px;\\n} \",\"filter_align\":\"left\",\"filter_all\":true,\"filter_grid_breakpoint\":\"m\",\"filter_grid_width\":\"auto\",\"filter_position\":\"top\",\"filter_style\":\"tab\",\"grid_default\":\"1\",\"grid_medium\":\"\",\"grid_row_gap\":\"large\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"item_animation\":true,\"lightbox_bg_close\":true,\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"large\",\"maxwidth\":\"xlarge\",\"meta_align\":\"above-title\",\"meta_element\":\"div\",\"meta_style\":\"text-small\",\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_image\":true,\"show_link\":true,\"show_meta\":true,\"show_title\":true,\"show_video\":true,\"title_align\":\"top\",\"title_element\":\"h3\",\"title_font_family\":\"primary\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"1-2\",\"title_hover_style\":\"reset\",\"title_style\":\"h3\"},\"children\":[{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<p>Mit dem Wachstum eines Unternehmens werden h\u00e4ufig auch seine Websites komplexer. Neue Dienstleistungen ben\u00f6tigen eigene Seiten, Kampagnen erfordern Landingpages und verschiedene Abteilungen verfolgen unterschiedliche Priorit\u00e4ten.<br \/>Im Laufe der Zeit kann so eine Website entstehen, deren Struktur sich st\u00e4rker an den internen Abl\u00e4ufen des Unternehmens orientiert als an den tats\u00e4chlichen Bed\u00fcrfnissen der Besucher.<\/p>\n\n\\n\n\n<p>Zus\u00e4tzliche Inhalte, Funktionen und Unterseiten k\u00f6nnen schnell zu unn\u00f6tiger Komplexit\u00e4t f\u00fchren, ohne einen wirklichen Mehrwert zu schaffen.<\/p>\n\n\\n\n\n<p>Die Herausforderung besteht darin, alle Elemente sinnvoll miteinander zu verbinden, ohne die Website unn\u00f6tig kompliziert zu gestalten.<\/p>\n\n\",\"meta\":\"Die Herausforderung\",\"title\":\"<em>Eine klare Botschaft allein reicht nicht aus, wenn das Nutzererlebnis nicht \u00fcberzeugt.<\/em>\"}},{\"type\":\"grid_item\",\"props\":{\"content\":\"\n\n<p>Wir betrachten eine Website aus zwei Perspektiven: Welche Ziele m\u00f6chte das Unternehmen erreichen und welche Informationen suchen die Besucher?<\/p>\n\n\\n\n\n<p>Dieses Verst\u00e4ndnis bildet die Grundlage f\u00fcr die Seitenstruktur, die Entwicklung der Inhalte und die Gestaltung. Wir \u00fcberlegen, welche Informationen im Vordergrund stehen sollten, wie sich Besucher durch die einzelnen Bereiche bewegen und an welchen Stellen sie gezielt zu einer Handlung gef\u00fchrt werden k\u00f6nnen.<\/p>\n\n\\n\n\n<p>Indem wir diese Aspekte von Anfang an aufeinander abstimmen, entwickeln wir Websites, die eine intuitive Navigation erm\u00f6glichen, Inhalte verst\u00e4ndlich vermitteln und die Gesch\u00e4ftsziele des Unternehmens unterst\u00fctzen.<\/p>\n\n\",\"meta\":\"Die L\u00f6sung\",\"title\":\"<em>Jede Seite braucht eine klare Aufgabe.<\/em>\"}}]},{\"type\":\"headline\",\"props\":{\"animation\":\"parallax\",\"class\":\"uppercase\",\"content\":\"Unsere Website-\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"remove\",\"margin_top\":\"large\",\"parallax_end\":\"50vh + 50%\",\"parallax_x\":\"-2vw,0\",\"title_element\":\"div\",\"title_style\":\"heading-small\"}},{\"type\":\"headline\",\"props\":{\"animation\":\"parallax\",\"class\":\"uppercase\",\"content\":\"Dienstleistungen\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_top\":\"remove\",\"parallax_end\":\"50vh + 50%\",\"parallax_x\":\"5vw,0\",\"title_color\":\"primary\",\"title_element\":\"div\",\"title_style\":\"heading-small\"}},{\"type\":\"headline\",\"props\":{\"class\":\"uppercase\",\"content\":\"Our Website <span class=\\\"uk-text-primary\\\">Services<\/span>\\n\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_top\":\"large\",\"status\":\"disabled\",\"title_element\":\"div\",\"title_style\":\"h1\"}},{\"type\":\"accordion\",\"props\":{\"collapsible\":true,\"content_column_breakpoint\":\"m\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"default\",\"margin_top\":\"large\",\"maxwidth\":\"xlarge\",\"show_image\":true,\"show_link\":true},\"children\":[{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p><strong>Am Anfang stehen die Ziele der Website.<\/strong><\/p>\n\n\\n\n\n<p>Bevor wir mit der Gestaltung beginnen, kl\u00e4ren wir, welche Aufgaben die Website erf\u00fcllen soll, welche Zielgruppen sie anspricht und wie sie sich in die \u00fcbergeordnete Marketingstrategie des Kunden einf\u00fcgt.<\/p>\n\n\\n\n\n<p>Wir analysieren Unternehmensziele, bestehende Inhalte und Verbesserungspotenziale, um eine klare Projektausrichtung festzulegen. Dazu geh\u00f6rt auch die Entscheidung, welche Funktionen ben\u00f6tigt werden, wie die Website zuk\u00fcnftige Marketingaktivit\u00e4ten unterst\u00fctzen kann und welche Anforderungen bei der Entwicklung Priorit\u00e4t haben.<\/p>\n\n\",\"title\":\"Website-Strategie & Beratung\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p><strong>Eine Navigation, die sich intuitiv anf\u00fchlt.<\/strong><\/p>\n\n\\n\n\n<p>Eine Website sollte sich einfach bedienen lassen, ohne dass Besucher lange \u00fcberlegen m\u00fcssen, wo sie die gew\u00fcnschten Informationen finden.<\/p>\n\n\\n\n\n<p>Wir entwickeln die Sitemap, strukturieren Inhalte und planen die Nutzerf\u00fchrung, bevor wir mit dem Design beginnen. So stellen wir sicher, dass Informationen an der richtigen Stelle platziert sind und wichtige Seiten ohne unn\u00f6tige Zwischenschritte erreicht werden k\u00f6nnen.<\/p>\n\n\\n\n\n<p>Besonders bei umfangreichen Websites ist eine durchdachte Architektur entscheidend, wenn Inhalte und Funktionen kontinuierlich erweitert werden.<\/p>\n\n\",\"title\":\"UX & Website-Architektur\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p><strong>Design, das zur Marke passt.<\/strong><\/p>\n\n\\n\n\n<p>Gutes Webdesign sollte den Charakter einer Marke widerspiegeln und gleichzeitig den praktischen Anforderungen der Nutzer gerecht werden.<\/p>\n\n\\n\n\n<p>Wir entwickeln visuelle Konzepte, die Typografie, Bildwelten, Layouts und interaktive Elemente miteinander verbinden. Die Gestaltung orientiert sich an der Struktur und den Inhalten der Website, damit das Design die tats\u00e4chliche Nutzung jeder einzelnen Seite unterst\u00fctzt.<\/p>\n\n\\n\n\n<p>Von der Startseite bis zu den kleinsten Details der Benutzeroberfl\u00e4che achten wir auf ein einheitliches Erscheinungsbild, das auf unterschiedlichen Bildschirmgr\u00f6\u00dfen funktioniert.<\/p>\n\n\",\"title\":\"UI & Webdesign\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p><strong>Jede Botschaft z\u00e4hlt.<\/strong><\/p>\n\n\\n\n\n<p>Besucher sollten sich nicht erst durch lange Textabschnitte arbeiten m\u00fcssen, um zu verstehen, was ein Unternehmen anbietet.<\/p>\n\n\\n\n\n<p>Wir entwickeln die Struktur und Formulierung von Website-Inhalten \u2013 von \u00dcberschriften und Leistungsbeschreibungen bis hin zu Handlungsaufforderungen. Wichtige Informationen werden hervorgehoben, w\u00e4hrend erg\u00e4nzende Details dort platziert werden, wo sie f\u00fcr die Nutzer am sinnvollsten sind.<\/p>\n\n\\n\n\n<p>Gleichzeitig ber\u00fccksichtigen wir die Auffindbarkeit in Suchmaschinen und integrieren relevante Suchbegriffe auf nat\u00fcrliche Weise, ohne die Lesbarkeit der Texte zu beeintr\u00e4chtigen.<\/p>\n\n\",\"title\":\"Website-Inhalte & Texte\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p><strong>Aus Design wird Funktion.<\/strong><\/p>\n\n\\n\n\n<p>Unser Entwicklungsteam setzt freigegebene Designs in vollst\u00e4ndig funktionsf\u00e4hige Websites um. Dabei achten wir besonders auf die Darstellung auf unterschiedlichen Endger\u00e4ten, schnelle Ladezeiten und eine benutzerfreundliche Bedienung.<\/p>\n\n\\n\n\n<p>Je nach Projekt entwickeln wir die ben\u00f6tigten Funktionen, darunter Content-Management-Systeme, Animationen, interaktive Elemente und Schnittstellen zu externen Plattformen.<\/p>\n\n\\n\n\n<p>Bereits w\u00e4hrend der Entwicklung ber\u00fccksichtigen wir die sp\u00e4tere Pflege und Aktualisierung der Website, damit die Verwaltung von Inhalten auch nach dem Launch m\u00f6glichst einfach bleibt.<\/p>\n\n\",\"title\":\"Website-Entwicklung\"}},{\"type\":\"accordion_item\",\"props\":{\"content\":\"\n\n<p><strong>Sichtbarkeit \u00fcber den Launch hinaus.<\/strong><\/p>\n\n\\n\n\n<p>Suchmaschinenoptimierung ist f\u00fcr uns ein fester Bestandteil der Website-Entwicklung und keine nachtr\u00e4gliche Erg\u00e4nzung.<\/p>\n\n\\n\n\n<p>Wir optimieren Seitenstruktur, Inhalte, Metadaten und technische SEO-Faktoren, damit Suchmaschinen die Website besser erfassen und ihre Inhalte leichter gefunden werden k\u00f6nnen.<\/p>\n\n\\n\n\n<p>Gleichzeitig entwickeln wir die Website mit Blick auf zuk\u00fcnftige Marketinganforderungen. Neue Landingpages, Kampagnen und Inhalte lassen sich mit dem Wachstum des Unternehmens erg\u00e4nzen. Durch kontinuierliche Optimierung kann langfristig mehr organischer Traffic aufgebaut und die Abh\u00e4ngigkeit von bezahlter Werbung reduziert werden.<\/p>\n\n\",\"title\":\"SEO & Website-Optimierung\"}}]},{\"type\":\"overlay\",\"props\":{\"animation\":\"parallax\",\"block_align\":\"right\",\"image\":\"https:\/\/imagedelivery.net\/2HXyhG6tQKAIVplskOii3g\/011a0cd9-2621-4c34-ab46-7a358286af00\/public\",\"image_transition\":\"scale-up\",\"image_width\":160,\"link_style\":\"default\",\"link_text\":\"\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"maxwidth\":\"small\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"overlay_hover\":true,\"overlay_link\":true,\"overlay_mode\":\"cover\",\"overlay_position\":\"center\",\"overlay_style\":\"\",\"overlay_transition\":\"fade\",\"parallax_scale\":\"0.7,1 50%\",\"position_bottom\":\"50%\",\"text_align\":\"center\",\"text_color\":\"light\",\"title_element\":\"h3\",\"title_hover_style\":\"reset\"},\"name\":\"cta\",\"source\":{\"query\":{\"name\":\"pages.customPage\",\"arguments\":{\"id\":6}},\"props\":{\"link\":{\"arguments\":[],\"name\":\"link\"}}}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"order_first\":\"xs\",\"position_sticky\":\"section\",\"position_sticky_breakpoint\":\"m\",\"position_sticky_offset\":\"50vh - 50%\",\"width_medium\":\"3-5\"},\"children\":[{\"type\":\"html\",\"props\":{\"content\":\"\n\n<div style=\\\"position: relative; padding-top: 71.3375796178344%; overflow: hidden;\\\">\\n  <iframe\\n    src=\\\"https:\/\/customer-7t2rly5ties13igw.cloudflarestream.com\/6e4e5dd761621524103b0ca1e5f9bef7\/iframe?muted=true&preload=true&loop=true&autoplay=true&poster=https%3A%2F%2Fcustomer-7t2rly5ties13igw.cloudflarestream.com%2F6e4e5dd761621524103b0ca1e5f9bef7%2Fthumbnails%2Fthumbnail.jpg%3Ftime%3D%26height%3D600&controls=false&letterboxColor=transparent\\\"\\n    style=\\\"border: none; position: absolute; top: -2px; left: -2px; height: calc(100% + 4px); width: calc(100% + 4px);\\\"\\n    allow=\\\"accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;\\\"\\n    allowfullscreen=\\\"true\\\"\\n  ><\/iframe>\\n<\/div>\n\n\",\"margin_bottom\":\"remove\",\"margin_top\":\"remove\",\"parallax_easing\":\"0\",\"parallax_opacity\":\"1,1 80%,0\",\"parallax_target\":\"!.tm-grid-expand\",\"text_align\":\"center\"}},{\"type\":\"image\",\"props\":{\"animation\":\"parallax\",\"image\":\"wp-content\/themes\/yootheme\/assets\/images\/element-image-placeholder.png\",\"image_svg_color\":\"emphasis\",\"image_width\":\"650\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"parallax_easing\":\"0\",\"parallax_end\":\"100vh + 100% - 150vh\",\"parallax_opacity\":\"0,1 10%,1 90%,0\",\"parallax_start\":\"100vh\",\"parallax_target\":\"!.tm-grid-expand\",\"position\":\"absolute\",\"position_top\":\"0\",\"status\":\"disabled\",\"text_align\":\"center\",\"visibility\":\"m\"}},{\"type\":\"image\",\"props\":{\"animation\":\"parallax\",\"image\":\"wp-content\/themes\/yootheme\/assets\/images\/element-image-placeholder.png\",\"image_svg_color\":\"emphasis\",\"image_width\":\"650\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"parallax_easing\":\"0\",\"parallax_end\":\"100vh + 100% - 200vh\",\"parallax_opacity\":\"0,1 10%,1 90%,0\",\"parallax_start\":\"150vh\",\"parallax_target\":\"!.tm-grid-expand\",\"position\":\"absolute\",\"position_top\":\"0\",\"status\":\"disabled\",\"text_align\":\"center\",\"visibility\":\"m\"}},{\"type\":\"image\",\"props\":{\"animation\":\"parallax\",\"image\":\"wp-content\/themes\/yootheme\/assets\/images\/element-image-placeholder.png\",\"image_svg_color\":\"emphasis\",\"image_width\":\"650\",\"margin_bottom\":\"default\",\"margin_top\":\"default\",\"parallax_easing\":\"0\",\"parallax_end\":\"100vh + 100% - 225vh\",\"parallax_opacity\":\"0,1 80%,1\",\"parallax_start\":\"200vh\",\"parallax_target\":\"!.tm-grid-expand\",\"position\":\"absolute\",\"position_top\":\"0\",\"status\":\"disabled\",\"text_align\":\"center\",\"visibility\":\"m\"}}]}]}]},{\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"height\":\"viewport\",\"height_viewport\":200,\"image_position\":\"center-center\",\"padding_bottom\":\"large\",\"padding_top\":\"large\",\"status\":\"disabled\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"xlarge\"},\"children\":[{\"type\":\"row\",\"props\":{\"layout\":\"2-5,3-5\",\"margin_bottom\":\"xlarge\",\"margin_top\":\"xlarge\",\"width\":\"expand\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky\":\"section\",\"position_sticky_breakpoint\":\"\",\"position_sticky_offset\":\"50vh - 50%\",\"vertical_align\":\"middle\",\"width_medium\":\"2-5\"},\"children\":[{\"type\":\"panel\",\"props\":{\"content\":\"\n\n<p>Great digital experiences are rarely the result of one discipline. They emerge when strategy, content, design and technology work as one.<\/p>\n\n\\n\n\n<p>Our process brings these processes together from the beginning, creating a clear path from initial thinking to launch and continuous growth.<\/p>\n\n\",\"content_column_breakpoint\":\"m\",\"image_align\":\"left\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_margin\":\"xsmall\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"large\",\"margin_top\":\"large\",\"maxwidth\":\"large\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"title\":\"<span class=\\\"uk-text-primary\\\">The Process<\/span> <br \/>Behind the Experience\",\"title_align\":\"top\",\"title_element\":\"div\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"3-5\",\"title_hover_style\":\"reset\",\"title_style\":\"h1\"}}]},{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky\":\"section\",\"position_sticky_breakpoint\":\"m\",\"position_sticky_offset\":\"50vh - 50%\",\"vertical_align\":\"middle\",\"width_medium\":\"3-5\"},\"children\":[{\"type\":\"panel-slider\",\"props\":{\"animation\":\"none\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta {\\n    position: absolute;\\n    top: -70px;\\n    z-index: 0;\\n}\\n\\n.el-title {\\n    position: relative;\\n    z-index: 3;\\n    padding-top: 50px;\\n}\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_margin\":\"medium\",\"link_style\":\"text\",\"link_text\":\"Explore\",\"margin_bottom\":\"default\",\"margin_top\":\"medium\",\"meta_align\":\"above-content\",\"meta_color\":\"secondary\",\"meta_element\":\"div\",\"meta_style\":\"heading-2xlarge\",\"nav\":\"\",\"nav_align\":\"center\",\"nav_breakpoint\":\"s\",\"panel_match\":true,\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_image\":true,\"show_link\":false,\"show_meta\":true,\"show_title\":true,\"show_video\":true,\"slidenav\":\"\",\"slidenav_breakpoint\":\"s\",\"slidenav_hover\":false,\"slidenav_margin\":\"medium\",\"slidenav_outside_breakpoint\":\"xl\",\"slider_autoplay_pause\":true,\"slider_center\":false,\"slider_divider\":false,\"slider_finite\":true,\"slider_gap\":\"large\",\"slider_parallax\":true,\"slider_parallax_end\":\"100vh\",\"slider_parallax_start\":\"120vh\",\"slider_parallax_target\":\"!.uk-section\",\"slider_width\":\"fixed\",\"slider_width_default\":\"4-5\",\"slider_width_medium\":\"1-2\",\"slider_width_small\":\"3-5\",\"text_align\":\"left\",\"title_align\":\"top\",\"title_element\":\"div\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"auto\",\"title_hover_style\":\"reset\",\"title_link\":false,\"title_style\":\"h3\"},\"children\":[{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"\n\n<p>We begin by understanding the business, audience, competitive landscape and wider digital environment. Research, strategic conversations and visual exploration allow us to identify opportunities and establish the creative and functional direction that will guide the project.<\/p>\n\n\",\"image\":\"\",\"link\":\"#\",\"meta\":\"01\",\"title\":\"Research <br \/>& Digital Direction\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"\n\n<p>We define the architecture behind the experience. Pages, content hierarchies and user journeys are mapped around audience needs and business objectives, creating a clear framework for how information is presented and how users move from discovery to action.<\/p>\n\n\",\"image\":\"\",\"link\":\"#\",\"meta\":\"02\",\"title\":\"Structure <br \/>& Content Strategy\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"Strategy becomes something people can see, use and experience. We bring together brand identity, content, interface design, motion and interaction to create the digital experience. Every element is refined as part of a connected system, balancing visual impact with clarity and usability.\",\"image\":\"\",\"link\":\"#\",\"meta\":\"03\",\"title\":\"Experience <br \/>& Interface Design\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"We move beyond static presentations and bring the experience into a live environment. Clients can navigate pages, test interactions and experience how the website behaves in real time. This creates a more collaborative development process, where feedback can be evaluated in context and the experience refined before final production.\",\"image\":\"\",\"link\":\"#\",\"meta\":\"04\",\"title\":\"LiveDemo <br \/>& Development\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"Once the experience has been refined and approved, we prepare it for the real world. Development is completed alongside cross-device testing, performance reviews and final quality assurance. From responsive behaviour to functionality and content, every detail is reviewed before the website goes live.\",\"image\":\"\",\"link\":\"#\",\"meta\":\"05\",\"title\":\"Final Development <br \/>& Launch\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"Launch is a milestone, not the finish line. From SEO and content to new landing pages and campaigns, we continue to optimise the website around changing business and marketing needs\u2014building organic visibility, attracting relevant traffic and strengthening its role as a long-term marketing platform.\",\"image\":\"\",\"link\":\"#\",\"meta\":\"06\",\"title\":\"SEO & Continuous Optimisation\"}}]}]}]}],\"name\":\"Services\"},{\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"height\":\"viewport\",\"height_viewport\":200,\"image_position\":\"center-center\",\"padding_bottom\":\"large\",\"padding_top\":\"large\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"\",\"width\":\"xlarge\"},\"children\":[{\"type\":\"row\",\"props\":{\"margin_bottom\":\"xlarge\",\"margin_top\":\"xlarge\",\"width\":\"expand\"},\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky\":\"section\",\"position_sticky_breakpoint\":\"\",\"position_sticky_offset\":\"50vh - 50%\"},\"children\":[{\"type\":\"headline\",\"props\":{\"animation\":\"parallax\",\"class\":\"uppercase\",\"content\":\"Unser\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_bottom\":\"remove\",\"parallax_end\":\"50vh + 50%\",\"parallax_x\":\"-5vw,0\",\"text_align\":\"center\",\"title_color\":\"primary\",\"title_element\":\"div\",\"title_style\":\"heading-small\"}},{\"type\":\"headline\",\"props\":{\"animation\":\"parallax\",\"class\":\"uppercase\",\"content\":\"Entwicklungsprozess\",\"image_align\":\"left\",\"image_margin\":\"xsmall\",\"margin_top\":\"xsmall\",\"parallax_end\":\"50vh + 50%\",\"parallax_x\":\"10vw,0\",\"text_align\":\"center\",\"title_element\":\"div\",\"title_style\":\"heading-small\"}},{\"type\":\"text\",\"props\":{\"column_breakpoint\":\"m\",\"content\":\"\n\n<p style=\\\"text-align: center;\\\">Design, Inhalte und technische Entwicklung m\u00fcssen von Anfang an aufeinander abgestimmt sein. Andernfalls kann selbst eine optisch \u00fcberzeugende Website schwierig zu bedienen oder aufwendig zu pflegen sein.<\/p>\n\n\\n\n\n<p style=\\\"text-align: center;\\\">Unser Prozess verbindet diese Disziplinen \u00fcber den gesamten Projektverlauf hinweg \u2013 von den ersten Gespr\u00e4chen und der kreativen Konzeption \u00fcber die Entwicklung bis zum Launch und der anschlie\u00dfenden Optimierung.<\/p>\n\n\",\"margin_bottom\":\"default\",\"margin_top\":\"default\"}},{\"type\":\"panel\",\"props\":{\"content\":\"\n\n<p>Design, content and development need to work together from the start. Otherwise, even a good-looking website can become difficult to use or maintain.<\/p>\n\n\\n\\n\n\n<p>Our process keeps these disciplines connected throughout the project, from the first discussions and creative exploration to development, launch and ongoing improvements.<\/p>\n\n\",\"content_column_breakpoint\":\"m\",\"image_align\":\"left\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_margin\":\"xsmall\",\"image_svg_color\":\"emphasis\",\"link_style\":\"default\",\"link_text\":\"Read more\",\"margin_bottom\":\"large\",\"margin_top\":\"large\",\"meta_align\":\"below-title\",\"meta_element\":\"div\",\"meta_style\":\"text-meta\",\"status\":\"disabled\",\"title\":\"<span class=\\\"uk-text-primary\\\">The Process<\/span> <br \/>Behind the Experience\",\"title_align\":\"left\",\"title_element\":\"div\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"3-5\",\"title_hover_style\":\"reset\",\"title_style\":\"h1\"}},{\"type\":\"panel-slider\",\"props\":{\"animation\":\"none\",\"content_column_breakpoint\":\"m\",\"css\":\".el-meta {\\n    position: absolute;\\n    bottom: -70px;\\n    z-index: 0;\\n}\\n\\n.el-title {\\n    position: relative;\\n    z-index: 3;\\n    padding-top: 50px;\\n}\",\"image_align\":\"top\",\"image_grid_breakpoint\":\"m\",\"image_grid_width\":\"1-2\",\"image_svg_color\":\"emphasis\",\"link_margin\":\"medium\",\"link_style\":\"text\",\"link_text\":\"Explore\",\"margin_bottom\":\"default\",\"margin_top\":\"medium\",\"meta_align\":\"above-content\",\"meta_color\":\"secondary\",\"meta_element\":\"div\",\"meta_style\":\"heading-2xlarge\",\"nav\":\"\",\"nav_align\":\"center\",\"nav_breakpoint\":\"s\",\"panel_match\":true,\"show_content\":true,\"show_hover_image\":true,\"show_hover_video\":true,\"show_image\":true,\"show_link\":false,\"show_meta\":true,\"show_title\":true,\"show_video\":true,\"slidenav\":\"\",\"slidenav_breakpoint\":\"s\",\"slidenav_hover\":false,\"slidenav_margin\":\"medium\",\"slidenav_outside_breakpoint\":\"xl\",\"slider_autoplay_pause\":true,\"slider_center\":false,\"slider_divider\":false,\"slider_finite\":true,\"slider_gap\":\"large\",\"slider_parallax\":true,\"slider_parallax_end\":\"100vh\",\"slider_parallax_start\":\"120vh\",\"slider_parallax_target\":\"!.uk-section\",\"slider_width\":\"fixed\",\"slider_width_default\":\"4-5\",\"slider_width_medium\":\"1-3\",\"slider_width_small\":\"3-5\",\"text_align\":\"left\",\"title_align\":\"top\",\"title_element\":\"div\",\"title_grid_breakpoint\":\"m\",\"title_grid_width\":\"auto\",\"title_hover_style\":\"reset\",\"title_link\":false,\"title_style\":\"h3\"},\"children\":[{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"\n\n<p>Wir beginnen damit, das Unternehmen, seine Zielgruppen und das Marktumfeld kennenzulernen.<\/p>\n\n\\n\n\n<p>Durch Recherche, Kundengespr\u00e4che und Moodboards analysieren wir bestehende Websites, Wettbewerber und visuelle Referenzen. So erkennen wir Potenziale und legen die gestalterische und strategische Richtung des Projekts fest.<\/p>\n\n\\n\n\n<p>In dieser Phase gewinnen wir au\u00dferdem ein besseres Verst\u00e4ndnis f\u00fcr die Inhalte, Funktionen und technischen Anforderungen, die vor Beginn der Gestaltung ber\u00fccksichtigt werden m\u00fcssen.<\/p>\n\n\",\"image\":\"\",\"link\":\"#\",\"meta\":\"01\",\"title\":\"Recherche & <br \/> Digitale Ausrichtung\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"\n\n<p>Im n\u00e4chsten Schritt planen wir den Aufbau der Website.<\/p>\n\n\\n\n\n<p>Wir definieren die Sitemap, entwickeln die grundlegenden Seitenstrukturen und legen fest, wie Inhalte verteilt werden. Dabei ber\u00fccksichtigen wir sowohl die Nutzerf\u00fchrung als auch die Unternehmensziele, um wichtige Informationen sinnvoll zu platzieren und Besuchern eine einfache Orientierung zu erm\u00f6glichen.<\/p>\n\n\\n\n\n<p>So entsteht eine klare Grundlage f\u00fcr die anschlie\u00dfende Gestaltung und technische Entwicklung.<\/p>\n\n\",\"image\":\"\",\"link\":\"#\",\"meta\":\"02\",\"title\":\"Struktur & <br \/>Content-Strategie\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"\n\n<p>Auf Basis der festgelegten Struktur entwickeln wir das visuelle Konzept.<\/p>\n\n\\n\n\n<p>Wir gestalten Layouts, Typografie, Bildwelten und interaktive Elemente, die zur Marke passen und die geplanten Inhalte unterst\u00fctzen. Dabei betrachten wir die Seiten nicht isoliert, sondern achten darauf, wie die einzelnen Bereiche zusammenwirken und wie sich die Website auf verschiedenen Endger\u00e4ten verh\u00e4lt.<\/p>\n\n\\n\n\n<p>Durch Feedback und gezielte Anpassungen wird das Design weiterentwickelt, bevor wir in die n\u00e4chste Entwicklungsphase \u00fcbergehen.<\/p>\n\n\",\"image\":\"\",\"link\":\"#\",\"meta\":\"03\",\"title\":\"Nutzererlebnis & <br \/>Interface-Design\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"\n\n<p>Anstatt uns ausschlie\u00dflich auf statische Designentw\u00fcrfe zu verlassen, erstellen wir eine interaktive Live-Demo, mit der unsere Kunden die Website bereits w\u00e4hrend ihrer Entstehung erleben k\u00f6nnen.<\/p>\n\n\\n\n\n<p>Seiten lassen sich direkt im Browser aufrufen, die Navigation kann getestet und interaktive Funktionen k\u00f6nnen \u00fcberpr\u00fcft werden. So l\u00e4sst sich besser beurteilen, wie die Website tats\u00e4chlich funktioniert, und es k\u00f6nnen Anpassungen erkannt werden, die in einer reinen Designpr\u00e4sentation m\u00f6glicherweise nicht auffallen.<\/p>\n\n\\n\n\n<p>Wir nutzen diese Phase, um gemeinsam mit unseren Kunden Feedback zu sammeln und die Website weiterzuentwickeln, bevor die technische Umsetzung abgeschlossen wird.<\/p>\n\n\",\"image\":\"\",\"link\":\"#\",\"meta\":\"04\",\"title\":\"Live-Demo & <br \/>Entwicklung\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"\n\n<p>Sobald Design und Funktionen freigegeben sind, schlie\u00dfen wir die verbleibenden Entwicklungsarbeiten ab und bereiten die Website auf den Launch vor.<\/p>\n\n\\n\n\n<p>Wir testen die Website auf verschiedenen Endger\u00e4ten und in unterschiedlichen Browsern, \u00fcberpr\u00fcfen Inhalte und Funktionen und kontrollieren die technische Performance. Verbleibende Probleme werden behoben, bevor die Website online geht.<\/p>\n\n\\n\n\n<p>Gleichzeitig stellen wir sicher, dass die Website f\u00fcr zuk\u00fcnftige Inhaltsaktualisierungen und technische Erweiterungen vorbereitet ist.<\/p>\n\n\",\"image\":\"\",\"link\":\"#\",\"meta\":\"05\",\"title\":\"Finalisierung & <br \/>Launch\"}},{\"type\":\"panel-slider_item\",\"props\":{\"content\":\"\n\n<p><strong>Mit dem Launch beginnt die Weiterentwicklung.<\/strong><\/p>\n\n\\n\n\n<p>Nach der Ver\u00f6ffentlichung optimieren wir die Website auf Grundlage ihrer Suchmaschinenperformance und der sich ver\u00e4ndernden Unternehmensanforderungen.<\/p>\n\n\\n\n\n<p>Von SEO-Ma\u00dfnahmen und Inhaltsaktualisierungen bis hin zu neuen Landingpages und Kampagnen unterst\u00fctzen wir die kontinuierliche Weiterentwicklung der Website im Einklang mit der \u00fcbergeordneten Marketingstrategie. So st\u00e4rken wir langfristig die organische Sichtbarkeit und helfen dabei, relevante Besucher auf die Website zu bringen.<\/p>\n\n\",\"image\":\"\",\"link\":\"#\",\"meta\":\"06\",\"title\":\"SEO & Kontinuierliche <br \/>Optimierung\"}}]}]}]}],\"name\":\"Services\"},{\"type\":\"section\",\"props\":{\"animation\":\"fade\",\"image_position\":\"center-center\",\"padding_top\":\"none\",\"style\":\"default\",\"title_breakpoint\":\"xl\",\"title_position\":\"top-left\",\"title_rotation\":\"left\",\"vertical_align\":\"middle\",\"width\":\"default\"},\"children\":[{\"type\":\"row\",\"children\":[{\"type\":\"column\",\"props\":{\"image_position\":\"center-center\",\"position_sticky_breakpoint\":\"m\"}}]}]}],\"version\":\"5.0.45\"} --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eine Website ist h\u00e4ufig der erste Anlaufpunkt, um sich \u00fcber ein Unternehmen zu informieren. Sie sollte einen \u00fcberzeugenden ersten Eindruck vermitteln, das Angebot verst\u00e4ndlich pr\u00e4sentieren und Besuchern helfen, schnell die gew\u00fcnschten Informationen zu finden. Bei KreaSpecs verbinden wir Design, Inhalte, Technologie und Marketing zu Websites, die sowohl den Anforderungen des Unternehmens als auch den Bed\u00fcrfnissen [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3800,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-3802","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Website Design Services | UX &amp; Development | KreaSpecs<\/title>\n<meta name=\"description\" content=\"Explore KreaSpecs\u2019 website design services, combining strategy, UX, content and development to create clear, engaging digital experiences.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kreaspecs.com\/de\/services\/websites\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Website Design Services | UX &amp; Development | KreaSpecs\" \/>\n<meta property=\"og:description\" content=\"Explore KreaSpecs\u2019 website design services, combining strategy, UX, content and development to create clear, engaging digital experiences.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kreaspecs.com\/de\/services\/websites\/\" \/>\n<meta property=\"og:site_name\" content=\"KreaSpecs\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-22T05:15:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/imagedelivery.net\/2HXyhG6tQKAIVplskOii3g\/011a0cd9-2621-4c34-ab46-7a358286af00\/public\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/services\\\/websites\\\/\",\"url\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/services\\\/websites\\\/\",\"name\":\"Website Design Services | UX & Development | KreaSpecs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/services\\\/websites\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/services\\\/websites\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/imagedelivery.net\\\/2HXyhG6tQKAIVplskOii3g\\\/011a0cd9-2621-4c34-ab46-7a358286af00\\\/public\",\"datePublished\":\"2026-10-08T03:14:38+00:00\",\"dateModified\":\"2026-10-22T05:15:24+00:00\",\"description\":\"Explore KreaSpecs\u2019 website design services, combining strategy, UX, content and development to create clear, engaging digital experiences.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/services\\\/websites\\\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kreaspecs.com\\\/de\\\/services\\\/websites\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/services\\\/websites\\\/#primaryimage\",\"url\":\"https:\\\/\\\/imagedelivery.net\\\/2HXyhG6tQKAIVplskOii3g\\\/011a0cd9-2621-4c34-ab46-7a358286af00\\\/public\",\"contentUrl\":\"https:\\\/\\\/imagedelivery.net\\\/2HXyhG6tQKAIVplskOii3g\\\/011a0cd9-2621-4c34-ab46-7a358286af00\\\/public\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/services\\\/websites\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\",\"item\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/?page_id=3800\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/#website\",\"url\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/\",\"name\":\"KreaSpecs\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kreaspecs.com\\\/de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Website Design Services | UX & Development | KreaSpecs","description":"Explore KreaSpecs\u2019 website design services, combining strategy, UX, content and development to create clear, engaging digital experiences.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kreaspecs.com\/de\/services\/websites\/","og_locale":"de_DE","og_type":"article","og_title":"Website Design Services | UX & Development | KreaSpecs","og_description":"Explore KreaSpecs\u2019 website design services, combining strategy, UX, content and development to create clear, engaging digital experiences.","og_url":"https:\/\/kreaspecs.com\/de\/services\/websites\/","og_site_name":"KreaSpecs","article_modified_time":"2026-10-22T05:15:24+00:00","og_image":[{"url":"https:\/\/imagedelivery.net\/2HXyhG6tQKAIVplskOii3g\/011a0cd9-2621-4c34-ab46-7a358286af00\/public","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kreaspecs.com\/de\/services\/websites\/","url":"https:\/\/kreaspecs.com\/de\/services\/websites\/","name":"Website Design Services | UX & Development | KreaSpecs","isPartOf":{"@id":"https:\/\/kreaspecs.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kreaspecs.com\/de\/services\/websites\/#primaryimage"},"image":{"@id":"https:\/\/kreaspecs.com\/de\/services\/websites\/#primaryimage"},"thumbnailUrl":"https:\/\/imagedelivery.net\/2HXyhG6tQKAIVplskOii3g\/011a0cd9-2621-4c34-ab46-7a358286af00\/public","datePublished":"2026-10-08T03:14:38+00:00","dateModified":"2026-10-22T05:15:24+00:00","description":"Explore KreaSpecs\u2019 website design services, combining strategy, UX, content and development to create clear, engaging digital experiences.","breadcrumb":{"@id":"https:\/\/kreaspecs.com\/de\/services\/websites\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kreaspecs.com\/de\/services\/websites\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kreaspecs.com\/de\/services\/websites\/#primaryimage","url":"https:\/\/imagedelivery.net\/2HXyhG6tQKAIVplskOii3g\/011a0cd9-2621-4c34-ab46-7a358286af00\/public","contentUrl":"https:\/\/imagedelivery.net\/2HXyhG6tQKAIVplskOii3g\/011a0cd9-2621-4c34-ab46-7a358286af00\/public"},{"@type":"BreadcrumbList","@id":"https:\/\/kreaspecs.com\/de\/services\/websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kreaspecs.com\/de\/"},{"@type":"ListItem","position":2,"name":"Services","item":"https:\/\/kreaspecs.com\/de\/?page_id=3800"},{"@type":"ListItem","position":3,"name":"Websites"}]},{"@type":"WebSite","@id":"https:\/\/kreaspecs.com\/de\/#website","url":"https:\/\/kreaspecs.com\/de\/","name":"KreaSpecs","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kreaspecs.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"}]}},"_links":{"self":[{"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/pages\/3802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/comments?post=3802"}],"version-history":[{"count":5,"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/pages\/3802\/revisions"}],"predecessor-version":[{"id":3960,"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/pages\/3802\/revisions\/3960"}],"up":[{"embeddable":true,"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/pages\/3800"}],"wp:attachment":[{"href":"https:\/\/kreaspecs.com\/de\/wp-json\/wp\/v2\/media?parent=3802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}