<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Entwicklung-Archiv - Webdesign Köln</title>
	<atom:link href="https://webdesign.koeln/projekt-kategorie/entwicklung/feed/" rel="self" type="application/rss+xml" />
	<link>https://webdesign.koeln/projekt-kategorie/entwicklung/</link>
	<description>Professionelles Webdesign für Ihr Unternehmen</description>
	<lastBuildDate>Sun, 11 Oct 2026 12:28:55 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.3</generator>
	<item>
		<title>Aquaskys</title>
		<link>https://webdesign.koeln/projekt/aquaskys/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Sat, 10 Oct 2026 15:15:12 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=15343</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/aquaskys/">Aquaskys</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">Aquaskys &#8211; Kursverwaltung und Online-Buchung für eine Schwimmschule</h1>
<h2 style="text-align: center;">Vom Kurs bis zum Abo in einem System</h2>
<p style="text-align: center;">Eigene Software für eine Schwimmschule mit eigenem Schwimmbad: Kursverwaltung, Mitarbeiterverwaltung, Online-Buchungsstrecke und Abosystem an einer Stelle.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img fetchpriority="high" decoding="async" width="1500" height="661" src="https://webdesign.koeln/wp-content/uploads/2026/10/referenz-aquaskys-kursbuchung.png" class="vc_single_image-img attachment-full" alt="Aquaskys - Schwimmschule mit eigener Kursverwaltung - Webseiten Bild" title="referenz-aquaskys-kursbuchung" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/referenz-aquaskys-kursbuchung.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-aquaskys-kursbuchung-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-aquaskys-kursbuchung-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-aquaskys-kursbuchung-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-aquaskys-kursbuchung-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">Eine Schwimmschule mit eigenem Schwimmbad und vielen Kursen: Termine, Plätze, Personal und laufende Abos müssen zuverlässig organisiert werden, und Kunden sollen Kurse einfach online buchen können.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Entwicklung eines eigenen Systems mit Kursverwaltung, Mitarbeiterverwaltung, Online-Buchungsstrecke und Abosystem.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Ein System statt vieler Listen.</strong><br />
Kunden buchen ihre Kurse online, und die Schwimmschule hat Kurse, Team und Abos an einer Stelle im Blick.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>Programmierung · Buchungssystem · Abosystem</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790336537698 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://www.aquaskys.de/" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir entwickelt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-person-swimming" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Kursverwaltung</h4>
<p class="big" style="text-align: center;"><strong>Alle Kurse an einer Stelle</strong></p>
<p style="text-align: center;">Kurse, Termine und Plätze werden zentral angelegt und verwaltet.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-cart-shopping" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Buchungsstrecke</h4>
<p class="big" style="text-align: center;"><strong>Online zum passenden Kurs</strong></p>
<p style="text-align: center;">Kunden wählen ihren Kurs und buchen ihn direkt über die Website.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-arrows-rotate" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Abosystem</h4>
<p class="big" style="text-align: center;"><strong>Laufende Kurse als Abo</strong></p>
<p style="text-align: center;">Wiederkehrende Kurse lassen sich als Abo buchen und werden im System verwaltet.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-users" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Mitarbeiterverwaltung</h4>
<p class="big" style="text-align: center;"><strong>Das Team im Blick</strong></p>
<p style="text-align: center;">Mitarbeitende und ihre Kurse werden im selben System verwaltet.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Software für den Alltag einer Schwimmschule</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>Aquaskys ist eine Schwimmschule mit eigenem Schwimmbad. Neben dem Unterricht selbst fällt viel Organisation an: Kurse planen, Plätze vergeben, Personal einteilen und laufende Abos verwalten.</p>
<p>Dafür haben wir ein eigenes System entwickelt, das genau auf diese Abläufe zugeschnitten ist. Kurse und Mitarbeitende werden zentral verwaltet, Kunden buchen ihre Kurse über eine Online-Buchungsstrecke, und wiederkehrende Kurse laufen über ein Abosystem.</p>
<p>So landen Buchungen direkt im System, statt über Telefon, E-Mail und Listen verteilt zu sein.</p>
<p><strong>Das Ergebnis ist eine Software, die der Schwimmschule Organisationsarbeit abnimmt und Kunden die Buchung leicht macht.</strong></p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>Programmierung</strong><br />
Eigenes System nach Maß<br />
<strong>Kursverwaltung</strong><br />
Kurse, Termine und Plätze<br />
<strong>Buchungsstrecke</strong><br />
Online-Buchung über die Website<br />
<strong>Abosystem</strong><br />
Wiederkehrende Kurse<br />
<strong>Mitarbeiterverwaltung</strong><br />
Team und Kurse im Blick</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="/projekt-anfragen/?anliegen=projekt-aquaskys" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:15343,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1791645345779-078dd3d5-91f8-0&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="15343" data-vc-public-nonce="133ea840c7">
		<style data-type="vc_shortcodes-custom-css">.vc_custom_1780925714766{background-color: #FFFFFF !important;}.vc_custom_1419240793832{background-color: rgba(0,0,0,0.3) !important;*background-color: rgb(0,0,0) !important;}.vc_custom_1780925778016{padding-top: 20px !important;padding-right: 20px !important;padding-left: 20px !important;}</style><div class="vc_grid vc_row vc_grid-gutter vc_pageable-wrapper vc_hook_hover" data-vc-pageable-content="true"><div class="vc_pageable-slide-wrapper vc_clearfix" data-vc-grid-content="true"><div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom"><div class="vc_grid-item-mini vc_clearfix "><div class="vc_gitem-animated-block  vc_gitem-animate vc_gitem-animate-scaleRotateIn"  data-vc-animation="scaleRotateIn"><div class="vc_gitem-zone vc_gitem-zone-a vc-gitem-zone-height-mode-auto vc-gitem-zone-height-mode-auto-16-9 vc_gitem-is-link" style="background-image: url('https://webdesign.koeln/wp-content/uploads/2026/10/preview-gs-schmid-1024x576.jpg') !important;"><a href="https://webdesign.koeln/projekt/gs-schmid/" title="GS Schmid" class="vc_gitem-link vc-zone-link" ></a><img decoding="async" class="vc_gitem-zone-img" src="https://webdesign.koeln/wp-content/uploads/2026/10/preview-gs-schmid-1024x576.jpg" alt="Preview Bild für gs-schmid.de"><div class="vc_gitem-zone-mini"></div></div><div class="vc_gitem-zone vc_gitem-zone-b vc_custom_1419240793832 vc-gitem-zone-height-mode-auto vc_gitem-is-link"><a href="https://webdesign.koeln/projekt/gs-schmid/" title="GS Schmid" class="vc_gitem-link vc-zone-link" ></a><div class="vc_gitem-zone-mini"></div></div></div><div class="vc_gitem-zone vc_gitem-zone-c wdk_blog_box_bodyw vc_custom_1780925714766"><div class="vc_gitem-zone-mini"><div class="vc_gitem_row vc_row vc_gitem-row-position-top"><div class="vc_col-sm-12 wdk_blog_box_bodywi vc_gitem-col vc_gitem-col-align- vc_custom_1780925778016"><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_title" ><h4 style="text-align: left" >GS Schmid</h4></div><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_excerpt" ><p style="text-align: left" >GS Schmid - Website mit geführten Anfragen für einen Heizungs- und Sanitärbetrieb Vom Klick zur passenden Anfrage Neue Website für einen Meisterbetrieb für Heizung und Sanitär<span class="excerpt-hellip"> […]</span></p></div><div class="vc_btn3-container vc_btn3-left" ><a onmouseenter="this.style.backgroundColor='#f23630'; this.style.color='#f7f7f7';" onmouseleave="this.style.backgroundColor='#F4524D'; this.style.color='#fff';" style="background-color:#F4524D; color:#fff;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-icon-left" href="https://webdesign.koeln/projekt/gs-schmid/" title=""><i class="vc_btn3-icon fa fa-solid fa-eye"></i> Weiterlesen</a></div></div></div></div></div></div><div class="vc_clearfix"></div></div><div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom"><div class="vc_grid-item-mini vc_clearfix "><div class="vc_gitem-animated-block  vc_gitem-animate vc_gitem-animate-scaleRotateIn"  data-vc-animation="scaleRotateIn"><div class="vc_gitem-zone vc_gitem-zone-a vc-gitem-zone-height-mode-auto vc-gitem-zone-height-mode-auto-16-9 vc_gitem-is-link" style="background-image: url('https://webdesign.koeln/wp-content/uploads/2026/10/preview-suplex-1024x576.jpg') !important;"><a href="https://webdesign.koeln/projekt/suplex/" title="Suplex" class="vc_gitem-link vc-zone-link" ></a><img decoding="async" class="vc_gitem-zone-img" src="https://webdesign.koeln/wp-content/uploads/2026/10/preview-suplex-1024x576.jpg" alt="Preview Bild Suplex"><div class="vc_gitem-zone-mini"></div></div><div class="vc_gitem-zone vc_gitem-zone-b vc_custom_1419240793832 vc-gitem-zone-height-mode-auto vc_gitem-is-link"><a href="https://webdesign.koeln/projekt/suplex/" title="Suplex" class="vc_gitem-link vc-zone-link" ></a><div class="vc_gitem-zone-mini"></div></div></div><div class="vc_gitem-zone vc_gitem-zone-c wdk_blog_box_bodyw vc_custom_1780925714766"><div class="vc_gitem-zone-mini"><div class="vc_gitem_row vc_row vc_gitem-row-position-top"><div class="vc_col-sm-12 wdk_blog_box_bodywi vc_gitem-col vc_gitem-col-align- vc_custom_1780925778016"><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_title" ><h4 style="text-align: left" >Suplex</h4></div><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_excerpt" ><p style="text-align: left" >Suplex – Webdesign für einen internationalen Anbieter von Fahrwerksfedern Technische Produkte klar und professionell präsentiert Website für Suplex mit individuellem Webdesign, klarer Struktur und responsiver Darstellung<span class="excerpt-hellip"> […]</span></p></div><div class="vc_btn3-container vc_btn3-left" ><a onmouseenter="this.style.backgroundColor='#f23630'; this.style.color='#f7f7f7';" onmouseleave="this.style.backgroundColor='#F4524D'; this.style.color='#fff';" style="background-color:#F4524D; color:#fff;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-icon-left" href="https://webdesign.koeln/projekt/suplex/" title=""><i class="vc_btn3-icon fa fa-solid fa-eye"></i> Weiterlesen</a></div></div></div></div></div></div><div class="vc_clearfix"></div></div><div class="vc_grid-item vc_clearfix vc_col-sm-4 vc_grid-item-zone-c-bottom"><div class="vc_grid-item-mini vc_clearfix "><div class="vc_gitem-animated-block  vc_gitem-animate vc_gitem-animate-scaleRotateIn"  data-vc-animation="scaleRotateIn"><div class="vc_gitem-zone vc_gitem-zone-a vc-gitem-zone-height-mode-auto vc-gitem-zone-height-mode-auto-16-9 vc_gitem-is-link" style="background-image: url('https://webdesign.koeln/wp-content/uploads/2026/10/preview-im-goldenen-ring-1024x576.jpg') !important;"><a href="https://webdesign.koeln/projekt/brauhaus-im-goldenen-ring/" title="Brauhaus Im Goldenen Ring" class="vc_gitem-link vc-zone-link" ></a><img decoding="async" class="vc_gitem-zone-img" src="https://webdesign.koeln/wp-content/uploads/2026/10/preview-im-goldenen-ring-1024x576.jpg" alt="Preview Im Goldenen Ring"><div class="vc_gitem-zone-mini"></div></div><div class="vc_gitem-zone vc_gitem-zone-b vc_custom_1419240793832 vc-gitem-zone-height-mode-auto vc_gitem-is-link"><a href="https://webdesign.koeln/projekt/brauhaus-im-goldenen-ring/" title="Brauhaus Im Goldenen Ring" class="vc_gitem-link vc-zone-link" ></a><div class="vc_gitem-zone-mini"></div></div></div><div class="vc_gitem-zone vc_gitem-zone-c wdk_blog_box_bodyw vc_custom_1780925714766"><div class="vc_gitem-zone-mini"><div class="vc_gitem_row vc_row vc_gitem-row-position-top"><div class="vc_col-sm-12 wdk_blog_box_bodywi vc_gitem-col vc_gitem-col-align- vc_custom_1780925778016"><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_title" ><h4 style="text-align: left" >Brauhaus Im Goldenen Ring</h4></div><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_excerpt" ><p style="text-align: left" >Brauhaus Im Goldenen Ring - Website, Fotos und Speisekarte für ein Düsseldorfer Brauhaus Tradition seit 1536, online zeitgemäß Website für das Brauhaus am Burgplatz in der<span class="excerpt-hellip"> […]</span></p></div><div class="vc_btn3-container vc_btn3-left" ><a onmouseenter="this.style.backgroundColor='#f23630'; this.style.color='#f7f7f7';" onmouseleave="this.style.backgroundColor='#F4524D'; this.style.color='#fff';" style="background-color:#F4524D; color:#fff;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-flat vc_btn3-icon-left" href="https://webdesign.koeln/projekt/brauhaus-im-goldenen-ring/" title=""><i class="vc_btn3-icon fa fa-solid fa-eye"></i> Weiterlesen</a></div></div></div></div></div></div><div class="vc_clearfix"></div></div></div></div>
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/aquaskys/">Aquaskys</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Joe Champs Köln &#8211; Sportbar am Rudolfplatz</title>
		<link>https://webdesign.koeln/projekt/joe-champs-koeln-sportbar-am-rudolfplatz/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Wed, 07 Oct 2026 11:35:18 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=15133</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/joe-champs-koeln-sportbar-am-rudolfplatz/">Joe Champs Köln &#8211; Sportbar am Rudolfplatz</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">Joe Champs Köln &#8211; Website für eine American Sports Bar am Rudolfplatz</h1>
<h2 style="text-align: center;">Alle Spiele, Burger und Reservierungen an einem Ort</h2>
<p style="text-align: center;">Website für die Sports Bar Joe Champs in Köln, mit tagesaktuellem Spielplan, Online-Reservierung, Bestellung und Shop, umgesetzt mit unserer eigenen Gastronomie-Software tabularesa.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="661" src="https://webdesign.koeln/wp-content/uploads/2026/10/referenz-joe-champs-webseite.png" class="vc_single_image-img attachment-full" alt="Webseite vom Joe Champs in Köln" title="referenz-joe-champs-webseite" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/referenz-joe-champs-webseite.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-joe-champs-webseite-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-joe-champs-webseite-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-joe-champs-webseite-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-joe-champs-webseite-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">In einer Sports Bar entscheidet das Programm über den Besuch: Gäste wollen wissen, welches Spiel wann läuft, und sich direkt einen Platz sichern.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Website auf Basis von tabularesa, mit Spielplan für Fußball, Eishockey, NFL und Formel 1, Online-Reservierung, Bestellung, Shop und Inhalten auf Deutsch und Englisch.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Erst das Spiel, dann der Tisch.</strong><br />
Gäste sehen das Programm der nächsten Wochen und reservieren direkt ihren Platz.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>tabularesa · Webdesign · Programmierung · Mehrsprachigkeit</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790336537698 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://joe-champs.de/" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir umgesetzt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-tv" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Spielplan</h4>
<p class="big" style="text-align: center;"><strong>Das Programm der nächsten Wochen</strong></p>
<p style="text-align: center;">Bundesliga, Champions League, DEL, NFL und Formel 1 mit Datum, Uhrzeit und Wettbewerb, inklusive Hinweisen auf Konferenzen.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-calendar-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Reservierung</h4>
<p class="big" style="text-align: center;"><strong>Platz sichern, Essen bestellen</strong></p>
<p style="text-align: center;">Tische lassen sich online reservieren, Bestellungen laufen ebenfalls direkt über die Website.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-bag-shopping" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Shop und Sprachen</h4>
<p class="big" style="text-align: center;"><strong>Für Gäste aus aller Welt</strong></p>
<p style="text-align: center;">Ein eigener Shop, die Speisekarte zum Abruf und alle Inhalte auf Deutsch und Englisch.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Eine Sports Bar lebt vom Programm</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>
Joe Champs ist eine American Sports Bar am Rudolfplatz in Köln, mit Classic American Food und Burgern vom offenen Grill. Live übertragen werden Fußball, Eishockey, American Football und Formel 1.<br />
Für eine Sports Bar ist die wichtigste Information das Programm: Läuft heute das Spiel meines Vereins, und bekomme ich noch einen Platz? Genau diese Fragen sollte die Website beantworten.<br />
Umgesetzt haben wir die Website auf Basis von tabularesa, unserer eigenen Softwarelösung für die Gastronomie. Herzstück ist der Spielplan, der die Übertragungen der nächsten Wochen mit Datum, Uhrzeit und Wettbewerb zeigt.<br />
Dazu kommen Online-Reservierung, Bestellung, ein eigener Shop, die Speisekarte zum Abruf und eine Bildergalerie. Alle Inhalte stehen auf Deutsch und Englisch bereit.<br />
<strong>Das Ergebnis ist eine Website, die das Programm in den Mittelpunkt stellt und Gäste direkt zur Reservierung führt.</strong></p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>tabularesa</strong><br />
Website auf Basis unserer Gastronomie-Software<br />
<strong>Programmierung</strong><br />
Spielplan mit allen Übertragungen<br />
<strong>Webdesign</strong><br />
Auftritt im Stil einer American Sports Bar<br />
<strong>Reservierung und Shop</strong><br />
Tische, Bestellungen und Shop online<br />
<strong>Mehrsprachigkeit</strong><br />
Inhalte auf Deutsch und Englisch</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:15133,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1791373034352-8bbe7eb2-3f0c-5&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="15133" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/joe-champs-koeln-sportbar-am-rudolfplatz/">Joe Champs Köln &#8211; Sportbar am Rudolfplatz</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Xll Apostel Restaurant &#038; Hotel</title>
		<link>https://webdesign.koeln/projekt/xll-apostel-restaurant-hotel/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Wed, 07 Oct 2026 11:08:44 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=15105</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/xll-apostel-restaurant-hotel/">Xll Apostel Restaurant &#038; Hotel</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">XII Apostel Köln &#8211; Website für Hotel und Restaurant auf Basis von tabularesa</h1>
<h2 style="text-align: center;">Italienisches Flair, online wie am Heumarkt</h2>
<p style="text-align: center;">Website für das Stadthotel und Restaurant XII Apostel in der Kölner Altstadt, umgesetzt mit unserer eigenen Gastronomie-Software tabularesa.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="661" src="https://webdesign.koeln/wp-content/uploads/2026/10/XII-Apostel-webseite.png" class="vc_single_image-img attachment-full" alt="Webseite vom xii Apostel in Köln" title="XII-Apostel-webseite" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/XII-Apostel-webseite.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/XII-Apostel-webseite-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/XII-Apostel-webseite-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/XII-Apostel-webseite-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/XII-Apostel-webseite-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">Hotel, Restaurant und Feiern unter einem Dach: Die Website sollte alle drei Bereiche übersichtlich zeigen und Gäste schnell zum passenden Angebot führen.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Website auf Basis von tabularesa, mit eigenen Bereichen für Hotel, Restaurant und Veranstaltungen.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Drei Angebote, ein Auftritt.</strong><br />
Übernachten, Essen und Feiern sind klar gegliedert und wirken trotzdem wie aus einem Guss.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>tabularesa · Webdesign · Programmierung</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790336537698 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://xii-apostel-koeln.de/" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir umgesetzt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-bed" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Hotel</h4>
<p class="big" style="text-align: center;"><strong>Zimmer im Überblick</strong></p>
<p style="text-align: center;">Die Zimmer des Stadthotels mitten in der Altstadt, übersichtlich präsentiert für Geschäftsreisende, Messebesucher und Städtetouristen.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-utensils" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Restaurant</h4>
<p class="big" style="text-align: center;"><strong>Italienischer Genuss</strong></p>
<p style="text-align: center;">Das Restaurant mit Terrasse, begrüntem Innenhof und Gastraum, mit den Gastronomie-Funktionen von tabularesa im Hintergrund.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-champagne-glasses" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Feiern</h4>
<p class="big" style="text-align: center;"><strong>Räume für jeden Anlass</strong></p>
<p style="text-align: center;">Weinkeller, Innenhof und eigene Bereiche im Restaurant für Feiern von Betrieben, Vereinen und im privaten Kreis.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Hotel und Restaurant auf einem gemeinsamen System</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>
Das XII Apostel am Heumarkt verbindet ein Stadthotel und ein italienisches Restaurant mitten in der Kölner Altstadt. Dazu kommen Räume für Feiern, vom Weinkeller bis zum begrünten Innenhof.<br />
Für drei so unterschiedliche Angebote braucht es eine klare Struktur. Hotelgäste suchen Zimmer und Lage, Restaurantgäste das Essen und die Atmosphäre, Gastgeber den passenden Raum für ihre Feier.<br />
Umgesetzt haben wir die Website auf Basis von tabularesa, unserer eigenen Softwarelösung für die Gastronomie. Hotel, Restaurant und Veranstaltungen haben jeweils einen eigenen Bereich und laufen technisch auf einem gemeinsamen System.<br />
<strong>Das Ergebnis ist ein Auftritt, der italienisches Flair vermittelt und Gäste schnell zum passenden Angebot führt.</strong></p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>tabularesa</strong><br />
Website auf Basis unserer Gastronomie-Software<br />
<strong>Webdesign</strong><br />
Italienisches Flair im Auftritt<br />
<strong>Struktur</strong><br />
Hotel, Restaurant und Feiern klar gegliedert<br />
<strong>Programmierung</strong><br />
Anpassungen für Hotel und Restaurant<br />
<strong>Responsive</strong><br />
Auf jedem Gerät nutzbar</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:15105,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1791371333015-69bc1163-8b89-8&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="15105" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/xll-apostel-restaurant-hotel/">Xll Apostel Restaurant &#038; Hotel</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>tabularesa</title>
		<link>https://webdesign.koeln/projekt/tabularesa/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Tue, 06 Oct 2026 12:49:15 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=15011</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/tabularesa/">tabularesa</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">tabularesa &#8211; eigene Softwarelösung für die Gastronomie</h1>
<h2 style="text-align: center;">Website, Speisekarte, Reservierung und Bestellung in einem System</h2>
<p style="text-align: center;">Eigene Software als Add-on für Kassensysteme: Gastronomiebetriebe erhalten Website, digitale Speisekarte, Online-Reservierung und Bestellsystem aus einer Hand, ohne umsatzabhängige Kosten.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="661" src="https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-referenz-kassenaddon-gastronomie.png" class="vc_single_image-img attachment-full" alt="" title="tabularesa-referenz-kassenaddon-gastronomie" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-referenz-kassenaddon-gastronomie.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-referenz-kassenaddon-gastronomie-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-referenz-kassenaddon-gastronomie-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-referenz-kassenaddon-gastronomie-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-referenz-kassenaddon-gastronomie-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">Gastronomiebetriebe brauchen Website, Speisekarte, Reservierung und Bestellungen, oft verteilt auf mehrere Anbieter und mit umsatzabhängigen Gebühren.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Konzeption und Entwicklung einer eigenen Software mit digitaler Speisekarte, Online-Reservierung mit Sitzplan, Bestellsystem und Reporting.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Ein System statt vieler Insellösungen.</strong><br />
Gäste reservieren und bestellen direkt, der Betrieb behält alle Kennzahlen im Blick.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>Konzeption · Programmierung · Schnittstellen · Webdesign</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790336537698 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://tabularesa.de/" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir entwickelt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-book-open" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Speisekarte</h4>
<p class="big" style="text-align: center;"><strong>Direkt aus dem Kassensystem</strong></p>
<p style="text-align: center;">Speisen und Getränke werden aus dem Kassensystem übernommen und erscheinen tagesaktuell als digitale Speisekarte, papierlos und ohne Druckkosten.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-calendar-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Reservierung</h4>
<p class="big" style="text-align: center;"><strong>Mit integriertem Sitzplan</strong></p>
<p style="text-align: center;">Gäste reservieren rund um die Uhr online, Bestätigung oder Absage gehen automatisch per E-Mail oder SMS raus.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-bag-shopping" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Bestellung</h4>
<p class="big" style="text-align: center;"><strong>Vor Ort, To-go, Lieferung</strong></p>
<p style="text-align: center;">Gäste bestellen am Tisch per Smartphone, zum Abholen oder zur Lieferung, ohne Provision an Lieferplattformen.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Online-Reservierung</h2>
<h3>Volle Tische, weniger Telefonate</h3>
<p>Die digitale Tischreservierung mit integriertem Sitzplan sorgt für Übersicht und hilft, die Auslastung zu optimieren. Gäste können jederzeit einen Platz anfragen oder fest reservieren, ohne dass jemand im Betrieb ans Telefon gehen muss.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>1. Anfrage</strong><br />
rund um die Uhr</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-table-cells" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>2. Sitzplan</strong><br />
Tisch im Überblick</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-envelope" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>3. Bestätigung</strong><br />
per E-Mail oder SMS</p>

		</div>
	</div>
</div></div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2026/10/reservierungsverwaltung-1.png" class="vc_single_image-img attachment-full" alt="Darstellung einer Reservierungsverwaltung für die Gastronomie" title="reservierungsverwaltung" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/reservierungsverwaltung-1.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/reservierungsverwaltung-1-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/reservierungsverwaltung-1-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/reservierungsverwaltung-1-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/reservierungsverwaltung-1-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-bestellungen.png" class="vc_single_image-img attachment-full" alt="Bestellungen Dashboard - Gastronomie - Togo, Inhouse und Lieferbestellungen" title="tabularesa-bestellungen" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-bestellungen.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-bestellungen-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-bestellungen-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-bestellungen-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/tabularesa-bestellungen-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Bestellungen digital</h2>
<h3>Neue Vertriebswege für jeden Betrieb</h3>
<p>Ob im Restaurant, zum Mitnehmen oder zur Lieferung: Gäste bestellen über das eigene Smartphone, einfach und schnell. Für den Betrieb entstehen zusätzliche Vertriebswege, ohne Provision an externe Lieferplattformen.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-mobile" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Self-Ordering</strong><br />
per Smartphone am Tisch</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-bag-shopping" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>To-go</strong><br />
zum Abholen</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-truck" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Lieferung</strong><br />
ohne Plattformprovision</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Ein System für den Gastro-Alltag</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>
tabularesa ist eine eigene Softwarelösung für Restaurants, Cafés, Bars, Hotels und andere Gastronomiebetriebe, die wir konzipiert und entwickelt haben. Sie funktioniert als Add-on zum bestehenden Kassensystem und bündelt die digitalen Aufgaben eines Betriebs an einer Stelle.<br />
Der Grundgedanke: Website, Speisekarte, Reservierung und Bestellung sollen nicht über verschiedene Anbieter laufen, sondern zusammenspielen. Die Speisekarte übernimmt Artikel direkt aus dem Kassensystem, die Online-Reservierung arbeitet mit einem integrierten Sitzplan, und Bestellungen vor Ort, zum Mitnehmen oder zur Lieferung laufen über dasselbe System.<br />
Ein Reporting-Dashboard zeigt alle wichtigen Kennzahlen. Dazu kommen Funktionen wie Eventplanung, Ticketsystem und Kontaktlisten.<br />
Für das Produkt selbst haben wir außerdem die Website gestaltet, auf Deutsch, Englisch und Spanisch.<br />
<strong>Das Ergebnis ist eine Gastronomie-Software, mit der Betriebe sich online präsentieren, Reservierungen und Bestellungen digital annehmen und ihr Geschäft im Blick behalten.</strong></p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>Konzeption</strong><br />
Aufbau als Add-on für Kassensysteme<br />
<strong>Programmierung</strong><br />
Entwicklung der gesamten Software<br />
<strong>Schnittstellen</strong><br />
Übernahme der Artikel aus dem Kassensystem<br />
<strong>Webdesign</strong><br />
Websites für Betriebe und Produktwebsite<br />
<strong>Mehrsprachigkeit</strong><br />
Produktwebsite auf Deutsch, Englisch und Spanisch</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Reporting und mehr</h2>
<h3>Alle Kennzahlen im Blick</h3>
<p>Im Reporting-Dashboard sieht der Betrieb jederzeit, was über Reservierungen und Bestellungen läuft.<br />
Darüber hinaus unterstützt tabularesa bei Eventplanung, Tickets und Kontaktlisten, damit auch die Organisation abseits des Tagesgeschäfts digital läuft.</p>

		</div>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2026/10/dashboard-tabularesa.png" class="vc_single_image-img attachment-full" alt="Tabularesa Dashboard Beispiel" title="dashboard-tabularesa" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/dashboard-tabularesa.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/dashboard-tabularesa-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/dashboard-tabularesa-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/dashboard-tabularesa-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/dashboard-tabularesa-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Technik, die im Hintergrund arbeitet</h2>
<h3 style="text-align: center;">Damit sich der Betrieb auf die Gäste konzentrieren kann</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-plug" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Anbindung an das Kassensystem</h4>
<p style="text-align: center;">Artikel wie Speisen und Getränke werden aus dem Kassensystem übernommen. Änderungen müssen nicht doppelt gepflegt werden.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-puzzle-piece" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Modular aufgebaut</h4>
<p style="text-align: center;">Website, Speisekarte, Reservierung und Bestellung sind eigene Bausteine, die Betriebe je nach Bedarf einsetzen können.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:15011,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1791293449011-caab689c-513e-0&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="15011" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/tabularesa/">tabularesa</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>dokdok</title>
		<link>https://webdesign.koeln/projekt/dokdok/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Mon, 28 Sep 2026 13:15:34 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=14826</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/dokdok/">dokdok</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">DokDok &#8211; Praxissoftware für Privatpraxen</h1>
<h2 style="text-align: center;">Eine Software für den gesamten Praxisalltag</h2>
<p style="text-align: center;">Eigene modulare Software für Privatpraxen: Dokumentation, Abrechnung nach GOÄ, Praxisorganisation und Geräteanbindung in einem System, von der Anamnese bis zur Rechnung.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="2560" height="1128" src="https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-all-devices.png" class="vc_single_image-img attachment-full" alt="dokdok Webseite auf Laptop und Tablet Darstellung" title="dokdok-all-devices" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-all-devices.png 2560w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-all-devices-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-all-devices-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-all-devices-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-all-devices-1536x677.png 1536w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-all-devices-2048x902.png 2048w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-all-devices-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:2560px) 100vw, 2560px" /></div>
		</figure>
	</div>

	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<p style="text-align: center;">Nachgestellte Ansicht mit fiktiven Daten</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">Für eine gute Behandlung brauchen Ärztinnen und Ärzte möglichst alle Informationen auf einen Blick, von der Anamnese bis zur Abrechnung.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Konzeption und Entwicklung einer eigenen modularen Praxissoftware, die je nach Konfiguration für unterschiedliche Fachrichtungen passt.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Alle Daten an einer Stelle.</strong><br />
Behandlung, Dokumentation, Abrechnung und Organisation laufen zentral in einem System.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>Konzeption · Programmierung · Schnittstellen · Corporate Design</strong></p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">4</h2>
<p style="text-align: center;">Kernbereiche in einem System</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">20+</h2>
<p style="text-align: center;">Funktionen für den Praxisalltag</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">GOÄ</h2>
<p style="text-align: center;">kompletter Ziffernkatalog hinterlegt</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">1</h2>
<p style="text-align: center;">zentrale Akte pro Patient</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Funktionsumfang</h2>
<h3 style="text-align: center;">Was DokDok alles kann</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-folder-open" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Dokumentation</h4>
<ul>
<li>Anamnese und Behandlungsschritte mit flexiblen Vorlagen</li>
<li>Röntgenbilder, Laborergebnisse und Rezepte in einer Akte</li>
<li>Laborwerte im Zeitverlauf</li>
<li>Recall-Anfragen aus strukturierten Daten</li>
<li>Ausdruck oder verschlüsselter Versand an andere Ärzte</li>
<li>Award-System zur Motivation junger Patienten</li>
</ul>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-file-invoice" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Abrechnung</h4>
<ul>
<li>Kompletter GOÄ-Katalog, ergänzbar um eigene Ziffern</li>
<li>Leistungen und Ziffernketten direkt in der Dokumentation</li>
<li>Lernfunktion mit Vorschlägen zur Ziffernvergabe</li>
<li>Rechnung auf Knopfdruck, oft direkt nach der Behandlung</li>
<li>Versand, Druck und Verwaltung der Rechnungen</li>
<li>Anbindung an Abrechnungsinstitute möglich</li>
</ul>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-calendar-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Praxisorganisation</h4>
<ul>
<li>Terminverwaltung für Patienten, Sprech- und Dienstzeiten</li>
<li>Persönliche Kalender für mobile Geräte</li>
<li>Chat für das Praxisteam</li>
<li>Ticketsystem mit Benachrichtigung per SMS oder E-Mail</li>
<li>Dokumentenmanagement mit automatischer Ablage von Scans</li>
<li>Inventar- und Raumverwaltung</li>
</ul>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-plug" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Schnittstellen und Sicherheit</h4>
<ul>
<li>Anbindung von Ultraschall-, Lungenfunktions- und EKG-Geräten</li>
<li>Anbindung an das Praxislabor</li>
<li>Neue Schnittstellen effizient erweiterbar</li>
<li>Systemweite, nutzerbezogene Rechteverwaltung</li>
<li>Dashboard für jede Rechtegruppe</li>
<li>Stammdaten für Patienten und Mitarbeitende</li>
</ul>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Modular aufgebaut</h2>
<h3>Eine Software, viele Fachrichtungen</h3>
<p>DokDok besteht aus Modulen, die je nach Praxis konfiguriert werden. So passt das System zur Pneumologie ebenso wie zur Psychologie oder Allgemeinmedizin.</p>
<p>Ein Dashboard zeigt jeder Rechtegruppe die wichtigsten Daten auf einen Blick, etwa kommende Termine und laufende Behandlungen. Jede Person im Team sieht genau das, was sie für ihre Arbeit braucht.</p>

		</div>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="2383" height="1455" src="https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-desktop.png" class="vc_single_image-img attachment-full" alt="" title="dokdok-desktop" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-desktop.png 2383w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-desktop-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-desktop-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-desktop-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-desktop-1536x938.png 1536w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-desktop-2048x1250.png 2048w, https://webdesign.koeln/wp-content/uploads/2026/09/dokdok-desktop-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:2383px) 100vw, 2383px" /></div>
		</figure>
	</div>

	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<p style="text-align: center;">Nachgestellte Ansicht mit fiktiven Daten</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Von der Idee zur fertigen Praxissoftware</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>DokDok ist eine eigene Software für Privatpraxen, die wir konzipiert und entwickelt haben. Sie begleitet Ärztinnen und Ärzte durch den gesamten Praxisalltag, von der Anamnese über die Dokumentation bis zur Abrechnung.</p>
<p>Der Grundgedanke: Alle Daten sollen an einer Stelle verfügbar sein. Behandlungsschritte, Abrechnungen, Kommunikation, Röntgenbilder, Laborergebnisse, Anamnesen und Rezepte werden zentral gespeichert und stehen chronologisch und strukturiert zur Verfügung.</p>
<p>Weil die Abrechnung direkt in die Dokumentation integriert ist, können Praxen in vielen Fällen die Rechnung direkt nach der Behandlung aushändigen. Das entlastet die Verwaltung und verbessert die Liquidität.<br />
Durch den modularen Aufbau und die offenen Schnittstellen lässt sich DokDok an neue Anforderungen, Fachrichtungen und Geräte anpassen.</p>
<p><strong>Das Ergebnis ist eine Praxissoftware, in der Behandlung, Dokumentation, Abrechnung und Organisation zusammenlaufen.</strong></p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>Konzeption</strong><br />
Aufbau als modulares System<br />
<strong>Programmierung</strong><br />
Entwicklung der gesamten Software<br />
<strong>Schnittstellen</strong><br />
Anbindung von Geräten und Labor<br />
<strong>Abrechnung</strong><br />
GOÄ-Abrechnung mit Lernfunktion<br />
<strong>Rechteverwaltung</strong><br />
Nutzerbezogene Zugriffe für das Praxisteam</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:14826,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1790601798841-0bdd2b4b-4414-2&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="14826" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/dokdok/">dokdok</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Kardiologie Rhein Erft</title>
		<link>https://webdesign.koeln/projekt/kardiologie-rhein-erft/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Mon, 26 May 2025 14:32:33 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=10945</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/kardiologie-rhein-erft/">Kardiologie Rhein Erft</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">Kardiologie Rhein-Erft &#8211; Website und Praxisauftritt für eine kardiologische Gemeinschaftspraxis</h1>
<h2 style="text-align: center;">Standort, Leistung und Termin in wenigen Klicks</h2>
<p style="text-align: center;">Individuelle Website für eine Facharztpraxis mit drei Standorten im Rhein-Erft-Kreis, mit klarer Standortübersicht, Online-Terminvereinbarung und eigenen Fotos aus der Praxis.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="661" src="https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-webdesign-all-devices.png" class="vc_single_image-img attachment-full" alt="Webdesign für die Kardiologische Praxis Rhein Erft" title="kardiologie-rhein-erft-webdesign-all-devices" srcset="https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-webdesign-all-devices.png 1500w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-webdesign-all-devices-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-webdesign-all-devices-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-webdesign-all-devices-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-webdesign-all-devices-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">Drei Standorte, ein großes Ärzteteam und ein breites Leistungsspektrum sollten für Patient:innen und Zuweiser schnell auffindbar sein.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Individuelles Webdesign auf WordPress-Basis, Online-Terminvereinbarung, Teamseite und eigenes Fotoshooting in der Praxis.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Orientierung auf einen Blick.</strong><br />
Patient:innen und Zuweiser finden Standort, Leistung und Termin schnell, auf jedem Gerät.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>Konzeption · Webdesign · WordPress · Fotoshooting</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790336537698 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://www.kardiologie-rhein-erft.de/" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir umgesetzt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-location-dot" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Standorte</h4>
<p class="big" style="text-align: center;"><strong>Drei Praxen, schnell gefunden</strong></p>
<p style="text-align: center;">Adressen, Telefonnummern und Sprechzeiten von Brühl, Bergheim und Frechen direkt auf der Startseite.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-calendar-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Termine</h4>
<p class="big" style="text-align: center;"><strong>Termin in wenigen Klicks</strong></p>
<p style="text-align: center;">Einbindung der Online-Buchung über Doctolib und ein eigenes Terminformular.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-user-doctor" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Team</h4>
<p class="big" style="text-align: center;"><strong>Das Ärzteteam im Porträt</strong></p>
<p style="text-align: center;">Jede Ärztin und jeder Arzt mit eigenem Profil, dazu ein gegliedertes Leistungsspektrum mit Sprunglinks.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Neue Website statt alter Auftritt</h2>
<h3>Seriös, aber nahbar</h3>
<p>Die neue Website ersetzt den bisherigen Auftritt der Praxis. Sie ist klar strukturiert, zeitgemäß gestaltet, zeigt authentische Bilder aus der Praxis und passt sich jedem Endgerät an.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-pen-ruler" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Zeitgemäßes Design</strong><br />
klar und seriös</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-camera" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Fotoshooting</strong><br />
authentische Praxisbilder</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-mobile" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Mobil optimiert</strong><br />
auf jedem Gerät nutzbar</p>

		</div>
	</div>
</div></div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="before_after twentytwenty-container" data-before="Vor" data-after="Nach"><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-before-website.png" class="attachment-full size-full" alt="Bild der alten Webseite von der Kardiologischen Praxis Rhein Erft" srcset="https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-before-website.png 1500w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-before-website-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-before-website-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-before-website-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-before-website-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-after.png" class="attachment-full size-full" alt="Bild der neuen Webseite von der Kardiologischen Praxis Rhein Erft" srcset="https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-after.png 1500w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-after-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-after-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-after-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2025/05/kardiologie-rhein-erft-after-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>

	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<p style="text-align: center;">Regler ziehen, um alte und neue Website zu vergleichen.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Herzmedizin klar präsentiert</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>
Die Kardiologie Rhein-Erft ist eine fachärztliche Gemeinschaftspraxis mit Standorten in Brühl, Bergheim und Frechen sowie am Sana Krankenhaus Hürth. Ein großes Ärzteteam deckt das gesamte Spektrum der Herzmedizin ab, vom Belastungs-EKG bis zur Herzkatheteruntersuchung.<br />
Ziel war eine Website, auf der Patient:innen und zuweisende Ärzt:innen schnell finden, was sie suchen: den richtigen Standort, die passende Leistung, einen Termin. Gleichzeitig sollte der Auftritt die medizinische Kompetenz der Praxis vermitteln, seriös, aber nahbar.<br />
Dazu kamen die Einbindung der Online-Terminvereinbarung über Doctolib, ein eigenes Terminformular, eine Teamseite mit ausführlichen Arztprofilen und ein eigenes Fotoshooting in der Praxis.<br />
Passend zur Website haben wir außerdem das Praxismaterial im selben Design gestaltet.<br />
<strong>Das Ergebnis ist ein Auftritt, der Orientierung gibt und Vertrauen schafft.</strong></p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>Konzeption</strong><br />
Struktur für Standorte, Team und Leistungen<br />
<strong>Webdesign</strong><br />
Seriöser, nahbarer Praxisauftritt<br />
<strong>WordPress</strong><br />
Responsive Umsetzung mit Terminvereinbarung<br />
<strong>Fotoshooting</strong><br />
Authentische Bilder aus der Praxis<br />
<strong>Printdesign</strong><br />
Praxismaterial im einheitlichen Design</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:10945,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1790770720754-6aba3a7f-b5ec-4&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="10945" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/kardiologie-rhein-erft/">Kardiologie Rhein Erft</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Nowi Bau</title>
		<link>https://webdesign.koeln/projekt/nowi-bau/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Mon, 09 Dec 2024 15:26:04 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=8977</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/nowi-bau/">Nowi Bau</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">nowiBAU Gruppe &#8211; Webdesign und Entwicklung für ein Bauunternehmen</h1>
<h2 style="text-align: center;">Klarheit und Effizienz, auch online</h2>
<p style="text-align: center;">Neue WordPress-Website für eine Bau- und Entwicklergruppe aus Sinzig am Rhein, mit individuellem Webdesign, vollbreiten Parallax-Ebenen und mehrsprachigem Jobboard.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="2560" height="1128" src="https://webdesign.koeln/wp-content/uploads/2026/09/nowi-bau-webseite-all-devices.png" class="vc_single_image-img attachment-full" alt="Webseite - nowi bau" title="nowi-bau-webseite-all-devices" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/nowi-bau-webseite-all-devices.png 2560w, https://webdesign.koeln/wp-content/uploads/2026/09/nowi-bau-webseite-all-devices-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/09/nowi-bau-webseite-all-devices-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/09/nowi-bau-webseite-all-devices-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/09/nowi-bau-webseite-all-devices-1536x677.png 1536w, https://webdesign.koeln/wp-content/uploads/2026/09/nowi-bau-webseite-all-devices-2048x902.png 2048w, https://webdesign.koeln/wp-content/uploads/2026/09/nowi-bau-webseite-all-devices-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:2560px) 100vw, 2560px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">nowiBAU brauchte einen neuen, klaren Online-Auftritt, der die Gruppe und ihre Leistungen vom Grundstück bis zur schlüsselfertigen Übergabe zeigt.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Neues Webdesign auf Basis des Corporate Designs, Entwicklung mit WordPress, Parallax-Ebenen, Videos und ein Jobboard in sechs Sprachen.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Klar und modern.</strong><br />
Ein Auftritt, der Leistungen, Projekte und Team übersichtlich präsentiert.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>Webdesign · Programmierung · WordPress · Corporate Design · Mehrsprachigkeit</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790336537698 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://nowi-bau.de/" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir umgesetzt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-pencil" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Webdesign</h4>
<p class="big" style="text-align: center;"><strong>Neuer Auftritt</strong></p>
<p style="text-align: center;">Ein neues Webdesign auf Basis des Corporate Designs, klar strukturiert und auf die Designziele Klarheit und Effizienz ausgerichtet.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-layer-group" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Entwicklung</h4>
<p class="big" style="text-align: center;"><strong>WordPress mit Tiefe</strong></p>
<p style="text-align: center;">Umsetzung mit WordPress, inklusive zahlreicher vollbreiter Parallax-Ebenen, eingebundener Videos und verschiedener Formulare.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-briefcase" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Karriere</h4>
<p class="big" style="text-align: center;"><strong>Jobboard in sechs Sprachen</strong></p>
<p style="text-align: center;">Offene Stellen erscheinen in einem eigenen Jobboard, in sechs Sprachen und übersichtlich an einem Ort.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Neues Webdesign</h2>
<h3>Bewegung und Tiefe auf der ganzen Breite</h3>
<p>Die neue Website präsentiert nowiBAU klar und modern. Eine besondere Herausforderung in der Entwicklung waren die zahlreichen vollbreiten Parallax-Ebenen, die dem Auftritt Tiefe geben. Dazu kamen eingebundene Videos und verschiedene Formulare. Leistungen, Projekte und Team sind übersichtlich strukturiert.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-layer-group" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Parallax</strong><br />
vollbreite Ebenen</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-play" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Videos</strong><br />
direkt eingebunden</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-mobile" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Responsiv</strong><br />
auf jedem Gerät</p>

		</div>
	</div>
</div></div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-desktop-webseite.png" class="vc_single_image-img attachment-full" alt="" title="nowi-bau-desktop-webseite" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-desktop-webseite.png 1500w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-desktop-webseite-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-desktop-webseite-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-desktop-webseite-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-desktop-webseite-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="1149" src="https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-jobboard.png" class="vc_single_image-img attachment-full" alt="Jobboard bei der neuen Webseite von nowi-bau.de" title="nowi-bau-jobboard" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-jobboard.png 1500w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-jobboard-300x230.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-jobboard-1024x784.png 1024w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-jobboard-768x588.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-jobboard-480x368.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Jobboard in sechs Sprachen</h2>
<h3>Stellenangebote für Bewerber aus vielen Ländern</h3>
<p>Für die Personalgewinnung haben wir ein eigenes Jobboard entwickelt und in die Website integriert. Offene Stellen stehen dort in sechs Sprachen bereit, damit Bewerberinnen und Bewerber die Angebote in ihrer Sprache lesen können.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-language" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>6 Sprachen</strong><br />
für die Stellenangebote</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-list" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Übersichtlich</strong><br />
alle Stellen an einem Ort</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Eigenentwicklung</strong><br />
in WordPress integriert</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Webdesign, Entwicklung und Markenauftritt aus einer Hand</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>
Die nowiBAU Gruppe mit Stammsitz in Sinzig am Rhein ist in der Bauindustrie tätig. Als Entwickler und Bauunternehmen realisiert sie schlüsselfertige Immobilien und begleitet Kunden vom Erwerb des Grundstücks über Planung und Bau bis zur Übergabe.<br />
Für den Online-Auftritt haben wir ein neues Webdesign auf Basis des Corporate Designs entwickelt und mit WordPress umgesetzt. Vollbreite Parallax-Ebenen, Videos und Formulare prägen die Website, Leistungen, Projekte und Team sind klar strukturiert.<br />
Ergänzend entstand ein eigenes Jobboard, auf dem offene Stellen in sechs Sprachen bereitstehen.<br />
Neben der Website haben wir für nowiBAU auch das Corporate Design mit Logo, Hausschrift und Design-Leitfaden entwickelt sowie Printmaterialien wie eine Kundenbroschüre gestaltet.<br />
<strong>Das Ergebnis ist ein klarer, moderner Auftritt, der online wie gedruckt einheitlich wirkt.</strong></p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>Webdesign</strong><br />
Neues Design auf Basis des Corporate Designs<br />
<strong>Webentwicklung</strong><br />
WordPress mit Parallax, Videos und Formularen<br />
<strong>Jobboard</strong><br />
Stellenangebote in sechs Sprachen<br />
<strong>Corporate Design</strong><br />
Logo, Hausschrift und Design-Leitfaden<br />
<strong>Print</strong><br />
Kundenbroschüre im neuen Erscheinungsbild</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Mehr als eine Website</h2>
<h3>Logo, Corporate Design und Print</h3>
<p>Vor der Website stand das Corporate Design: Die Hauptfarbe wurde durch einen dunkleren Gelbton verfeinert, Logo und Hausschrift neu ausgewählt und alle Regeln in einem Design-Leitfaden festgehalten.<br />
Auf dieser Grundlage entstanden die Website und passende Printmaterialien wie eine Kundenbroschüre. So wirkt der gesamte Auftritt einheitlich, online wie gedruckt.</p>

		</div>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="600" height="375" src="https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-corporate-design-600x375-1.webp" class="vc_single_image-img attachment-full" alt="Corporate Design" title="nowi-bau-corporate-design-600x375" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-corporate-design-600x375-1.webp 600w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-corporate-design-600x375-1-300x188.webp 300w, https://webdesign.koeln/wp-content/uploads/2024/12/nowi-bau-corporate-design-600x375-1-480x300.webp 480w" sizes="(max-width:767px) 480px, 600px" /></div>
		</figure>
	</div>
</div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:8977,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1790605340236-8bc52ecf-c215-1&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="8977" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/nowi-bau/">Nowi Bau</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Kuttenkeuler</title>
		<link>https://webdesign.koeln/projekt/kuttenkeuler/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Mon, 09 Dec 2024 14:43:58 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=8955</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/kuttenkeuler/">Kuttenkeuler</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">Kuttenkeuler &#8211; Website-Relaunch mit Tankstellen- und Produktverwaltung</h1>
<h2 style="text-align: center;">Tankstellenpreise, die sich selbst aktualisieren</h2>
<p style="text-align: center;">Neuer Webauftritt für einen Anbieter von Schmierstoffen, Kraftstoffen und Tankstellenmanagement, mit eigener Tankstellenverwaltung, Preis-Schnittstelle und Produkt-CMS.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="2560" height="1128" src="https://webdesign.koeln/wp-content/uploads/2026/09/kuttenkeuler-all-devices.png" class="vc_single_image-img attachment-full" alt="Kuttenkeuler Webseite" title="kuttenkeuler-all-devices" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/kuttenkeuler-all-devices.png 2560w, https://webdesign.koeln/wp-content/uploads/2026/09/kuttenkeuler-all-devices-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/09/kuttenkeuler-all-devices-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/09/kuttenkeuler-all-devices-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/09/kuttenkeuler-all-devices-1536x677.png 1536w, https://webdesign.koeln/wp-content/uploads/2026/09/kuttenkeuler-all-devices-2048x902.png 2048w, https://webdesign.koeln/wp-content/uploads/2026/09/kuttenkeuler-all-devices-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:2560px) 100vw, 2560px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">Veraltete Website, mobil kaum nutzbar. Dazu Tankstellen in Süd- und Westdeutschland und ein großes Produktsortiment, die zentral gesteuert werden sollten.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Neues Konzept und Design, WordPress-Relaunch, Tankstellenverwaltung mit API-Anbindung, eigenes Produkt-CMS und Fotoshooting.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Alles in einem System.</strong><br />
Preise, Produkte und Inhalte automatisch aktuell und vom Team selbst gepflegt.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>Webdesign · Programmierung · API-Anbindung · Fotografie · WordPress</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790336537698 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://www.kuttenkeuler.de" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir umgesetzt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-pencil" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Website</h4>
<p class="big" style="text-align: center;"><strong>Neuer Auftritt</strong></p>
<p style="text-align: center;">Eine moderne Website, die sich an alle Endgeräte anpasst und die Marke digital klar positioniert, mit eigenen Fotos aus einem Fotoshooting.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-gas-pump" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Tankstellen</h4>
<p class="big" style="text-align: center;"><strong>Zentrale Tankstellenverwaltung</strong></p>
<p style="text-align: center;">Ein eigenes Verwaltungssystem steuert alle Tankstellen zentral. Über eine API-Anbindung an einen Preiserfassungsdienst aktualisieren sich die Preise automatisch.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-boxes-stacked" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Produkte</h4>
<p class="big" style="text-align: center;"><strong>Eigenes Produkt-CMS</strong></p>
<p style="text-align: center;">Alle Produktinformationen werden an einer Stelle verwaltet und aktuell gehalten, eingebunden über eigene WordPress-Plugins.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Neuer Auftritt statt alter Website</h2>
<h3>Vom veralteten Layout zum modernen Markenauftritt</h3>
<p>Die alte Website war gestalterisch in die Jahre gekommen und auf dem Smartphone kaum nutzbar. Der neue Auftritt präsentiert Kuttenkeuler zeitgemäß, passt sich jedem Endgerät an und zeigt das Unternehmen mit eigenen Fotos aus einem Fotoshooting.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-tag" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>1. Modernes Design</strong><br />
klar und zeitgemäß</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-mobile" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>2. Mobil optimiert</strong><br />
auf jedem Gerät nutzbar</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-camera" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>3. Eigene Fotos</strong><br />
aus dem Fotoshooting</p>

		</div>
	</div>
</div></div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="before_after twentytwenty-container" data-before="Vor" data-after="Nach"><img decoding="async" width="1000" height="611" src="https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-website-before.png" class="attachment-full size-full" alt="Alte Webseite von kuttenkeuler.de" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-website-before.png 1000w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-website-before-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-website-before-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-website-before-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1000px) 100vw, 1000px" /><img decoding="async" width="1000" height="611" src="https://webdesign.koeln/wp-content/uploads/2024/12/neue-webseite-kuttenkeuler.png" class="attachment-full size-full" alt="Neue Webseite von kuttenkeuler.de" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/neue-webseite-kuttenkeuler.png 1000w, https://webdesign.koeln/wp-content/uploads/2024/12/neue-webseite-kuttenkeuler-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/neue-webseite-kuttenkeuler-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/neue-webseite-kuttenkeuler-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1000px) 100vw, 1000px" /></div>

	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<p style="text-align: center;">Regler ziehen, um alte und neue Website zu vergleichen.</p>

		</div>
	</div>
</div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1648" height="1262" src="https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-tankstellen-beispiel.png" class="vc_single_image-img attachment-full" alt="Kuttenkeuler Tankstellen Verwaltung - Beispiel Webseite" title="kuttenkeuler-tankstellen-beispiel" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-tankstellen-beispiel.png 1648w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-tankstellen-beispiel-300x230.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-tankstellen-beispiel-1024x784.png 1024w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-tankstellen-beispiel-768x588.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-tankstellen-beispiel-1536x1176.png 1536w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-tankstellen-beispiel-480x368.png 480w" sizes="(max-width:767px) 480px, (max-width:1648px) 100vw, 1648px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Preise automatisch aktuell</h2>
<h3>Vom Preisdienst direkt auf die Website</h3>
<p>Die Preise der Tankstellen müssen nicht mehr manuell auf der Website eingetragen werden. Die eigens entwickelte Tankstellenverwaltung übernimmt die Daten zentral und synchronisiert sie über eine Schnittstelle.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-tag" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>1. Neuer Preis</strong><br />
beim Preisdienst</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-right-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>2. Übertragung</strong><br />
per API</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-rotate" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>3. Website</strong><br />
automatisch aktualisiert</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Website, Produktverwaltung und Tankstellenpreise in einem System</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>
Kuttenkeuler ist Anbieter von Schmierstoffen, Kraftstoffen und Tankstellenmanagement. Zu den Kunden gehören Autoteilehändler, Mineralölhändler und Tankstellenbetreiber. Das Unternehmen beliefert eigene und Partner-Tankstellen in Nord-, Ost- und Westdeutschland und ist über ein Partnernetzwerk auch international aktiv.<br />
Entsprechend viel sollte die neue Website leisten: die Marke zeitgemäß präsentieren, ein breites Sortiment abbilden und aktuelle Tankstellenpreise zeigen, ohne dass das Team sie von Hand pflegen muss.<br />
Dafür haben wir neben dem Relaunch zwei eigene Systeme entwickelt. Die Tankstellenverwaltung bündelt alle Tankstellen an einer Stelle und ist per API an einen Preiserfassungsdienst angebunden. Neue Preise erscheinen dadurch automatisch auf der Website. Das Produkt-CMS hält sämtliche Produktinformationen zentral aktuell.<br />
Damit beide Systeme nahtlos mit der bestehenden Website zusammenspielen, haben wir WordPress um eigene Plugins und Funktionen erweitert. Für die Bildsprache kamen eigene Aufnahmen aus einem Fotoshooting hinzu.<br />
<strong>Das Ergebnis ist eine Website, auf der Preise, Produkte und Inhalte über ein System laufen und die das Team selbst pflegt.</strong></p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>Webdesign</strong><br />
Konzept und individuelle Gestaltung<br />
<strong>Programmierung</strong><br />
Eigene Funktionen und WordPress-Plugins<br />
<strong>API-Anbindung</strong><br />
Automatische Übertragung der Tankstellenpreise<br />
<strong>Produkt-CMS</strong><br />
Zentrale Verwaltung des Produktsortiments<br />
<strong>Fotografie</strong><br />
Eigene Bildwelt aus dem Fotoshooting</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Ein System für Produkte und Inhalte</h2>
<h3>Einfach vom Team selbst zu pflegen</h3>
<p>Produktinformationen werden zentral im eigenen Produkt-CMS verwaltet. Über individuell entwickelte WordPress-Plugins gelangen die Daten an die richtigen Stellen der Website.<br />
Änderungen müssen dadurch nur einmal vorgenommen werden. Die Website bleibt übersichtlich pflegbar und kann vom Team selbst aktualisiert werden.</p>

		</div>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-produkt-verwaltung.png" class="vc_single_image-img attachment-full" alt="Kuttenkeuler Produktverwaltung - Beispiel" title="kuttenkeuler-produkt-verwaltung" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-produkt-verwaltung.png 1500w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-produkt-verwaltung-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-produkt-verwaltung-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-produkt-verwaltung-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/kuttenkeuler-produkt-verwaltung-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Technik, die im Hintergrund arbeitet</h2>
<h3 style="text-align: center;">Damit das Team sich um das Tagesgeschäft kümmern kann</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-plug" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Eigene Schnittstelle</h4>
<p style="text-align: center;">Die API-Anbindung übernimmt aktuelle Preisdaten aus dem angeschlossenen Preiserfassungsdienst und stellt sie automatisiert auf der Website bereit.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-brands fa-wordpress" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">WordPress erweitert</h4>
<p style="text-align: center;">Eigene Plugins und Funktionen verbinden Website, Tankstellenverwaltung und Produkt-CMS zu einer gemeinsamen technischen Lösung.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:8955,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1790591086831-7c6fcbc5-9441-1&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="8955" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/kuttenkeuler/">Kuttenkeuler</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jackelino</title>
		<link>https://webdesign.koeln/projekt/jackelino-indoor-spielplatz/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Thu, 05 Dec 2024 18:00:18 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=8868</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/jackelino-indoor-spielplatz/">Jackelino</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">Jackelino &#8211; Websites für einen Indoor-Spielplatz an zwei Standorten</h1>
<h2 style="text-align: center;">Alles für den Familienausflug auf einen Blick</h2>
<p style="text-align: center;">Neugestaltung der Websites für das Jackelino Kinderland in Niederkassel und Köln, mit einfacher Navigation, eigener Bildwelt und Inhalten auf Deutsch und Englisch.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1500" height="661" src="https://webdesign.koeln/wp-content/uploads/2026/09/webseite-jackelino.png" class="vc_single_image-img attachment-full" alt="Webseite - Indoor Spielplatz - Jackelino.de" title="webseite-jackelino" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/webseite-jackelino.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/09/webseite-jackelino-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/09/webseite-jackelino-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/09/webseite-jackelino-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/09/webseite-jackelino-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">Die bestehenden Websites waren nicht mehr zeitgemäß. Gefragt war ein Auftritt, der den Spaß vor Ort auch digital vermittelt und Eltern schnell zu allen Infos führt.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">Konzeption, Webdesign und Umsetzung mit WordPress, zweisprachig auf Deutsch und Englisch, mit Fotos aus einem Shooting vor Ort.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;"><strong>Alle Infos mit einem Klick.</strong><br />
Öffnungszeiten, Preise und Angebote sind schnell gefunden, auf jedem Gerät.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>Konzeption · Webdesign · WordPress · Mehrsprachigkeit · Fotografie</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790336537698 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://www.jackelino.de/" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir umgesetzt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-map-signs" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Struktur</h4>
<p class="big" style="text-align: center;"><strong>Klar für Eltern</strong></p>
<p style="text-align: center;">Kinderpark, Außengelände, Öffnungszeiten, Eintrittspreise sowie Speisen und Getränke sind übersichtlich gegliedert und schnell zu finden.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-location-dot" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Standorte</h4>
<p class="big" style="text-align: center;"><strong>Zwei Standorte, ein Auftritt</strong></p>
<p style="text-align: center;">Niederkassel und Köln im einheitlichen Erscheinungsbild, jeweils mit eigenen Infos zu Angebot, Öffnungszeiten und Preisen.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-camera" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Fotografie</h4>
<p class="big" style="text-align: center;"><strong>Eigene Bildwelt</strong></p>
<p style="text-align: center;">Gemeinsam mit einem Fotografen entstanden Aufnahmen direkt vor Ort, die zeigen, wie Familien das Kinderland erleben.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Neue Website statt alter Auftritt</h2>
<h3>Fröhlich, aber übersichtlich</h3>
<p>Die neuen Websites behalten die fröhliche Art von Jackelino, sind aber klar strukturiert, zeitgemäß gestaltet und auf dem Smartphone gut nutzbar.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-pen-ruler" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Zeitgemäßes Design</strong><br />
klar und modern</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-list" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Klare Struktur</strong><br />
alles schnell gefunden</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-mobile" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>Mobil optimiert</strong><br />
auf jedem Gerät nutzbar</p>

		</div>
	</div>
</div></div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="before_after twentytwenty-container" data-before="Vor" data-after="Nach"><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-before-website.png" class="attachment-full size-full" alt="Bild der alten Webseite von jackelino.de" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-before-website.png 1500w, https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-before-website-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-before-website-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-before-website-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-before-website-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /><img decoding="async" width="1500" height="916" src="https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-after-website.png" class="attachment-full size-full" alt="" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-after-website.png 1500w, https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-after-website-300x183.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-after-website-1024x625.png 1024w, https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-after-website-768x469.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/jackelino-after-website-480x293.png 480w" sizes="(max-width:767px) 480px, (max-width:1500px) 100vw, 1500px" /></div>

	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<p style="text-align: center;">Regler ziehen, um alte und neue Website zu vergleichen.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1779446316706" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Der Familienausflug beginnt online</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>Das Jackelino Kinderland bietet auf rund 4.000 Quadratmetern Klettern, Rutschen, Springen, Fußball und Scooterfahren, an zwei Standorten in Niederkassel und Köln. Bevor Familien losfahren, informieren sie sich online: Wann ist geöffnet, was kostet der Eintritt, was gibt es vor Ort?</p>
<p>Damit die Websites den Spaß vor Ort auch digital vermitteln, haben wir beide Auftritte neu konzipiert, gestaltet und mit WordPress umgesetzt. Eine einfache Navigation führt Eltern schnell zu Öffnungszeiten, Preisen und Angeboten, auch unterwegs auf dem Smartphone.</p>
<p>Die Inhalte stehen auf Deutsch und Englisch bereit, ein Kontaktformular erleichtert Anfragen.</p>
<p>Für die Bildsprache haben wir mit einem Fotografen zusammengearbeitet, der die Standorte direkt vor Ort fotografiert hat. So zeigen die Websites das Kinderland so, wie Familien es erleben.</p>
<p>Das Ergebnis sind zwei fröhliche, übersichtliche Websites, die den Charakter des Kinderlands einfangen und Eltern schnell zu allen wichtigen Infos führen.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>Konzeption</strong><br />
Struktur für zwei Standorte<br />
<strong>Webdesign</strong><br />
Fröhlich, klar und zeitgemäß<br />
<strong>WordPress</strong><br />
Umsetzung mit einfacher Pflege<br />
<strong>Mehrsprachigkeit</strong><br />
Inhalte auf Deutsch und Englisch<br />
<strong>Fotografie</strong><br />
Aufnahmen vor Ort mit einem Fotografen</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:8868,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1790767126684-a10f4a03-cd7b-1&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="8868" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/jackelino-indoor-spielplatz/">Jackelino</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>GKD</title>
		<link>https://webdesign.koeln/projekt/gkd/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Thu, 05 Dec 2024 17:58:17 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=8863</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/gkd/">GKD</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></description>
										<content:encoded><![CDATA[<div class="wpb-content-wrapper" id="wpb-content-root"><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_head" >
		<div class="wpb_wrapper">
			<h1 style="text-align: center;">GKD Group – internationaler Website Relaunch mit Produktkatalog</h1>
<h2 style="text-align: center;">Eine Website für Kunden in aller Welt</h2>
<p style="text-align: center;">Neuer Webauftritt für einen internationalen Hersteller technischer Gewebe, mit migriertem Produktkatalog, eigenen Plugins und automatischer Sprachführung.</p>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1789481052121"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_center wpb_content_element wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp  hover_img">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="2560" height="1128" src="https://webdesign.koeln/wp-content/uploads/2026/09/gkd-all-devices.png" class="vc_single_image-img attachment-full" alt="Webseite GKD" title="gkd-all-devices" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/gkd-all-devices.png 2560w, https://webdesign.koeln/wp-content/uploads/2026/09/gkd-all-devices-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/09/gkd-all-devices-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/09/gkd-all-devices-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/09/gkd-all-devices-1536x677.png 1536w, https://webdesign.koeln/wp-content/uploads/2026/09/gkd-all-devices-2048x902.png 2048w, https://webdesign.koeln/wp-content/uploads/2026/09/gkd-all-devices-480x212.png 480w" sizes="(max-width:767px) 480px, (max-width:2560px) 100vw, 2560px" /></div>
		</figure>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-clock-rotate-left" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ausgangslage</h4>
<p style="text-align: center;">Website und Produktkatalog liefen auf einem veralteten System. Der Katalog war umfangreich, die Besucher kamen aus der ganzen Welt.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Umsetzung</h4>
<p style="text-align: center;">WordPress-Relaunch, Migration des Produktkatalogs in eine neue Datenbank, eigene Plugins und automatische Sprachführung.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-circle-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Ergebnis</h4>
<p style="text-align: center;">Weltweit zielgerichtet. Besucher landen direkt auf ihrer Sprachversion, der Katalog ist einfacher zu pflegen.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p class="big" style="text-align: center;"><strong>Webdesign · Programmierung · WordPress · Mehrsprachigkeitn</strong></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-center vc_custom_1790586928992 vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://www.gkd-group.com" title="Zur Website" target="_blank"><i class="vc_btn3-icon fa fa-solid fa-arrow-up-right-from-square"></i> Zur Website</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1789481041882"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Die Lösung</h2>
<h3 style="text-align: center;">Was wir umgesetzt haben</h3>

		</div>
	</div>
</div></div></div></div><div class="vc_row wpb_row vc_row-fluid vc_custom_1789494014273"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_row wpb_row vc_inner vc_row-fluid vc_custom_1779367745127 vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-pencil" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Daten</h4>
<p class="big" style="text-align: center;"><strong>Produktkataglog migriert</strong></p>
<p style="text-align: center;">Die Datensätze wurden aus dem alten System in eine neue Datenbank überführt, direkt mit WordPress verknüpft.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-gas-pump" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">International</h4>
<p class="big" style="text-align: center;"><strong>Automatische Sprachführung</strong></p>
<p style="text-align: center;">Die Website erkennt, aus welchem Land ein Besucher kommt, und zeigt ihm direkt die passende Sprachversion.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-boxes-stacked" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Technik</h4>
<p class="big" style="text-align: center;"><strong>WordPress nach Maß</strong></p>
<p style="text-align: center;">Eigene Plugins für die Mehrsprachigkeit und eine vereinfachte Produktverwaltung.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Relaunch technisch umgesetzt</h2>
<h3>Vom alten System zur neuen WordPress-Website</h3>
<p>Das neue Design der GKD Group haben wir technisch in WordPress umgesetzt. Die Website läuft auf einem aktuellen System, passt sich jedem Endgerät an und ist so aufgebaut, dass sich Inhalte und Produkte einfach pflegen lassen.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-laptop-code" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>1. WordPress-Umsetzung</strong><br />
Design technisch realisiert</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-mobile" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>2. Mobil optimiert</strong><br />
auf jedem Gerät nutzbar</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-square-pen" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>3. Einfach pflegbar</strong><br />
Inhalte und Produkte</p>

		</div>
	</div>
</div></div></div></div></div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="before_after twentytwenty-container" data-before="Vor" data-after="Nach"><img decoding="async" width="1000" height="629" src="https://webdesign.koeln/wp-content/uploads/2024/12/gkd-before-website.png" class="attachment-full size-full" alt="Alte Webseite von GKD" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/gkd-before-website.png 1000w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-before-website-300x189.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-before-website-768x483.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-before-website-480x302.png 480w" sizes="(max-width:767px) 480px, (max-width:1000px) 100vw, 1000px" /><img decoding="async" width="1000" height="629" src="https://webdesign.koeln/wp-content/uploads/2024/12/gkd-after-website.png" class="attachment-full size-full" alt="Neue Webseite von GKD" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/gkd-after-website.png 1000w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-after-website-300x189.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-after-website-768x483.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-after-website-480x302.png 480w" sizes="(max-width:767px) 480px, (max-width:1000px) 100vw, 1000px" /></div>

	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<p>Regler ziehen, um alte und neue Website zu vergleichen.</p>

		</div>
	</div>
</div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1200" height="919" src="https://webdesign.koeln/wp-content/uploads/2024/12/gkd-spanisch.png" class="vc_single_image-img attachment-full" alt="" title="gkd-spanisch" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/gkd-spanisch.png 1200w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-spanisch-300x230.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-spanisch-1024x784.png 1024w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-spanisch-768x588.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/gkd-spanisch-480x368.png 480w" sizes="(max-width:767px) 480px, (max-width:1200px) 100vw, 1200px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Automatische Sprachführung</h2>
<h3>Jeder Besucher landet in seiner Sprache</h3>
<p>Besucher aus aller Welt müssen die passende Sprachversion nicht selbst suchen. Die Website erkennt, aus welchem Land jemand kommt, und leitet direkt auf die passende Sprach- und Länderseite weiter.</p>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-15 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-user-check" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>1. Besucher</strong><br />
ruft die Seite auf</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-location-crosshairs" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>2. Standort</strong><br />
wird automatisch erkannt</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-language" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p style="text-align: center;"><strong>3. Sprachversion</strong><br />
wird direkt angezeigt</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929516620"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1790587114728" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Über das Projekt</h2>
<h3 style="text-align: center;">Website, Produktkatalog und Sprachversionen in einem System</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<p>Die GKD Group ist international tätig und präsentiert online ein umfangreiches Produktportfolio. Die bisherige Website und der Produktkatalog liefen auf einem veralteten System, das weder den Umfang der Daten noch die internationale Ausrichtung gut abbilden konnte.</p>
<p>Im Zentrum des Relaunchs stand deshalb die Datenstruktur. Die Datensätze des Katalogs wurden aus dem alten System in eine neue Datenbank überführt und so aufgebaut, dass Abfragen schnell laufen und die Inhalte direkt in WordPress zur Verfügung stehen.</p>
<p>Damit WordPress die Anforderungen abdeckt, haben wir das System um eigene Plugins erweitert, unter anderem für die Mehrsprachigkeit und eine vereinfachte Produktverwaltung.</p>
<p>Für die internationalen Besucher entstand eine automatische Sprach- und Länderführung. Die Website erkennt, aus welchem Land jemand kommt, und leitet direkt auf die passende Sprach- und Länderseite weiter.</p>
<p>Das Ergebnis ist eine modernisierte Website, deren Katalog sich einfacher pflegen lässt und auf der Besucher weltweit schneller zu den für sie relevanten Inhalten finden.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-4"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-screwdriver-wrench" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Leistungen</h4>
<p style="text-align: center;"><strong>Technische Umsetzung</strong><br />
Umsetzung des Designs in WordPress<br />
<strong>Programmierung</strong><br />
Eigene Funktionen und WordPress-Plugins<br />
<strong>Datenmigration</strong><br />
Überführung des Produktkatalogs in eine neue Datenbank<br />
<strong>Mehrsprachigkeit</strong><br />
Automatische Sprach- und Länderführung<br />
<strong>WordPress</strong><br />
Anpassung und Erweiterung des CMS</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h2>Ein System für den Produktkatalog</h2>
<h3>Vom alten Katalog in die neue Datenbank</h3>
<p>Der umfangreiche Produktkatalog wurde aus dem veralteten System in eine neue Datenbank überführt. Sie ist direkt mit WordPress verknüpft, liefert schnelle Abfragen und stellt die Produktdaten an den richtigen Stellen der Website bereit.<br />
Dadurch lässt sich der Katalog einfacher pflegen und für die internationale Zielgruppe übersichtlich präsentieren.</p>

		</div>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="1200" height="901" src="https://webdesign.koeln/wp-content/uploads/2024/12/produkt-beispiel-gkd.png" class="vc_single_image-img attachment-full" alt="Produktbeispiel GKD" title="produkt-beispiel-gkd" srcset="https://webdesign.koeln/wp-content/uploads/2024/12/produkt-beispiel-gkd.png 1200w, https://webdesign.koeln/wp-content/uploads/2024/12/produkt-beispiel-gkd-300x225.png 300w, https://webdesign.koeln/wp-content/uploads/2024/12/produkt-beispiel-gkd-1024x769.png 1024w, https://webdesign.koeln/wp-content/uploads/2024/12/produkt-beispiel-gkd-768x577.png 768w, https://webdesign.koeln/wp-content/uploads/2024/12/produkt-beispiel-gkd-480x360.png 480w" sizes="(max-width:767px) 480px, (max-width:1200px) 100vw, 1200px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper"></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_custom_1779453254375"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Technik, die im Hintergrund arbeitet</h2>
<h3 style="text-align: center;">Damit Kunden weltweit schnell finden, was sie suchen</h3>

		</div>
	</div>
<div class="vc_row wpb_row vc_inner vc_row-fluid vc_column-gap-35 vc_row-o-equal-height vc_row-flex"><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-brands fa-wordpress-simple" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Eigene Plugins</h4>
<p style="text-align: center;">Individuell entwickelte WordPress-Plugins sorgen für die Mehrsprachigkeit und eine vereinfachte Produktverwaltung.</p>

		</div>
	</div>
</div></div></div><div class="wdk_box wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper"><div class="vc_icon_element vc_icon_element-outer vc_do_icon wpb_animate_when_almost_visible wpb_bounceIn bounceIn vc_icon_element-align-center"><div class="vc_icon_element-inner  vc_icon_element-size-md vc_icon_element-style-" ><span class="vc_icon_element-icon fa fa-solid fa-database" style="color:#0066D6 !important"></span></div></div>
	<div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" >
		<div class="wpb_wrapper">
			<h4 style="text-align: center;">Optimierte Datenbank</h4>
<p style="text-align: center;">Die neue Datenstruktur ist auf schnelle Abfragen ausgelegt und verbindet den Produktkatalog nahtlos mit der Website.</p>

		</div>
	</div>
</div></div></div></div></div></div></div></div><div style="--wpb-column-gap: 35px" class="vc_row wpb_row vc_row-fluid footer_apell wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929586470 vc_column-gap-35 wpb_column-gap vc_row-o-equal-height vc_row-o-content-middle vc_row-flex"><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner vc_custom_1779369962594"><div class="wpb_wrapper">
	<div  class="wpb_single_image wpb_content_element vc_align_left wpb_content_element vc_custom_1790336599736">
		
		<figure class="wpb_wrapper vc_figure">
			<div class="vc_single_image-wrapper  "><img decoding="async" width="667" height="667" src="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg" class="vc_single_image-img attachment-full" alt="Ein Photo der beiden Gründer" title="Ein Photo der beiden Gründer" srcset="https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551.jpg 667w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-300x300.jpg 300w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-150x150.jpg 150w, https://webdesign.koeln/wp-content/uploads/2026/09/p-t-gruender-e1789552962551-480x480.jpg 480w" sizes="(max-width:767px) 480px, 667px" /></div>
		</figure>
	</div>
</div></div></div><div class="wpb_column vc_column_container vc_col-sm-6"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element wdk_alt_header" >
		<div class="wpb_wrapper">
			<h2><strong>Ähnliches Projekt geplant?</strong></h2>
<p><span class="big">Erzählen Sie uns kurz, worum es geht. Wir melden uns mit einer ersten Einschätzung.</span><br />
<a class="biglink" href="tel:+4922167770042">0221 6777 0042</a></p>

		</div>
	</div>
<div class="vc_btn3-container  wpb_animate_when_almost_visible wpb_fadeIn fadeIn vc_btn3-left vc_do_btn" ><a style="background-color:#ebebeb; color:#666;" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-modern vc_btn3-icon-left" href="https://webdesign.koeln/angebot-anfordern/" title="Projekt besprechen"><i class="vc_btn3-icon fa fa-regular fa-handshake"></i> Projekt besprechen</a></div></div></div></div></div><div class="vc_row wpb_row vc_row-fluid wpb_animate_when_almost_visible wpb_fadeInUp fadeInUp vc_custom_1780929532649"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner"><div class="wpb_wrapper">
	<div class="wpb_text_column wpb_content_element vc_custom_1780926848918" >
		<div class="wpb_wrapper">
			<h2 style="text-align: center;">Weitere Projekte</h2>
<h3 style="text-align: center;">Ausgewählte Referenzen aus Webdesign und Webentwicklung.</h3>

		</div>
	</div>

<div class="vc_grid-container-wrapper vc_clearfix vc_grid-animation-fadeIn">
	<div class="vc_grid-container vc_clearfix wpb_content_element vc_basic_grid" style="--vc-grid-gap:30px;--vc-grid-arrows-color:#5472D2;--vc-grid-paging-color:#EBEBEB;" data-initial-loading-animation="fadeIn" data-vc-grid-settings="{&quot;page_id&quot;:8863,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1790588225263-528aa329-e667-3&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="8863" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/gkd/">GKD</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
