<?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>Fotografie-Archiv - Webdesign Köln</title>
	<atom:link href="https://webdesign.koeln/projekt-kategorie/fotografie/feed/" rel="self" type="application/rss+xml" />
	<link>https://webdesign.koeln/projekt-kategorie/fotografie/</link>
	<description>Professionelles Webdesign für Ihr Unternehmen</description>
	<lastBuildDate>Wed, 07 Oct 2026 12:17:32 +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>Brauhaus Im Goldenen Ring</title>
		<link>https://webdesign.koeln/projekt/brauhaus-im-goldenen-ring/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Wed, 07 Oct 2026 12:10:31 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=15149</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/brauhaus-im-goldenen-ring/">Brauhaus Im Goldenen Ring</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;">Brauhaus Im Goldenen Ring &#8211; Website, Fotos und Speisekarte für ein Düsseldorfer Brauhaus</h1>
<h2 style="text-align: center;">Tradition seit 1536, online zeitgemäß</h2>
<p style="text-align: center;">Website für das Brauhaus am Burgplatz in der Düsseldorfer Altstadt, umgesetzt mit tabularesa, mit Online-Reservierung, Veranstaltungsbereich, eigenen Fotos und gestalteter Speisekarte.</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-im-goldenen-ring.png" class="vc_single_image-img attachment-full" alt="Brauhaus Im Goldenen Ring" title="referenz-im-goldenen-ring" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/referenz-im-goldenen-ring.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-im-goldenen-ring-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-im-goldenen-ring-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-im-goldenen-ring-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-im-goldenen-ring-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;">Ein traditionsreiches Brauhaus mit Restaurant, Veranstaltungsräumen und Kegelbahn: Die Website sollte die Atmosphäre vermitteln und Gäste schnell zur Reservierung oder zur Feier 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;">Webdesign auf Basis von tabularesa, Online-Reservierung, Bereich für Veranstaltungen und Kegelbahn, Fotoshooting vor Ort und Gestaltung der Speisekarte.</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>Tradition, die Lust auf den Besuch macht.</strong><br />
Gäste sehen Atmosphäre und Angebot und reservieren direkt online.</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 · Fotografie · Printdesign · 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://brauhaus-goldener-ring.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-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>Tisch direkt online</strong></p>
<p style="text-align: center;">Gäste reservieren über tabularesa, unsere eigene Gastronomie-Software, ohne Umweg über das Telefon.</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;">Veranstaltungen</h4>
<p class="big" style="text-align: center;"><strong>Feiern und Kegeln</strong></p>
<p style="text-align: center;">Ein eigener Bereich stellt Räume für Veranstaltungen und die Kegelbahn vor, damit Gastgeber schnell das Passende 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-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;">Fotos und Speisekarte</h4>
<p class="big" style="text-align: center;"><strong>Atmosphäre, die man sieht</strong></p>
<p style="text-align: center;">Eigene Fotos aus dem Brauhaus und eine gestaltete Speisekarte im passenden Stil, online wie auf dem Tisch.</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 Brauhaus mit Geschichte, digital erzählt</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 Brauhaus Im Goldenen Ring liegt direkt am Burgplatz in der Düsseldorfer Altstadt und blickt auf eine Tradition bis ins Jahr 1536 zurück. Auf der Karte stehen deftige Gerichte nach alten Rezepten, dazu kommen Räume für Veranstaltungen und eine eigene Kegelbahn.<br />
Für ein Haus mit so viel Geschichte zählt die Atmosphäre. Die Website sollte das rustikale Ambiente spürbar machen und Gäste trotzdem ohne Umwege zur Reservierung oder zur Anfrage für eine Feier führen.<br />
Umgesetzt haben wir die Website auf Basis von tabularesa, unserer eigenen Softwarelösung für die Gastronomie. Tische lassen sich online reservieren, und ein eigener Bereich stellt Veranstaltungsräume und Kegelbahn vor. Alle Inhalte stehen auf Deutsch und Englisch bereit.<br />
Die Bilder stammen aus einem eigenen Fotoshooting im Brauhaus. Passend dazu haben wir die Speisekarte und weiteres Druckmaterial im selben Stil gestaltet.<br />
<strong>Das Ergebnis ist ein Auftritt, der Tradition und Atmosphäre vermittelt 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 und Online-Reservierung<br />
<strong>Webdesign</strong><br />
Rustikaler, einladender Auftritt<br />
<strong>Fotografie</strong><br />
Fotoshooting im Brauhaus<br />
<strong>Printdesign</strong><br />
Speisekarte und weiteres Druckmaterial<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;:15149,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1791375078496-5daf70be-dc27-9&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="15149" 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-aquaskys-1024x576.jpg') !important;"><a href="https://webdesign.koeln/projekt/aquaskys/" title="Aquaskys" 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-aquaskys-1024x576.jpg" alt="Preview Bild für Aquaskys"><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/aquaskys/" title="Aquaskys" 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" >Aquaskys</h4></div><div class="vc_custom_heading vc_gitem-post-data vc_gitem-post-data-source-post_excerpt" ><p style="text-align: left" >Aquaskys - Kursverwaltung und Online-Buchung für eine Schwimmschule Vom Kurs bis zum Abo in einem System Eigene Software für eine Schwimmschule mit eigenem Schwimmbad: Kursverwaltung, Mitarbeiterverwaltung,<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/aquaskys/" 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-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></div>
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/brauhaus-im-goldenen-ring/">Brauhaus Im Goldenen Ring</a> erschien zuerst auf <a href="https://webdesign.koeln">Webdesign Köln</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Palladio Köln &#8211; Café und Restaurant in Köln Rodenkirchen</title>
		<link>https://webdesign.koeln/projekt/palladio-koeln-cafe-und-restaurant-in-koeln-rodenkirchen/</link>
		
		<dc:creator><![CDATA[Cristian Torrents]]></dc:creator>
		<pubDate>Wed, 07 Oct 2026 11:19:38 +0000</pubDate>
				<guid isPermaLink="false">https://webdesign.koeln/?post_type=portfolio&#038;p=15118</guid>

					<description><![CDATA[<p>Der Beitrag <a href="https://webdesign.koeln/projekt/palladio-koeln-cafe-und-restaurant-in-koeln-rodenkirchen/">Palladio Köln &#8211; Café und Restaurant in Köln Rodenkirchen</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;">Palladio Köln &#8211; Website für ein Café und Restaurant in Rodenkirchen</h1>
<h2 style="text-align: center;">Vom Frühstück bis zum Abendessen auf einen Blick</h2>
<p style="text-align: center;">Website für das Café Restaurant Palladio am Maternusplatz, mit Öffnungszeiten, Speisekarte und Online-Tischreservierung über 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-palladio.png" class="vc_single_image-img attachment-full" alt="Webseite vom Kölner Cafe und Restaurant Palladio" title="referenz-palladio" srcset="https://webdesign.koeln/wp-content/uploads/2026/10/referenz-palladio.png 1500w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-palladio-300x132.png 300w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-palladio-1024x451.png 1024w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-palladio-768x338.png 768w, https://webdesign.koeln/wp-content/uploads/2026/10/referenz-palladio-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;">Café, Bistro, Gelateria und Restaurant an einem Ort: Gäste sollten schnell sehen, wann geöffnet ist, und direkt einen Tisch reservieren 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;">Webdesign und Umsetzung mit WordPress, Öffnungs- und Frühstückszeiten auf der Startseite, Online-Reservierung über tabularesa, Speisekarte und Gutscheine.</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>Schnell informiert, direkt reserviert.</strong><br />
Öffnungszeiten, Speisekarte und Reservierung sind mit einem Klick erreichbar, auch auf dem Smartphone.</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 · WordPress · tabularesa</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://palladio-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-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">
			<h4 style="text-align: center;">Öffnungszeiten</h4>
<p class="big" style="text-align: center;"><strong>Alles auf der Startseite</strong></p>
<p style="text-align: center;">Restaurant- und Frühstückszeiten, Adresse und Telefon stehen direkt beim Einstieg.</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>Tisch online reservieren</strong></p>
<p style="text-align: center;">Gäste reservieren rund um die Uhr über tabularesa, unsere eigene Gastronomie-Software.</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;">Genuss</h4>
<p class="big" style="text-align: center;"><strong>Speisekarte und Gutscheine</strong></p>
<p style="text-align: center;">Die aktuelle Speisekarte zum Abruf, Gutscheine zum Verschenken und eine Galerie, die Appetit auf den Besuch macht.</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 Ort für jede Tageszeit</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 Palladio am Maternusplatz in Köln-Rodenkirchen ist Café, Bistro, Gelateria und Restaurant zugleich, vom Frühstück am Morgen bis zum Abendessen.<br />
Bei so vielen Angeboten zählt vor allem eines: Gäste müssen schnell erkennen, wann geöffnet ist und wie sie einen Tisch bekommen.<br />
Deshalb stehen Öffnungszeiten, Frühstückszeiten und Kontaktdaten direkt auf der Startseite. Die Tischreservierung läuft online über tabularesa, unsere eigene Softwarelösung für die Gastronomie.<br />
Dazu kommen die Speisekarte zum Abruf, Gutscheine zum Verschenken und eine Galerie mit Eindrücken aus dem Palladio.<br />
<strong>Das Ergebnis ist eine übersichtliche Website, die Gäste vom ersten Blick bis 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>Webdesign</strong><br />
Einladender Auftritt für Café und Restaurant<br />
<strong>WordPress</strong><br />
Umsetzung mit einfacher Pflege<br />
<strong>tabularesa</strong><br />
Online-Tischreservierung<br />
<strong>Struktur</strong><br />
Öffnungszeiten, Speisekarte und Gutscheine<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;:15118,&quot;style&quot;:&quot;all&quot;,&quot;action&quot;:&quot;vc_get_vc_grid_data&quot;,&quot;shortcode_id&quot;:&quot;1791371986974-1fb90ef3-1ba1-9&quot;,&quot;tag&quot;:&quot;vc_basic_grid&quot;}" data-vc-request="https://webdesign.koeln/wp-admin/admin-ajax.php" data-vc-post-id="15118" data-vc-public-nonce="133ea840c7">
		
	</div>
</div></div></div></div></div>
</div><p>Der Beitrag <a href="https://webdesign.koeln/projekt/palladio-koeln-cafe-und-restaurant-in-koeln-rodenkirchen/">Palladio Köln &#8211; Café und Restaurant in Köln Rodenkirchen</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>
	</channel>
</rss>
