<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
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/">
	<channel>
		<title>Auto &amp; Mobility | Infinum</title>
		<atom:link href="https://infinum.com/work/industries/auto-mobility/feed/" rel="self" type="application/rss+xml" />
		<link></link>
		<description>Building digital products</description>
		<lastBuildDate>Fri, 03 Apr 2026 12:58:20 +0000</lastBuildDate>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>

					<item>
				<image>
					<url>19263353https://infinum.com/uploads/2025/06/royal-caribbean-etr-thumbnail.webp</url>
				</image>
				<title>Royal Caribbean – Innovating Check-In for a Smooth Sailing Experience</title>
				<link>https://infinum.com/work/royal-caribbean/</link>
				<pubDate>Fri, 14 Feb 2025 16:19:21 +0000</pubDate>
				<dc:creator>Zrinka Lepan</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19263353</guid>
				<description>
					<![CDATA[<p>We worked to solve a common yet confounding problem of the cruise line industry: how to get passengers on board more efficiently.</p>
<p>The post <a href="https://infinum.com/work/royal-caribbean/">Royal Caribbean – Innovating Check-In for a Smooth Sailing Experience</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-94"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-92">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-93'
	>
	Innovating Royal Caribbean check-in for a smooth sailing experience</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-97"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-95"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-96">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/img-royal-caribbean-etr-hero-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="716"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/02/img-royal-caribbean-etr-hero-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/img-royal-caribbean-etr-hero.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1280"
															width="2560"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-110"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-104">
		<div class="block-sticky-element__sticky-container js-block-sticky-element-sticky-container"  data-animation='slideFade' data-animation-target='inner-items'>
		<div	class="card-simple js-card-simple block-sticky-element__card-simple card-simple__content-align--left"
	data-id="es-105"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-106">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-107'
	>
	ROYAL CARIBBEAN</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-108'
	>
	<br>We worked to solve a common yet confounding problem of the cruise line industry: how to get passengers on board more efficiently.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-109'
	 id='es-105-paragraph'>
	<br><br>SERVICES<br><br><strong>STRATEGY</strong><br><strong>UX DESIGN<br>UI DESIGN</strong></p>	</div>
</div>	</div>
	<div class="block-sticky-element__inner-blocks-container js-block-sticky-element-inner-blocks-container">
		
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-103"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-98"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-99">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-100'
	>
	PROJECT INFO</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-101'
	>
	<br>A check-in app to help both cruisers and the client</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-102'
	 id='es-98-paragraph'>
	<br>Working collaboratively with Royal Caribbean and their partners, we created an application that allows passengers to check in from anywhere (airport, hotel, shuttle, etc.) up to two days in advance. Not only does this app reduce costs for the client, it also drastically improves the customer experience and their affinity for the Royal Caribbean brand.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-123"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-122">
	
<div class="block-column" data-id="es-115">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-114"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-111">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-112'
	>
	Increase in users</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-113'
	>
	110%</p></div>	</div>
</div>

<div class="block-column" data-id="es-121">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-120"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-116">
	
	<div class="blockquote__content">
		<i
	class="icon blockquote__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='blockquote-24' data-id='es-117'>
	<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-2.79685-.9568-5.37021-2.561-7.41062-.581.22951-1.0832.60583-1.5069 1.12898-.5132.60844-.7698 1.41969-.7698 2.43375v.07605h2.5789v5.59004h-5.6197v-5.01962c0-1.11547.154-2.06616.4619-2.85205.3336-.81125.757-1.48307 1.2702-2.01545.528-.52161 1.1175-.92155 1.7687-1.1998-2.0728-1.70651-4.7279-2.73128-7.6223-2.73128-6.62742 0-12 5.37258-12 12 0 6.6274 5.37258 12 12 12zm-3.53811-18.05347c-.30793.78589-.46189 1.73658-.46189 2.85205v5.01962h5.6197v-5.59004h-2.5789v-.07605c0-1.01406.2566-1.82531.7698-2.43375.5389-.63379 1.1804-1.05209 1.9245-1.2549v-2.28164c-.7441.07605-1.4626.25351-2.1555.53238-.6928.27887-1.3086.68449-1.84752 1.21688-.51321.53238-.9366 1.2042-1.27019 2.01545z' fill='currentColor' fill-rule='evenodd'/></svg></i><p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-118'
	>
	ETR’s Purpose Driven Design process was efficient and really helped get the best out of all team members.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-119'
	>
	<strong>BRENT COLLINS</strong>, ASPIRENT – ROYAL CARIBBEAN TEAM</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-125"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<hr
	class="block-divider"
	data-id="es-124"
	aria-hidden="true" />		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-141"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-140">
	
<div class="block-column" data-id="es-132">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-128"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-126">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-127'
	>
	Problem: just get me on board</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-131"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-129">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-130'
	>
	Focusing on their customers, Royal Caribbean decided the check-in process had to be streamlined and significantly sped up. Passengers are eager to get aboard and start their long awaited and much deserved vacations, so why make them stand in line any longer than needed?<br />
<br />
The old process called for multiple queues, lots of manual steps, pen and paper, etc. All those extra steps take time, and time is money, as it’s expensive to keep a ship in port.</p></div>	</div>
</div>

<div class="block-column" data-id="es-139">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-135"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-133">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-134'
	>
	Our approach: to Miami, if we must</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-138"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-136">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-137'
	>
	Before we could start to solve we needed to fully understand and respect the problem. We needed details on the desires and frustrations of both passengers and pier agents. And to do this effectively, we needed to be on the ground. So we bravely left New York City in the dead of winter to do a few weeks of field research in Miami, FL.<br />
<br />
Our team spent time in ports, interviewing customers and internal stakeholders, defining use cases and technology restrictions. We mapped backend logistics and 3rd party dependencies, took a deep-dive into the ideal UX, and went through a LOT of sticky notes.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-159"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-158">
	
<div class="block-column" data-id="es-153">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-144"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-142">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-143'
	>
	Prototype Early And Often</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-147"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-145">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-146'
	>
	Early on in our process, we decided we needed to employ rapid prototyping to help familiarize stakeholders and end-users with the product, reduce training time, and increase adoption. We pushed ourselves to make sure our own thinking remained flexible throughout the entire project.<br />
<br />
Initially, we planned to build in iOS, but working with our partners at Aspirent, we quickly realized a Microsoft Surface Tablet was a better technology choice due to the need for extremely long battery times and the ability to connect multiple peripherals (scanners, printers, etc.).</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-152"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-148">
	
	<div class="blockquote__content">
		<i
	class="icon blockquote__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='blockquote-24' data-id='es-149'>
	<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-2.79685-.9568-5.37021-2.561-7.41062-.581.22951-1.0832.60583-1.5069 1.12898-.5132.60844-.7698 1.41969-.7698 2.43375v.07605h2.5789v5.59004h-5.6197v-5.01962c0-1.11547.154-2.06616.4619-2.85205.3336-.81125.757-1.48307 1.2702-2.01545.528-.52161 1.1175-.92155 1.7687-1.1998-2.0728-1.70651-4.7279-2.73128-7.6223-2.73128-6.62742 0-12 5.37258-12 12 0 6.6274 5.37258 12 12 12zm-3.53811-18.05347c-.30793.78589-.46189 1.73658-.46189 2.85205v5.01962h5.6197v-5.59004h-2.5789v-.07605c0-1.01406.2566-1.82531.7698-2.43375.5389-.63379 1.1804-1.05209 1.9245-1.2549v-2.28164c-.7441.07605-1.4626.25351-2.1555.53238-.6928.27887-1.3086.68449-1.84752 1.21688-.51321.53238-.9366 1.2042-1.27019 2.01545z' fill='currentColor' fill-rule='evenodd'/></svg></i><p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-150'
	>
	This was a complex problem — we explored a lot of avenues before finding the right one.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-151'
	>
	<strong>CHRIS GARVEY</strong>, UX LEAD</div>		</div>
	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-157">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-156"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-154"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-155">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/img-rc-prototyping.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1046"
															width="1020"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-161"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<hr
	class="block-divider"
	data-id="es-160"
	aria-hidden="true" />		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-170"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-169">
	
<div class="block-column" data-id="es-168">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-164"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-162">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-163'
	>
	Solution: More Than Just A Check-In App</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-167"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-165">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-166'
	>
	We studied the way people traveled and made the app adaptive to those behaviors. The intuitive, smart interface armed the agents with technology able to recognize groups, communicate in multiple languages, and easily escalate special requests or issues to supervisors. Suddenly, the embarkation process became a lot more manageable. The long-lines and manual processes were replaced by a sleek tablet app. The intuitive design made training a breeze and allowed the same pier agents to be up and running on the new system in a matter of minutes.<br><br>We designed the application to serve three different levels of access and corresponding functionality. This allowed us to keep the design super-clean without having to sacrifice the ability for advanced functionality when the situation and user’s permissions called for it. We also separated analytics reporting into three different groups to allow each user type quick and easy access to the data that mattered most to their job function.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-184"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-183">
	
<div class="block-grid-item" data-id="es-173">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-171"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-172">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/img-1-royal.webp"
					class="image__img block-media__image-img"
					alt=""
										height="573"
															width="1020"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-176">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-174"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-175">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/img-2-royal-1400x787.webp				media='(max-width: 699px)'
				type=image/webp								height="787"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/img-2-royal.webp"
					class="image__img block-media__image-img"
					alt=""
										height="820"
															width="1459"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-179">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-177"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-178">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/img-3-royal.webp"
					class="image__img block-media__image-img"
					alt=""
										height="574"
															width="1020"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-182">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-180"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-181">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/img-4-royal.webp"
					class="image__img block-media__image-img"
					alt=""
										height="574"
															width="1020"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-193"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-192">
	
<div class="block-column" data-id="es-191">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-187"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-185">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-186'
	>
	Results: Smoother Sailing</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-190"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-188">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-189'
	>
	We saw the power of this application on the very first sailing. This app affected all the passengers, not just the ones using it to check in. With so many customers being checked in in advance, the remaining lines, wait times, and headaches at the port were effectively cut in half.<br><br>In the end everyone wins; happier employees are making happier customers who are creating happier memories of their vacations and the Royal Caribbean brand.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-195"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<hr
	class="block-divider"
	data-id="es-194"
	aria-hidden="true" />		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-201"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-200">
	
<div class="block-column" data-id="es-199">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-198"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-196">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-197'
	>
	This project was executed by our US team, formerly known as ETR. The company was acquired by Infinum in 2023.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/royal-caribbean/">Royal Caribbean – Innovating Check-In for a Smooth Sailing Experience</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19255744https://infinum.com/uploads/2025/06/Alps-Alpine-thumbnail.webp</url>
				</image>
				<title>Alps Alpine Europe</title>
				<link>https://infinum.com/work/alpsalpineeu-iot-bicycle-safety/</link>
				<pubDate>Thu, 19 Sep 2024 16:49:47 +0000</pubDate>
				<dc:creator>Aljoša Lijić</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19255744</guid>
				<description>
					<![CDATA[<p>We built an award-winning IoT solution for safer cycling.</p>
<p>The post <a href="https://infinum.com/work/alpsalpineeu-iot-bicycle-safety/">Alps Alpine Europe</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-204"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-202">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-203'
	>
	<strong>Dashboard app turns AI-powered bike camera into a smart safety system</strong></h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-207"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-205"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-206">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/07/img-alps-hero-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="1860"
												width="1860"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2024/07/Alps-Alpine-hero-2400x1163.webp				media='(max-width: 1199px)'
				type=image/webp								height="1163"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2024/07/Alps-Alpine-hero.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1240"
															width="2560"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-226"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-220">
		<div class="block-sticky-element__sticky-container js-block-sticky-element-sticky-container"  data-animation='slideFade' data-animation-target='inner-items'>
		<div	class="card-simple js-card-simple block-sticky-element__card-simple card-simple__content-align--left"
	data-id="es-221"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-222">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-223'
	>
	ALPS ALPINE EU<br><br></p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-224'
	>
	<strong>We built an award-winning IoT solution for safer cycling</strong>.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-225'
	 id='es-221-paragraph'>
	<br><br>SERVICES<br><br><strong>UX DESIGN<br>UI DESIGN<br>USER TESTING<br>PROTOTYPING<br>MOBILE DEVELOPMENT<br>QUALITY ASSURANCE</strong></p>	</div>
</div>	</div>
	<div class="block-sticky-element__inner-blocks-container js-block-sticky-element-inner-blocks-container">
		
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-213"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-208"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-209">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-210'
	>
	PROJECT INFO<br><br><br></p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-211'
	>
	Cyclist safety is stuck in the slow lane</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-212'
	 id='es-208-paragraph'>
	Cities are cluttered with traffic, and bicycles can reach speeds of up to 45 kilometers per hour. It’s a dangerous combination that puts cyclists&#8217; lives at risk, yet the industry lags behind in safety innovations.<br><br>Alps Alpine Europe is a world-renowned manufacturer of high-quality automotive electronics, committed to applying its innovative strength to raise comfort and safety for cyclists.</p>	</div>
</div>	</div>

<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-214"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-215>
	
											<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2024/10/Lottie-1-New.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.77
		data-viewport-offset-factor=1
		data-timeline-offset-factor=0.4></div>
	</div></div></div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-219"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-216"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-217'
	>
	Advancing safety standards with technology</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-218'
	 id='es-216-paragraph'>
	Alps Alpine Europe sought Infinum to design and develop a companion app for their state-of-the-art bicycle camera.<br><br>Called Ride Safety System, this smart solution features a rear camera that transmits a live feed of the road to a smartphone mounted on the bike’s handlebars. It’s the first AI-powered bicycle system that recognizes potential dangers and continuously informs the rider of what is happening behind them.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-240"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-239">
	
<div class="block-column" data-id="es-230">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-229"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-227"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-228">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/07/img-award-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="1263"
												width="2250"
				 />
												<img
					src="https://infinum.com/uploads/2024/07/img-award-lamp-final.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1358"
															width="1396"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-column" data-id="es-238">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-234"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-231"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-232'
	>
	Award-winning product design</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-233'
	 id='es-231-paragraph'>
	Among hundreds of innovative solutions in the bicycle and future mobility industry, Ride Safety System won the prestigious Eurobike Award 2023 at the largest bike event in Europe.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-237"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-235"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-236">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2024/07/Eurobike-award-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="361"
															width="1016"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-247"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-246">
	
<div class="block-column" data-id="es-245">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-244"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-241"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-242'
	>
	Extending cyclists’ senses</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-243'
	 id='es-241-paragraph'>
	The Ride Safety System gives cyclists eyes in the back of their heads. This intelligent system lets them monitor the traffic behind them without turning around — for greater safety and fewer accidents.</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-250"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-248"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-249">
		<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 loop autoplay playsinline muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2024/10/Process-mobile.mp4' type='video/mp4' media='(max-width: 699px)' /><source  src='https://infinum.com/uploads/2024/09/Bike-video-HD-new-2.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-253"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-251"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-252">
		<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 loop autoplay playsinline muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2024/10/Process-mobile.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-259"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-258">
	
<div class="block-column" data-id="es-257">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-256"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-254"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-255'
	>
	Complex functionalities behind a compact interface</h2>		</div>

			</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-262"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-260"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-261">
		<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 loop autoplay playsinline muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2024/09/Features-mobile-video.mp4' type='video/mp4' media='(max-width: 699px)' /><source  src='https://infinum.com/uploads/2024/09/Features-video.mp4' type='video/mp4' />	</video>
	</div></div></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-287"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-286">
	
<div class="block-grid-item" data-id="es-263">
	

</div>

<div class="block-grid-item" data-id="es-268">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-267"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-264"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-265'
	>
	Virtual rear-view mirror  </h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-266'
	 id='es-264-paragraph'>
	The rapid data transmission between the camera and the app makes the lag invisible to the human eye, resulting in a continuous, real-time rear view.</p>	</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-273">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-272"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-269"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-270'
	>
	AI-powered danger detection</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-271'
	 id='es-269-paragraph'>
	A <a href="https://infinum.com/machine-learning-development-services/">machine learning </a>algorithm detects dangerous traffic situations and warns the rider through visual alerts on the screen.</p>	</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-277">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-274"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-275'
	>
	Smart rear LED light</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-276'
	 id='es-274-paragraph'>
	For maximum visibility, the system features a tail light and an automatic brake light function that signals when the bike is slowing down or stopping.</p>	</div>
</div>
</div>

<div class="block-grid-item" data-id="es-281">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-278"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-279'
	>
	Automatic accident capture</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-280'
	 id='es-278-paragraph'>
	In the event of an accident, the system automatically records and stores crash footage, including the moments leading up to it.</p>	</div>
</div>
</div>

<div class="block-grid-item" data-id="es-285">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-282"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-283'
	>
	Real-time riding data</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-284'
	 id='es-282-paragraph'>
	Advanced riding modes for Shimano e-bike owners, available via in-app purchase, unlock real-time riding stats like speed, distance, and battery status.</p>	</div>
</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-315"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-314">
	
<div class="block-grid-item" data-id="es-288">
	

</div>

<div class="block-grid-item" data-id="es-293">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-292"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-289"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-290'
	>
	Virtual rear-view mirror  </h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-291'
	 id='es-289-paragraph'>
	The rapid data transmission between the camera and the app makes the lag invisible to the human eye, resulting in a continuous, real-time rear view.</p>	</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-298">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-297"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-294"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-295'
	>
	AI-powered danger detection</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-296'
	 id='es-294-paragraph'>
	A machine learning algorithm detects dangerous traffic situations and warns the rider through visual alerts on the screen.</p>	</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-303">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-302"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-299"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-300'
	>
	Smart rear LED light</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-301'
	 id='es-299-paragraph'>
	For maximum visibility, the system features a tail light and an automatic brake light function that signals when the bike is slowing down or stopping.</p>	</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-308">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-307"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-304"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-305'
	>
	Automatic accident capture</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-306'
	 id='es-304-paragraph'>
	In the event of an accident, the system automatically records and stores crash footage, including the moments leading up to it.</p>	</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-313">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-312"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-309"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-20-text js-typography card-simple__heading'
	data-id='es-310'
	>
	Real-time riding data</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-311'
	 id='es-309-paragraph'>
	Advanced riding modes for Shimano e-bike owners, available via in-app purchase, unlock real-time riding stats like speed, distance, and battery status.</p>	</div>
</div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-322"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-321">
	
<div class="block-column" data-id="es-320">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-319"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-316"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-317'
	>
	Superior user experience <br />
starts with a smooth onboarding</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-318'
	 id='es-316-paragraph'>
	To get started, users can either create a personalized account or continue in guest mode. Onboarding experience was driven by user testing. We achieved a seamless flow by guiding users through the camera-app pairing process that features multiple educational videos.</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-325"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-323"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-324>
	
					<div
			class="lottie__container lottie__container--mobile js-lottie-container block-media__lottie-container block-media__lottie-container--mobile js-block-media-lottie-container"
			data-breakpoint=mobile			data-path=https://infinum.com/uploads/2025/04/Alps-mob-4-mobile-update-full.json></div>
									<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2025/04/Mob-4-update-full.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.5
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-332"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-331">
	
<div class="block-column" data-id="es-330">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-329"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--center"
	data-id="es-326"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-327'
	>
	Secure pairing process</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-328'
	 id='es-326-paragraph'>
	The credentials for connecting the camera to the app are securely exchanged through a QR code. This direct visual method prevents potential hacker attacks that can occur with over-the-air (OTA) transfers of credentials. </p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-335"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-333"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-334>
	
					<div
			class="lottie__container lottie__container--mobile js-lottie-container block-media__lottie-container block-media__lottie-container--mobile js-block-media-lottie-container"
			data-breakpoint=mobile			data-path=https://infinum.com/uploads/2024/10/Alps-mob-3-mobile.json></div>
									<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2024/10/Mob-3-1.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.5
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-343"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-342">
	
<div class="block-column" data-id="es-341">
	
<div class="blockquote block-blockquote__blockquote" data-id="es-336">
	<div	class="media blockquote__media media__border--none media__align--center-left"
	data-id="es-337"
	 data-media-type='image'>

	<figure class="image blockquote__image-figure image--size-testimonial-size" data-id="es-338">
	<picture class="image__picture blockquote__image-picture">
												<img
					src="https://infinum.com/uploads/2024/09/img-jawad-zein.webp"
					class="image__img blockquote__image-img"
					alt=""
										height="401"
															width="400"
										loading="lazy"
					 />
					</picture>

	</figure></div>
	<div class="blockquote__content">
		<p	class='typography typography--size-24-text js-typography blockquote__quote'
	data-id='es-339'
	>
	<br>Infinum&#8217;s expertise in IoT and B2C product design was crucial for the success of this project. We needed a partner who’s able to provide the best user experience and bring that premium brand feel into the product design.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-340'
	>
	<strong>JAWAD ZEIN<br></strong>MARKETING LEAD, ALPS ALPINE EUROPE</div>		</div>
	</div>
</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-356"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-355">
	
<div class="block-grid-item" data-id="es-347">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-346"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-344"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-345">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/09/img-tandem-mobile-final.webp				media='(max-width: 699px)'
				type=image/webp								height="2718"
												width="2250"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2024/09/Tandem-tablet.webp				media='(max-width: 1199px)'
				type=image/webp								height="1840"
												width="2880"
				 />
												<img
					src="https://infinum.com/uploads/2024/07/img-road-ahead.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1381"
															width="2880"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-grid-item" data-id="es-354">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-353"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-348"
	>

	
	<div class="intro-label card-simple__intro-label intro-label__line-type--intro" data-id="es-349">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-350'
	>
	THE ROAD AHEAD<br />
<br />
</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-351'
	>
	Transforming the industry in tandem</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-352'
	 id='es-348-paragraph'>
	<br />
Teams at Alps Alpine Europe and Infinum continue the effort of making cycling safer and smarter. Future plans include enriching the rider’s dashboard, community building, and gamification to further improve the user experience.</p>	</div>
</div>	</div>
</div>
</div>		</div>
	</div><p>The post <a href="https://infinum.com/work/alpsalpineeu-iot-bicycle-safety/">Alps Alpine Europe</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19256151https://infinum.com/uploads/2025/06/pdc-thumbnail.webp</url>
				</image>
				<title>Porsche Digital Croatia</title>
				<link>https://infinum.com/work/porsche-digital-croatia/</link>
				<pubDate>Thu, 25 Jul 2024 17:45:39 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19256151</guid>
				<description>
					<![CDATA[<p>Helping Porsche Digital open a new R&#38;D center, attract local talent, and enhance their global presence.</p>
<p>The post <a href="https://infinum.com/work/porsche-digital-croatia/">Porsche Digital Croatia</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-359"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-357">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-358'
	>
	Scaling operations for Porsche Digital’s new R&amp;D center</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-362"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-360"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-361">
		<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 loop autoplay playsinline muted preload='auto'>
		<source  src='https://infinum.com/uploads/2024/07/PDC-hero3.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-379"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-373">
		<div class="block-sticky-element__sticky-container js-block-sticky-element-sticky-container"  data-animation='slideFade' data-animation-target='inner-items'>
		<div	class="card-simple js-card-simple block-sticky-element__card-simple card-simple__content-align--left"
	data-id="es-374"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-375">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-376'
	>
	PORSCHE DIGITAL</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-377'
	>
	<br>Helping Porsche Digital open a new R&amp;D center, attract local talent, and enhance their global presence.</h2>		</div>

			</div>
</div>	</div>
	<div class="block-sticky-element__inner-blocks-container js-block-sticky-element-inner-blocks-container">
		
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-366"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-363"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-364">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-365'
	>
	PROJECT INFO</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</div>

			</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-369"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-367">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-368'
	>
	Entering a new market usually means establishing a new business from scratch or acquiring an existing company. While starting from scratch is more time-consuming and risky, acquisitions may bring along resources not aligned with strategic goals, resulting in added costs and organizational clutter.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-372"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-370">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-371'
	>
	Porsche Digital recognized Infinum as a catalyst for their Southeast Europe operations, a strategic partner well-versed in the intricacies of the local market and regulations.</p></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-382"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-380"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-381>
	
					<div
			class="lottie__container lottie__container--mobile js-lottie-container block-media__lottie-container block-media__lottie-container--mobile js-block-media-lottie-container"
			data-breakpoint=mobile			data-path=https://infinum.com/uploads/2023/12/ured-fotka-mobile.json></div>
									<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2023/12/Ured-fotka.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.5
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-391"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-390">
	
<div class="block-column" data-id="es-389">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-385"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-383">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-384'
	>
	Building Porsche Digital Croatia from 0 to 100 km/h</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-388"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-386">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-387'
	>
	Entering a joint venture with Infinum enabled Porsche Digital to grow the business through a collaboration tailored completely to drive their goals.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-442"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-441">
	
<div class="block-grid-item" data-id="es-395">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-394"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-392">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-393'
	>
	01</h2></div>	</div>
</div>

<div class="block-grid-item" data-id="es-399">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-398"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-396">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-397'
	>
	Industry experience and expertise</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-403">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-402"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-400">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-401'
	>
	02</h2></div>	</div>
</div>

<div class="block-grid-item" data-id="es-407">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-406"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-404">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-405'
	>
	Established network and reputation</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-408">
	

</div>

<div class="block-grid-item" data-id="es-412">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-411"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-409">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-410'
	>
	03</h2></div>	</div>
</div>

<div class="block-grid-item" data-id="es-416">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-415"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-413">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-414'
	>
	Access to the local talent pool</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-420">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-419"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-417">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-418'
	>
	04</h2></div>	</div>
</div>

<div class="block-grid-item" data-id="es-424">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-423"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-421">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-422'
	>
	Agility and speed in achieving goals</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-428">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-427"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-425">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-426'
	>
	05</h2></div>	</div>
</div>

<div class="block-grid-item" data-id="es-432">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-431"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-429">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-430'
	>
	Compliance with local legislature</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-436">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-435"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-433">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-434'
	>
	06</h2></div>	</div>
</div>

<div class="block-grid-item" data-id="es-440">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-439"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-437">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-438'
	>
	Company culture and process handover</p></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-458"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-457">
	
<div class="block-column" data-id="es-446">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-445"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-443"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-444>
	
											<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2023/12/Established.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.5
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>	</div>
</div>

<div class="block-column" data-id="es-456">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-449"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-447">
	<p	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-448'
	>
	Porsche Digital was able to streamline operations at an unprecedented rate thanks to Infinum’s established expertise and market position.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-452"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-450">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-451'
	>
	With an established regional presence and experience in setting up companies, including the successful B2B SaaS Productive, Infinum had a strategy in place to set Porsche Digital Croatia up for success.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-455"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-453">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-454'
	>
	After recruiting the company&#8217;s core team, consisting of top performers at Infinum, we expanded the team by capitalizing on the reputation built over 18 years and winning seven consecutive Best Employer awards.<br></p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-544"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-540">
		<div class="block-sticky-element__sticky-container js-block-sticky-element-sticky-container"  data-animation='slideFade' data-animation-target='inner-items'>
		<div	class="card-simple js-card-simple block-sticky-element__card-simple card-simple__content-align--left"
	data-id="es-541"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-542'
	>
	Exceeding expectations from day one</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-543'
	 id='es-541-paragraph'>
	<br>Porsche Digital Croatia&#8217;s rapid journey to success and growth is impressive. In its second year, the company had already achieved full operational independence. Having mastered Infinum&#8217;s processes and recruitment practices, the company began hiring engineering, design, data science, and artificial intelligence talent independently. The success of the hiring efforts resulted in moving to a bigger office the following year.</p>	</div>
</div>	</div>
	<div class="block-sticky-element__inner-blocks-container js-block-sticky-element-inner-blocks-container">
		
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-539"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="grid block-grid__grid" data-id="es-538">
	
<div class="block-grid-item" data-id="es-462">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-461"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-459"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-460">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/First-bullet-mobile.svg				media='(max-width: 699px)'
				type=image/svg+xml								 />
												<img
					src="https://infinum.com/uploads/2024/01/First-bullet-final.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-grid-item" data-id="es-468">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-467"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-463"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-464">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-465'
	>
	2020</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-466'
	>
	Porsche Digital Croatia founded</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-472">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-471"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-469"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-470">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/Second-bullet-mobile.svg				media='(max-width: 699px)'
				type=image/svg+xml								 />
												<img
					src="https://infinum.com/uploads/2024/01/Second-bullet.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-grid-item" data-id="es-478">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-477"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-473"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-474">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-475'
	>
	2021</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-476'
	>
	Core team established</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-482">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-481"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-479"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-480">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/Second-bullet-mobile.svg				media='(max-width: 699px)'
				type=image/svg+xml								 />
												<img
					src="https://infinum.com/uploads/2024/01/Second-bullet.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-grid-item" data-id="es-488">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-487"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-483"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-484">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-485'
	>
	2021</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-486'
	>
	Best Employer award</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-492">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-491"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-489"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-490">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/Second-bullet-mobile.svg				media='(max-width: 699px)'
				type=image/svg+xml								 />
												<img
					src="https://infinum.com/uploads/2024/01/Second-bullet.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-grid-item" data-id="es-498">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-497"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-493"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-494">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-495'
	>
	2022</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-496'
	>
	10 teams mark</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-502">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-501"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-499"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-500">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/Second-bullet-mobile.svg				media='(max-width: 699px)'
				type=image/svg+xml								 />
												<img
					src="https://infinum.com/uploads/2024/01/Second-bullet.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-grid-item" data-id="es-508">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-507"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-503"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-504">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-505'
	>
	2022</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-506'
	>
	Moved to a bigger office</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-511">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-509"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-510">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/Second-bullet-mobile.svg				media='(max-width: 699px)'
				type=image/svg+xml								 />
												<img
					src="https://infinum.com/uploads/2024/01/Second-bullet.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-517">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-516"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-512"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-513">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-514'
	>
	2022</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-515'
	>
	Best Employer award 2nd time</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-520">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-518"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-519">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/Second-bullet-mobile.svg				media='(max-width: 699px)'
				type=image/svg+xml								 />
												<img
					src="https://infinum.com/uploads/2024/01/Second-bullet.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-526">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-525"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-521"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-522">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-523'
	>
	2023</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-524'
	>
	100 employees mark</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-530">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-529"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-527"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-528">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/Third-bullet-mobile-1.svg				media='(max-width: 699px)'
				type=image/svg+xml								 />
												<img
					src="https://infinum.com/uploads/2024/01/Third-bullet-short.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-grid-item" data-id="es-536">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-535"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-531"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-532">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-533'
	>
	2023</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-534'
	>
	Best Employer award 3rd time</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-537">
	

</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-547"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-545"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-546>
	
					<div
			class="lottie__container lottie__container--mobile js-lottie-container block-media__lottie-container block-media__lottie-container--mobile js-block-media-lottie-container"
			data-breakpoint=mobile			data-path=https://infinum.com/uploads/2023/12/Auto-reveal-mob.json
		
		data-trigger=scroll></div>
									<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2023/12/Auto-reveal-novo.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.5
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-573"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-572">
	
<div class="block-column" data-id="es-551">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-550"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-548">
	<p	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-549'
	>
	Don&#8217;t take our word for it &#8211; the results show the joint venture is a success story. </p></div>	</div>
</div>

<div class="block-column" data-id="es-556">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-555"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-552">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-553'
	>
	Team members in Croatia</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-554'
	>
	141</p></div>	</div>
</div>

<div class="block-column" data-id="es-561">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-560"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-557">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-558'
	>
	Product teams in Croatia</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-559'
	>
	14</p></div>	</div>
</div>

<div class="block-column" data-id="es-566">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-565"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-562">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-563'
	>
	Team members globally</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-564'
	>
	640</p></div>	</div>
</div>

<div class="block-column" data-id="es-571">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-570"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-567">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-568'
	>
	Offices globally</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-569'
	>
	11</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-583"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-582">
	
<div class="block-column" data-id="es-577">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-576"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-574">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-575'
	>
	PORSCHE DIGITAL&#8217;S PRODUCT PORTFOLIO</p></div>	</div>
</div>

<div class="block-column" data-id="es-581">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-580"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-578">
	<p	class='typography typography--size-24-text js-typography block-typography__typography'
	data-id='es-579'
	>
	Over the course of three years, Porsche Digital Croatia managed to scale new digital business models and improve the quality of products within Porsche. Here are a few examples.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-594"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-593">
	
<div class="block-grid-item" data-id="es-587">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-586"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-584"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-585">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/12/Streamzilla-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="1810"
												width="1600"
				 />
												<img
					src="https://infinum.com/uploads/2023/12/Streamzilla-3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="800"
															width="1440"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-grid-item" data-id="es-592">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-591"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-588"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-589'
	>
	Streamzilla</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-590'
	 id='es-588-paragraph'>
	One-stop-shop for all data streaming needs within Porsche.</p>	</div>
</div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-606"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-605">
	
<div class="block-column" data-id="es-598">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-597"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-595"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-596>
	
					<div
			class="lottie__container lottie__container--mobile js-lottie-container block-media__lottie-container block-media__lottie-container--mobile js-block-media-lottie-container"
			data-breakpoint=mobile			data-path=https://infinum.com/uploads/2024/02/Porsche-App-mobile-min.json
		
		
		
		data-viewport-offset-factor=1></div>
									<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2024/02/Porsche-App-min.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.74
		data-viewport-offset-factor=1
		data-timeline-offset-factor=0.73></div>
	</div></div></div>	</div>
</div>

<div class="block-column" data-id="es-603">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-602"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-599"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-600'
	>
	My Porsche App</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-601'
	 id='es-599-paragraph'>
	The mobile touchpoint that improves the experience of owning and driving a Porsche.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-604">
	

</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-613"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-612">
	
<div class="block-column" data-id="es-611">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-610"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-607"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-608'
	>
	Porsche Drive</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-609'
	 id='es-607-paragraph'>
	Online platform for short &amp; long-term rental of Porsche vehicles.</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-616"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-614"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-615>
	
					<div
			class="lottie__container lottie__container--mobile js-lottie-container block-media__lottie-container block-media__lottie-container--mobile js-block-media-lottie-container"
			data-breakpoint=mobile			data-path=https://infinum.com/uploads/2024/02/Porsche-drive-mobile-min.json
		
		
		
		data-viewport-offset-factor=1></div>
									<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2024/02/Porsche-drive-min.json
		data-loop=false
		data-trigger=scroll></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-630"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-629">
	
<div class="block-column" data-id="es-620">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-619"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-617"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-618">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/02/PDC-employer-award-mobile-min.webp				media='(max-width: 699px)'
				type=image/webp								height="1174"
												width="586"
				 />
												<img
					src="https://infinum.com/uploads/2024/02/PDC-employer-award-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1432"
															width="586"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-column" data-id="es-624">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-623"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-621"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-622'
	>
	Porsche Digital Croatia shifts gears with three Best Employer recognitions so far</h2>		</div>

			</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-628">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-627"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-625">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-626'
	>
	Building cutting-edge solutions to be used by Porsche customers around the world, the team at <a href="https://www.porsche-digital.hr/">Porsche Digital Croatia</a> works hand in hand with skilled professionals from 11 offices globally. <br><br>On top of building advanced technology, the team at Porsche Digital Croatia continues to foster a winning company culture, joining Infinum as the recipient of the Best Employer award already in its first year.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/porsche-digital-croatia/">Porsche Digital Croatia</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>44410https://infinum.com/uploads/2025/06/SITA-thumbnail.webp</url>
				</image>
				<title>SITA</title>
				<link>https://infinum.com/work/sita/</link>
				<pubDate>Tue, 24 Oct 2023 12:55:55 +0000</pubDate>
				<dc:creator>Zrinka Lepan</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=44410</guid>
				<description>
					<![CDATA[<p>We designed a fully customizable flight booking system for airlines across the globe.</p>
<p>The post <a href="https://infinum.com/work/sita/">SITA</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-633"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-631">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-632'
	>
	Creating a modular design system for a famed travel tech company </h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-636"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-634"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-635">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/10/Sita-hero-visual-033-mobile-img-min.webp				media='(max-width: 699px)'
				type=image/webp								height="1484"
												width="1500"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2023/10/SITA-case-hero-img_002-min-2400x1129.webp				media='(max-width: 1199px)'
				type=image/webp								height="1129"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2023/10/SITA-case-hero-img_002-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1280"
															width="2720"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-653"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-647">
		<div class="block-sticky-element__sticky-container js-block-sticky-element-sticky-container"  data-animation='slideFade' data-animation-target='inner-items'>
		<div	class="card-simple js-card-simple block-sticky-element__card-simple card-simple__content-align--left"
	data-id="es-648"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-649">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-650'
	>
	SITA<br><br><br></p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-651'
	>
	We designed a fully customizable flight booking system for airlines across the globe.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-652'
	 id='es-648-paragraph'>
	<br><br>SERVICES<br><br><strong>STRATEGY<br>DESIGN</strong></p>	</div>
</div>	</div>
	<div class="block-sticky-element__inner-blocks-container js-block-sticky-element-inner-blocks-container">
		
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-642"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-637"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-638">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-639'
	>
	PROJECT INFO<br><br><br></p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-640'
	>
	A frequent flight companion</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-641'
	 id='es-637-paragraph'>
	SITA is one of the world’s oldest travel IT companies, providing services to over 400 airlines and affiliates worldwide. Their flagship product, the web-based flight search and reservation system Horizon, is used by companies across six continents, each with custom branding, language, cultural norms, and accessibility requirements.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-646"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-643"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-644'
	>
	Expanding the horizon</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-645'
	 id='es-643-paragraph'>
	To stay competitive in an ever-demanding market and move away from legacy systems, SITA wanted to evolve Horizon into a flexible platform that would meet the needs of both their airline customers and end-users. Working closely with SITA&#8217;s stakeholders, we created a fully modular design system that not only meets their current requirements but is also extendable to new products and services.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-671"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-670">
	
<div class="block-grid-item" data-id="es-654">
	</div>

<div class="block-grid-item" data-id="es-659">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-658"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-655">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-656'
	>
	Languages supported</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-657'
	>
	16</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-664">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-663"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-660">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-661'
	>
	Unique components created as part of design system</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-662'
	>
	36</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-669">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-668"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-665">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-666'
	>
	SITA’s airline customers using Horizon</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-667'
	>
	130</p></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-674"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-672"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-673">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/10/sita-in-case-mobile-002-img-min.webp				media='(max-width: 699px)'
				type=image/webp								height="2108"
												width="1264"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2023/10/sita-in-article-visual-workshop-collage-img-01-min-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2023/10/sita-in-article-visual-workshop-collage-img-01-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1280"
															width="2560"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-682"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-681">
	
<div class="block-column" data-id="es-680">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-679"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-675"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-676">
	<p	class='typography typography--size-14-text-roman typography--hyphens js-typography intro-label__intro-label'
	data-id='es-677'
	>
	A GROUNDING EXPERIENCE<br><br><br><br></p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-80-default js-typography card-simple__heading'
	data-id='es-678'
	>
	A multi-faceted product for the airline industry</h2>		</div>

			</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-688"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-687">
	
<div class="block-column" data-id="es-686">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-685"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-683">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-684'
	>
	Developing a cohesive design system for a multi-faceted industry product requires agency and client to respond to multiple challenges at every turn.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-713"
	 data-animation-target='inner-items'>
		
			<div class="block-group" data-id=es-712>
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-711"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-710">
	
<div class="block-grid-item" data-id="es-691">
	
<div class="block-heading" data-id="es-689">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-690'
	>
	Industry-inherent<br>challenges</h2></div>
</div>

<div class="block-grid-item" data-id="es-697">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-692"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-693"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-694">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/star-alt-4.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-695'
	>
	Legacy systems</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-696'
	 id='es-692-paragraph'>
	Backend systems built years ago are still widespread in the industry, despite losing their practical usability.</p>	</div>
</div>
</div>

<div class="block-grid-item" data-id="es-703">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-698"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-699"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-700">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/memo-check.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-701'
	>
	Rules</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-702'
	 id='es-698-paragraph'>
	All processes are governed by complex business requirements based on an array of international rules and regulations.</p>	</div>
</div>
</div>

<div class="block-grid-item" data-id="es-709">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-704"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-705"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-706">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/Frame-187.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-707'
	>
	Tight margins</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-708'
	 id='es-704-paragraph'>
	Fierce competition in the industry and razor-thin profit margins require innovative ways of generating revenue.</p>	</div>
</div>
</div>
</div>		</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-715"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<hr
	class="block-divider"
	data-id="es-714"
	aria-hidden="true" />		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-734"
	 data-animation-target='inner-items'>
		
			<div class="block-group" data-id=es-733>
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-732"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-731">
	
<div class="block-grid-item" data-id="es-718">
	
<div class="block-heading" data-id="es-716">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-717'
	>
	SITA-specific<br>challenges</h2></div>
</div>

<div class="block-grid-item" data-id="es-724">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-719"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-720"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-721">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/globe-alt.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-722'
	>
	Multinational scale</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-723'
	 id='es-719-paragraph'>
	Due to SITA&#8217;s many partners and products, our process included 34 direct stakeholders across six time zones – all with the ability to pull the brake handle. </p>	</div>
</div>
</div>

<div class="block-grid-item" data-id="es-730">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-725"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-726"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-727">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/diagram-next.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-728'
	>
	Legacy design methods</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-729'
	 id='es-725-paragraph'>
	Many of SITA’s products were launched before the widespread uptake of user-centered design practices. The interfaces had usability issues resulting from years of bolting new features and functionality onto legacy designs.</p>	</div>
</div>
</div>
</div>		</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-736"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<hr
	class="block-divider"
	data-id="es-735"
	aria-hidden="true" />		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-761"
	 data-animation-target='inner-items'>
		
			<div class="block-group" data-id=es-760>
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-759"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-758">
	
<div class="block-grid-item" data-id="es-739">
	
<div class="block-heading" data-id="es-737">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-738'
	>
	Horizon product line<br>challenges</h2></div>
</div>

<div class="block-grid-item" data-id="es-745">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-740"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-741"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-742">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/diagram-subtask.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-743'
	>
	Lack of flexibility</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-744'
	 id='es-740-paragraph'>
	As with many of SITA’s other products up to this point, Horizon was built using a classic waterfall methodology.</p>	</div>
</div>
</div>

<div class="block-grid-item" data-id="es-751">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-746"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-747"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-748">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/user-question-alt.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-749'
	>
	Unmet user needs</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-750'
	 id='es-746-paragraph'>
	The development practices employed resulted in a product that was misaligned with the needs of its user base.</p>	</div>
</div>
</div>

<div class="block-grid-item" data-id="es-757">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-752"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-753"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-754">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/laptop-xmark.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-24-text js-typography card-simple__heading'
	data-id='es-755'
	>
	Inability to update</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-756'
	 id='es-752-paragraph'>
	Without the possibility to iterate quickly, releasing updates became difficult and time consuming, and the customers were kept waiting.</p>	</div>
</div>
</div>
</div>		</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-764"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-762">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-763'
	>
	Building such a complex system with so many unique challenges required a massive discovery effort. We talked to nearly 40 stakeholders over eight weeks, performed heuristic analysis, competitive analysis, user research, and held “Airlines 101” sessions, all of which resulted in a detailed report containing the roadmap to creating the new product.</h2></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-777"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-776">
	
<div class="block-column" data-id="es-771">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-767"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-765">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-766'
	>
	SITA was eager to adopt an Agile methodology, and the Horizon project was an ideal starting point. </h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-770"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-768">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-769'
	>
	Building the design system, we employed the user-centered, iterative cycle:</p></div>	</div>
</div>

<div class="block-column" data-id="es-775">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-774"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-772"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-773>
	
					<div
			class="lottie__container lottie__container--mobile js-lottie-container block-media__lottie-container block-media__lottie-container--mobile js-block-media-lottie-container"
			data-breakpoint=mobile			data-path=https://infinum.com/uploads/2023/10/agile-circle-lottie-final_02.json></div>
									<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2023/10/agile-circle-lottie-final_02.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.5
		data-viewport-offset-factor=1
		data-timeline-offset-factor=0.75></div>
	</div></div></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-788"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-787">
	
<div class="block-column" data-id="es-782">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-781"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-778"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-779">
	<p	class='typography typography--size-14-text-roman typography--hyphens js-typography intro-label__intro-label'
	data-id='es-780'
	>
	THE REQUIREMENTS</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</div>

			</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-786">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-785"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-783">
	<h2	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-784'
	>
	A chameleon platform to get all users aboard</h2></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-798"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-797">
	
<div class="block-column" data-id="es-792">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-791"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-789">
	</div>	</div>
</div>

<div class="block-column" data-id="es-796">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-795"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-793">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-794'
	>
	A single platform had to serve both customers and ticketing agents, meeting the unique needs of both groups. At the same time, it had to be easily adaptable for any of 130 SITA’s airline clients on six continents.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-832"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div
	data-id="es-831"
	class="block-side-scroll js-block-side-scroll block-side-scroll__align-items--top">
		<div class="block-side-scroll__container js-block-side-scroll-container">
		<div class="block-side-scroll__scroll-container js-block-side-scroll-scroll-container">
			
<div class="block-carousel-item" data-id="es-800">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-799"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</div>

			</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-806">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-801"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-802"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-auto" data-id="es-803">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/user-focused-04.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-804'
	>
	User-focused</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-805'
	 id='es-801-paragraph'>
	Customers needed a frictionless, simple user experience across a wide range of use-cases and within the confines of a massively complex business process. Agents needed to be able to conduct hundreds of bookings daily and quickly accommodate highly complex edge cases.</p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-812">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-807"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-808"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-auto" data-id="es-809">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/re-brandable-04.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-810'
	>
	Customizable</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-811'
	 id='es-807-paragraph'>
	The color scheme we defined would have to work across the full color wheel, allowing each carrier to apply their own branding with no unwelcome color clashing. </p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-818">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-813"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-814"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-auto" data-id="es-815">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/localization-friendly-04.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-816'
	>
	Localization-friendly</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-817'
	 id='es-813-paragraph'>
	Any icons, microcopy, and messaging in the user interface had to be easily translatable across dozens of cultures and languages.</p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-824">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-819"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-820"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-auto" data-id="es-821">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/Accessibility-04.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-822'
	>
	<strong>Accessibility-compliant</strong></h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-823'
	 id='es-819-paragraph'>
	AA standard accessibility compliance was essential.</p>	</div>
</div>
</div>

<div class="block-carousel-item" data-id="es-830">
	
<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-825"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-826"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-auto" data-id="es-827">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2023/10/performance-04.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-828'
	>
	<strong><strong>Performance-driven</strong></strong></h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-829'
	 id='es-825-paragraph'>
	Particular attention had to be paid to performance within a wide range of hardware, software, and internet connectivity and bandwidth conditions.</p>	</div>
</div>
</div>
		</div>
	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-835"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-833">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-834'
	>
	A global solution requires global research – we conducted extensive field studies, ideation workshops and usability tests with ticketing agents and airline stakeholders in the US, Canada, and India.</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-838"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-836"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-837">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2023/10/sita-in-case-mobile-003-img-min.webp				media='(max-width: 699px)'
				type=image/webp								height="1162"
												width="1264"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2023/10/sita-in-article-visual-workshop-collage-img-02-min-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2023/10/sita-in-article-visual-workshop-collage-img-02-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1280"
															width="2560"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-849"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-848">
	
<div class="block-column" data-id="es-843">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-842"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-839"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-840">
	<p	class='typography typography--size-14-text-roman typography--hyphens js-typography intro-label__intro-label'
	data-id='es-841'
	>
	THE SOLUTION</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</div>

			</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-847">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-846"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-844">
	<h2	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-845'
	>
	Altitude, a single source of truth for all their design needs.</h2></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-859"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-858">
	
<div class="block-column" data-id="es-853">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-852"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-850">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-851'
	>
	To provide the SITA team with everything they needed to apply the principles of user-centered design to the design system we developed for Horizon, we created Altitude – a single source of truth for all their design needs. </p></div>	</div>
</div>

<div class="block-column" data-id="es-857">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-856"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-854">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-855'
	>
	Thanks to Altitude, SITA was able to bring the design system in-house and continue to update Horizon after we finished our work on the project. It also laid the groundwork for applying the design system to other products in their portfolio, ultimately allowing the creation of a cohesive design system to be applied across the full suite of SITA products.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-865"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-864">
	
<div class="block-column" data-id="es-863">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-862"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-860"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-861>
	
					<div
			class="lottie__container lottie__container--mobile js-lottie-container block-media__lottie-container block-media__lottie-container--mobile js-block-media-lottie-container"
			data-breakpoint=mobile			data-path=https://infinum.com/uploads/2023/10/SITA-lottie-scroll-MOBILE_04.json
		
		
		data-element-offset-factor=1
		data-viewport-offset-factor=0.99></div>
									<div
			class="lottie__container lottie__container--large js-lottie-container block-media__lottie-container block-media__lottie-container--large js-block-media-lottie-container"
			data-breakpoint=large			data-path=https://infinum.com/uploads/2023/10/SITA_lottie_NEW_01version.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.54
		
		data-timeline-offset-factor=0.1></div>
	</div></div></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-880"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-879">
	
<div class="block-column" data-id="es-878">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-868"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-866">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-867'
	>
	Included in Altitude</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-871"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-869">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-870'
	>
	&#8220;<strong>Why-To</strong>&#8221; guidance illustrating design principles in practice, user-centered design best practices, error handling, and messaging.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-874"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-872">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-873'
	>
	&#8220;<strong>How-To</strong>&#8221; guidance including the usage of colors, type, icons, layout grid, and UI elements</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-877"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-875">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-876'
	>
	<strong>HTML, CSS, and JS </strong>markup for all commonly used UI components</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-885"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="blockquote block-blockquote__blockquote" data-id="es-881">
	
	<div class="blockquote__content">
		<i
	class="icon blockquote__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='blockquote-24' data-id='es-882'>
	<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-2.79685-.9568-5.37021-2.561-7.41062-.581.22951-1.0832.60583-1.5069 1.12898-.5132.60844-.7698 1.41969-.7698 2.43375v.07605h2.5789v5.59004h-5.6197v-5.01962c0-1.11547.154-2.06616.4619-2.85205.3336-.81125.757-1.48307 1.2702-2.01545.528-.52161 1.1175-.92155 1.7687-1.1998-2.0728-1.70651-4.7279-2.73128-7.6223-2.73128-6.62742 0-12 5.37258-12 12 0 6.6274 5.37258 12 12 12zm-3.53811-18.05347c-.30793.78589-.46189 1.73658-.46189 2.85205v5.01962h5.6197v-5.59004h-2.5789v-.07605c0-1.01406.2566-1.82531.7698-2.43375.5389-.63379 1.1804-1.05209 1.9245-1.2549v-2.28164c-.7441.07605-1.4626.25351-2.1555.53238-.6928.27887-1.3086.68449-1.84752 1.21688-.51321.53238-.9366 1.2042-1.27019 2.01545z' fill='currentColor' fill-rule='evenodd'/></svg></i><p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-883'
	>
	The team brought how the consumer FEELS front and centre in UX design, and this is something that became ingrained.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-884'
	>
	<strong>RAYMON BATE</strong><br>SENIOR DIGITAL PRODUCT MANAGER, <br>SITA</div>		</div>
	</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-891"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-890">
	
<div class="block-column" data-id="es-889">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-888"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-886">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-887'
	>
	SITA immediately adopted, and continues to evolve Altitude, along with its design principles company-wide. Setting a new course – forward, they immediately started onboarding their customers to the newly designed Horizon platforms.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-896"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-895">
	
<div class="block-column" data-id="es-894">
	
<div class="block-paragraph" data-id="es-892">
	<p	class='typography typography--size-12-text-roman js-typography block-paragraph__paragraph'
	data-id='es-893'
	>
	This project was executed by our US team, formerly known as ETR. The company was acquired by Infinum in 2023.</p></div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/sita/">SITA</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>13675https://infinum.com/uploads/2025/06/Ceeris-thumbnail.webp</url>
				</image>
				<title>CEERIS Central Eastern European River Information System</title>
				<link>https://infinum.com/work/ceeris-central-eastern-european-river-information-system/</link>
				<pubDate>Tue, 18 Jan 2022 08:39:47 +0000</pubDate>
				<dc:creator>Sunčica Šegula</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=13675</guid>
				<description>
					<![CDATA[<p>Border control and administration on the Danube became 8x more efficient.</p>
<p>The post <a href="https://infinum.com/work/ceeris-central-eastern-european-river-information-system/">CEERIS Central Eastern European River Information System</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-899"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-897">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-898'
	>
	Central reporting makes Danube waterway administration 8x more efficient</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-902"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-900"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-901">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2022/01/img-ceeris-hero-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="1125"
												width="1125"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2022/01/case-ceeris-hero-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2022/01/case-ceeris-hero.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1280"
															width="2560"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-919"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-913">
		<div class="block-sticky-element__sticky-container js-block-sticky-element-sticky-container"  data-animation='slideFade' data-animation-target='inner-items'>
		<div	class="card-simple js-card-simple block-sticky-element__card-simple card-simple__content-align--left"
	data-id="es-914"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-915">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-916'
	>
	CEE RIVER INFORMATION SYSTEM</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-917'
	>
	<br>We fixed border control bureaucracy with a centralized reporting system on the Danube.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-918'
	 id='es-914-paragraph'>
	<br><br>SERVICES<br><br><strong>UX DESIGN<br>UI DESIGN<br>ENGINEERING</strong><br><strong>QUALITY ASSURANCE</strong><br><br><br><br><strong><br></strong></p>	</div>
</div>	</div>
	<div class="block-sticky-element__inner-blocks-container js-block-sticky-element-inner-blocks-container">
		
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-908"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-903"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-904">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-905'
	>
	PROJECT INFO</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-906'
	>
	<br>The Danube, a strategically important waterway</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-907'
	 id='es-903-paragraph'>
	Traditionally, a vessel navigating the Danube needed to fill out separate paper forms at every border, for various authorities, in multiple languages. Sometimes, it would add up to hundreds of forms for one voyage.<br><br>As if that wasn’t repetitive enough, often the same data had to be transferred from paper to digital for further evaluation.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-912"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-909"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-910'
	>
	Integrating countries connected by the Danube</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-911'
	 id='es-909-paragraph'>
	Eight countries connected by the Danube have joined the initiative to improve the safety, efficiency, and reliability of inland navigation. The project is co-financed by the European Union.<br><br>One of the strategic goals was building a centralized reporting system for the transport of goods and passengers, which would eliminate unnecessary paperwork and streamline the heavily regulated process. </p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-924"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-923">
	
<div class="block-column" data-id="es-922">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-921"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-920">
	</div>		</div>
	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-930"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-925"
	>

	
	<div	class="media card-simple__media media__border--none media__align--center-left"
	data-id="es-926"
	 data-media-type='image'>

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-927">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2022/02/eu-flag-1.svg"
					class="image__img card-simple__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-928'
	>
	Co-financed by the<br>European Union</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-929'
	 id='es-925-paragraph'>
	Carrying out a complex project like CEERIS called for experienced suppliers with technical know-how and adequate resources. We partnered with RGO Communications, a consultancy company with broad expertise in the field of river information systems (RIS).</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-934"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-931"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-932'
	>
	CEERIS benefits vessel <br>operators and authorities</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-933'
	 id='es-931-paragraph'>
	CEERIS reduces reporting burdens by tackling the existing fragmentation of national ERI Systems. It improves traffic and transport management, eliminates unnecessary administration, and increases the transparency and efficiency of the entire process.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-937"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--border-0 media__align--center-center"
	data-id="es-935"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-936">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2022/01/img-ceeris-screen03-1400x1290.webp				media='(max-width: 699px)'
				type=image/webp								height="1290"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2022/01/img-ceeris-screen03.webp"
					class="image__img block-media__image-img"
					alt=""
										height="2156"
															width="2340"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-941"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-938"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-939'
	>
	One journey, one form</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-940'
	 id='es-938-paragraph'>
	CEERIS eliminates the need to file separate forms for multiple borders and authorities. Before heading out, vessel operators provide information about their voyage like ship type, cargo type, and the planned route. The operators are then presented with a single form containing all the information required by each authority and port en route. <br><br>CEERIS knows the location of each ship. The system automatically creates and sends custom reports to every port and border crossing.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-944"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-942"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-943">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2022/01/img-ceeris-screen02-1400x574.webp				media='(max-width: 699px)'
				type=image/webp								height="574"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2022/01/img-ceeris-screen02.webp"
					class="image__img block-media__image-img"
					alt=""
										height="918"
															width="2240"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-948"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-945"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-946'
	>
	Stages to success</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-947'
	 id='es-945-paragraph'>
	From defining the specification to testing the solution, we worked according to a combination of the waterfall methodology and bi-weekly sprints. The team consisted of six senior engineers, a designer, a quality assurance expert, a project manager, and several consultants.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-963"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div data-id="es-958" class="block-horizontal-manual-carousel js-block-horizontal-manual-carousel block-horizontal-manual-carousel__align-items--top">
	<div class="block-horizontal-manual-carousel__container block-horizontal-manual-carousel__container--gutter-default js-block-horizontal-manual-carousel-container">
		<div class="cursor-takeover block-horizontal-manual-carousel__cursor-takeover" data-id="es-959">
		<div class="cursor-takeover__cursor js-block-horizontal-manual-carousel-cursor-takeover block-horizontal-manual-carousel__cursor">
		<div class="cursor-takeover__wrap">
			<i
	class="icon cursor-takeover__drag-left icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='arrow-left-16' data-id='es-960'>
	<svg height='16' viewBox='0 0 17 16' width='17' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g fill='none' fill-rule='evenodd' stroke='currentColor' stroke-width='2' transform='matrix(-1 0 0 1 17 0)'><g transform='translate(0 2)'><path d='m.5 5.99999 14 .00001'/><path d='m9.23352.7251 5.97848 5.97852'/><path d='m9.23352 11.2744 5.97848-5.9785'/></g></g></svg></i><i
	class="icon cursor-takeover__drag-right icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='arrow-right-16' data-id='es-961'>
	<svg fill='none' height='16' viewBox='0 0 17 16' width='17' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g stroke='currentColor' stroke-width='2'><path d='m.5 7.99999 14 .00001'/><path d='m9.23352 2.7251 5.97848 5.97852'/><path d='m9.23352 13.2744 5.97848-5.9785'/></g></svg></i>
			<div class="cursor-takeover__circle js-block-horizontal-manual-carousel-cursor-takeover-circle" aria-hidden="true">
				<p	class='typography typography--size-12-text typography--uppercase js-typography cursor-takeover__label'
	data-id='es-962'
	>
	drag</p>			</div>
		</div>
	</div>
	</div>		
<div class="block-carousel-item" data-id="es-951">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-949"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-950">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2022/02/img-ceeris-screen03-1400x995.webp				media='(max-width: 699px)'
				type=image/webp								height="995"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2022/02/img-ceeris-screen03.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1194"
															width="1680"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-carousel-item" data-id="es-954">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-952"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-953">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2022/02/img-ceeris-screen02-1400x993.webp				media='(max-width: 699px)'
				type=image/webp								height="993"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2022/02/img-ceeris-screen02.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1192"
															width="1680"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-carousel-item" data-id="es-957">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-955"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-956">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2022/02/img-ceeris-screen01-1400x1362.webp				media='(max-width: 699px)'
				type=image/webp								height="1362"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2022/02/img-ceeris-screen01.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1634"
															width="1680"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>
	</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-973"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-972">
	
<div class="block-column" data-id="es-967">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-966"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-964">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-965'
	>
	REMOVING<br />
BARRIERS</p></div>	</div>
</div>

<div class="block-column" data-id="es-971">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-970"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-968">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-969'
	>
	CEERIS enables better planning of inland navigation. It makes transport times on the Danube more reliable and reduces additional costs caused by unpredictable border controls.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/ceeris-central-eastern-european-river-information-system/">CEERIS Central Eastern European River Information System</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>3193https://infinum.com/uploads/2025/06/HAK-thumbnail.webp</url>
				</image>
				<title>HAK examiners</title>
				<link>https://infinum.com/work/hak-examiners/</link>
				<pubDate>Fri, 19 Nov 2021 17:17:05 +0000</pubDate>
				<dc:creator>Sunčica Šegula</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=3193</guid>
				<description>
					<![CDATA[<p>A digital platform for evaluating driving performance replaces miles of paperwork.</p>
<p>The post <a href="https://infinum.com/work/hak-examiners/">HAK examiners</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-976"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-974">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-975'
	>
	Digital tools that make driving exams efficient, transparent, and paperless</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-979"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-977"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-978">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-hak-hero-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="1125"
												width="1125"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-case-hak-hero-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2021/11/img-case-hak-hero.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1280"
															width="2560"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-996"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-990">
		<div class="block-sticky-element__sticky-container js-block-sticky-element-sticky-container"  data-animation='slideFade' data-animation-target='inner-items'>
		<div	class="card-simple js-card-simple block-sticky-element__card-simple card-simple__content-align--left"
	data-id="es-991"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-992">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-993'
	>
	CROATIAN AUTOMOBILE CLUB</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-994'
	>
	<br>We replaced <strong>miles of paperwork</strong> with a digital platform for evaluating driving performance.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-995'
	 id='es-991-paragraph'>
	<br><br>SERVICES<br><br><strong>STRATEGY<br>UX DESIGN<br>UI DESIGN<br>ENGINEERING</strong><br><strong>QUALITY ASSURANCE</strong></p>	</div>
</div>	</div>
	<div class="block-sticky-element__inner-blocks-container js-block-sticky-element-inner-blocks-container">
		
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-985"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-980"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-981">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-982'
	>
	PROJECT INFO</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-983'
	>
	<br>The authority for evaluating new drivers</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-984'
	 id='es-980-paragraph'>
	An estimated 1,4 billion drivers ride around the globe, and most had to pass a driving exam to qualify for a license. <br><br>It’s an exciting experience for most drivers-to-be, but the process is paved with heaps of paperwork and involves several trips down bureaucracy lane – both for the examiners and the candidates.<br><br>More than 110k driving exams take place in Croatia each year. That makes for a lot of manual note-taking and written evaluations for the Croatian Automobile Club examiners.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-989"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-986"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-987'
	>
	Switching gears</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-988'
	 id='es-986-paragraph'>
	During a typical driving exam, the examiner has to go through a substantial amount of paper forms and checkboxes to evaluate the candidate&#8217;s skills, all the while watching the road, signs, traffic, and the candidate&#8217;s behavior.<br><br>By creating an intuitive tablet app, we did away with the paperwork and enabled examiners to keep the focus where it should be, on the driver. </p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1002"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1001">
	
<div class="block-column" data-id="es-1000">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-999"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-997">
	</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1006"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1003"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-80-default js-typography card-simple__heading'
	data-id='es-1004'
	>
	Designing around user needs</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1005'
	 id='es-1003-paragraph'>
	Having gathered all the requirements, we began crafting a sleek and easy-to-understand user experience. <br><br>After observing numerous driving exams and talking to examiners, we were able to translate the entire experience into a product that&#8217;s built around their needs.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1012"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1007"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1008">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1009'
	>
	BUILT WITH EXAMINERS, FOR EXAMINERS</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-1010'
	>
	<br />
A more transparent exam process</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1011'
	 id='es-1007-paragraph'>
	Driving routes are a gold mine of data and are used to ensure a more fair exam system. We used the tablet sensors, accelerometer, GPS, and compass to make the driving route instantly visible at the end of each exam. All mistakes are logged and pinpointed at the exact location where they have occurred.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1023"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div
	data-id="es-1022"
	class="block-side-scroll js-block-side-scroll block-side-scroll__align-items--bottom">
		<div class="block-side-scroll__container js-block-side-scroll-container">
		<div class="block-side-scroll__scroll-container js-block-side-scroll-scroll-container">
			
<div class="block-carousel-item" data-id="es-1015">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-1 media__align--center-center"
	data-id="es-1013"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1014">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-case-hak-screen1-1400x831.webp				media='(max-width: 699px)'
				type=image/webp								height="831"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2021/11/img-case-hak-screen1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1128"
															width="1900"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-carousel-item" data-id="es-1018">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-1 media__align--center-center"
	data-id="es-1016"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1017">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-case-hak-screen2-1400x831.webp				media='(max-width: 699px)'
				type=image/webp								height="831"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2021/11/img-case-hak-screen2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1128"
															width="1900"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-carousel-item" data-id="es-1021">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-1 media__align--center-center"
	data-id="es-1019"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1020">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2022/02/img-case-hak-screen3-1400x831.webp				media='(max-width: 699px)'
				type=image/webp								height="831"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2022/02/img-case-hak-screen3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1128"
															width="1900"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>
		</div>
	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1027"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1024"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-1025'
	>
	In-vehicle camera integration</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1026'
	 id='es-1024-paragraph'>
	Examiners use a wide-angle camera that&#8217;s attached to the front windscreen. It films the evaluation process and automatically syncs with the tablet app and the Croatian Automobile Club&#8217;s systems. <br><br>An easily accessible video recording of every exam quickly clears potential doubts, helps train new examiners, and standardizes the evaluation process.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1030"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1028"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1029">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-HAK-app-mobile-1.webp				media='(max-width: 699px)'
				type=image/webp								height="1732"
												width="1005"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-case-hak-2-2400x1272.webp				media='(max-width: 1199px)'
				type=image/webp								height="1272"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2021/11/img-case-hak-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1368"
															width="2582"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1041"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1040">
	
<div class="block-column" data-id="es-1035">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1034"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1031"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-1032'
	>
	Speedy complaint resolution</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1033'
	 id='es-1031-paragraph'>
	If the need arises, candidates can file a complaint on the outcome of the exam. Within 60 minutes, they get an official answer from the examiner. <br />
<br />
Everything is transparent – the reason for approval or rejection, as well as the next steps for the candidate.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-1039">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1038"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1036"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1037">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-hak-3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1024"
															width="1284"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1052"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1051">
	
<div class="block-column" data-id="es-1045">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1044"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--bottom-center"
	data-id="es-1042"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1043">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2022/01/img-multiple-institutions.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

	</figure></div></div>	</div>
</div>

<div class="block-column" data-id="es-1050">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1049"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1046"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-1047'
	>
	Integration with official systems</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1048'
	 id='es-1046-paragraph'>
	Croatian Ministry of the Interior is notified immediately after a candidate has passed the driving exam. With all systems synced, the license issuing process is streamlined. </p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1057"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="blockquote block-blockquote__blockquote" data-id="es-1053">
	
	<div class="blockquote__content">
		<i
	class="icon blockquote__icon icon--size-16 icon--scale-100"
	 aria-hidden='true' data-name='blockquote-24' data-id='es-1054'>
	<svg fill='none' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path clip-rule='evenodd' d='m12 24c6.6274 0 12-5.3726 12-12 0-2.79685-.9568-5.37021-2.561-7.41062-.581.22951-1.0832.60583-1.5069 1.12898-.5132.60844-.7698 1.41969-.7698 2.43375v.07605h2.5789v5.59004h-5.6197v-5.01962c0-1.11547.154-2.06616.4619-2.85205.3336-.81125.757-1.48307 1.2702-2.01545.528-.52161 1.1175-.92155 1.7687-1.1998-2.0728-1.70651-4.7279-2.73128-7.6223-2.73128-6.62742 0-12 5.37258-12 12 0 6.6274 5.37258 12 12 12zm-3.53811-18.05347c-.30793.78589-.46189 1.73658-.46189 2.85205v5.01962h5.6197v-5.59004h-2.5789v-.07605c0-1.01406.2566-1.82531.7698-2.43375.5389-.63379 1.1804-1.05209 1.9245-1.2549v-2.28164c-.7441.07605-1.4626.25351-2.1555.53238-.6928.27887-1.3086.68449-1.84752 1.21688-.51321.53238-.9366 1.2042-1.27019 2.01545z' fill='currentColor' fill-rule='evenodd'/></svg></i><p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-1055'
	>
	Their dedication to perfecting the user experience sets them apart from other vendors I’ve worked with in the past.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-1056'
	>
	<strong>GORAN BAOTIĆ</strong><br>CHIEF INFORMATION OFFICER, HAK</div>		</div>
	</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1070"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1069">
	
<div class="block-column" data-id="es-1061">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1060"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1058">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1059'
	>
	RESULTS</p></div>	</div>
</div>

<div class="block-column" data-id="es-1068">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1064"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1062">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-1063'
	>
	Making roads safer for everyone</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1067"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1065">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1066'
	>
	Together with our client, we&#8217;ve built a product that has achieved great results across the board. The examiners quickly adopted the solution, stating they can now dedicate more time to the driver and less to documentation. <br />
<br />
Together with the Croatian Automobile Club, we’ve jump-started digitalization in the government sector.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1087"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-1086">
	
<div class="block-grid-item" data-id="es-1075">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1074"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1071">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1072'
	>
	Exams per year</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1073'
	>
	250k</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-1080">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1079"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1076">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1077'
	>
	Hours saved per year</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1078'
	>
	13k</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-1085">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1084"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1081">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1082'
	>
	Time saved per exam</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1083'
	>
	3 min</p></div>	</div>
</div>
</div>		</div>
	</div><p>The post <a href="https://infinum.com/work/hak-examiners/">HAK examiners</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>2775https://infinum.com/uploads/2025/06/WeGo-thumbnail.webp</url>
				</image>
				<title>Car sharing concept</title>
				<link>https://infinum.com/work/car-sharing-concept/</link>
				<pubDate>Fri, 12 Nov 2021 07:49:21 +0000</pubDate>
				<dc:creator>Sunčica Šegula</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=2775</guid>
				<description>
					<![CDATA[<p>Less friction, more profits with an end-to-end solution for communities, corporates, and rental companies.</p>
<p>The post <a href="https://infinum.com/work/car-sharing-concept/">Car sharing concept</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-1090"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-1088">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-1089'
	>
	Designing a car-sharing experience of the future</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1093"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1091"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1092">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-wego-hero-mobile.jpg				media='(max-width: 699px)'
				type=image/jpeg								height="1125"
												width="1125"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2022/11/WeGo_hero_02-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2022/11/WeGo_hero_02.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1280"
															width="2560"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1109"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1103">
		<div class="block-sticky-element__sticky-container js-block-sticky-element-sticky-container"  data-animation='slideFade' data-animation-target='inner-items'>
		<div	class="card-simple js-card-simple block-sticky-element__card-simple card-simple__content-align--left"
	data-id="es-1104"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1105">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1106'
	>
	CAR SHARING CONCEPT</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-1107'
	>
	<br>We envisioned an end-to-end car sharing solution for communities, corporate fleets, and rental companies.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-1108'
	 id='es-1104-paragraph'>
	<br><br>SERVICES<br><br><strong>STRATEGY</strong><br><strong>UX DESIGN</strong><br><strong>UI DESIGN</strong></p>	</div>
</div>	</div>
	<div class="block-sticky-element__inner-blocks-container js-block-sticky-element-inner-blocks-container">
		
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1099"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1094"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1095">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1096'
	>
	PROJECT INFO</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-1097'
	>
	<br>The concept of mobility is evolving</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1098'
	 id='es-1094-paragraph'>
	Technology is reshaping the urban environment, and the shift to alternative modes of transport follows suit. An increasing number of people resort to public transportation, ride-sharing, and similar services to meet their daily commute needs.<br><br>Major cities see car ownership stats decrease, and for a good reason. Maintenance, insurance, and parking costs are just the tip of the iceberg when it comes to owning a personal vehicle. For many, car ownership isn’t as high on the priority list as it used to be.<br><br>The car-sharing market is dispersed. In urban ares, choices and services are abundant but the <a href="https://infinum.com/ui-ux-design-services/">user experience</a> leaves room for improvement. That&#8217;s why we created a concept that combines all car-sharing options in one intuitive interface.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1102"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1100"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-1101'
	>
	We believe there could be a simpler way to book a car. <br><br>A digital marketplace where users are front and center, combining all available car-sharing options. </h2>		</div>

			</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1120"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1119">
	
<div class="block-column" data-id="es-1113">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1112"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1110">
	</div>	</div>
</div>

<div class="block-column" data-id="es-1118">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1117"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1114"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-1115'
	>
	All cars on deck</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1116'
	 id='es-1114-paragraph'>
	The app is envisioned to support sharing privately-owned vehicles. Users can retrofit their cars with smart tech and make a buck by offering them within the app. <br><br>Nearby rentals would appear with distinct branding and pricing options. If a user is working for a company with pool cars, it will automatically populate in the menu to quickly access information about available vehicles. </p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1123"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1121"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1122">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-wego-map-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="1605"
												width="1125"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2022/11/img-wego-map_03-2400x1481.webp				media='(max-width: 1199px)'
				type=image/webp								height="1481"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2022/11/img-wego-map_03.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1580"
															width="2561"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1133"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1132">
	
<div class="block-column" data-id="es-1127">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1126"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1124">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1125'
	>
	NO CAR?<br />
NO PROBLEM</p></div>	</div>
</div>

<div class="block-column" data-id="es-1131">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1130"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1128">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1129'
	>
	<strong>Is there a way to create a better car-sharing experience for everyone? Combining all the available options into a single app is a great start.</strong></h2></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1136"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1134"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1135">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-wego-sectionbreak-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="876"
												width="1125"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-case-wego-2-2400x984.webp				media='(max-width: 1199px)'
				type=image/webp								height="984"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1181"
															width="2880"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1147"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1146">
	
<div class="block-column" data-id="es-1140">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1139"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1137">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1138'
	>
	FIND, UNLOCK, DRIVE</p></div>	</div>
</div>

<div class="block-column" data-id="es-1145">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1144"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1141"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-52-default js-typography card-simple__heading'
	data-id='es-1142'
	>
	Point A to point B</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1143'
	 id='es-1141-paragraph'>
	The car-sharing market has been on the rise for a while in major urban areas. Many people, particularly millennials, turn to car sharing on a regular basis. Such on-demand services befit a modern digital lifestyle and offer flexibility and convenience. </p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1153"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1152">
	
<div class="block-column" data-id="es-1151">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1150"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1148">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1149'
	>
	During our research, we discovered peoples’ biggest concerns about shared vehicles are location, price and type.</h2></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1172"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1171">
	
<div class="block-column" data-id="es-1158">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1157"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1154"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-1155'
	>
	Vehicle location &amp; availability</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1156'
	 id='es-1154-paragraph'>
	We’ve made it simple to check what’s currently available in the neighborhood. Users can browse nearby vehicles on a map and check their availability with an intuitive date and time picker. <br><br>Searching for a specific type of vehicle is simple – with the filter option, you’re one step away from that trip to IKEA you were planning to make today.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-1170">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1169"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="grid block-grid__grid" data-id="es-1168">
	
<div class="block-grid-item" data-id="es-1161">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-1 media__align--center-center"
	data-id="es-1159"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1160">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-screen-1a.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1256"
															width="580"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-1164">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-0 media__align--center-center"
	data-id="es-1162"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1163">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-screen-1b.webp"
					class="image__img block-media__image-img"
					alt=""
										height="833"
															width="580"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-1167">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-0 media__align--center-center"
	data-id="es-1165"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1166">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-screen-1c.webp"
					class="image__img block-media__image-img"
					alt=""
										height="618"
															width="580"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1191"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1190">
	
<div class="block-column" data-id="es-1184">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1183"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="grid block-grid__grid" data-id="es-1182">
	
<div class="block-grid-item" data-id="es-1175">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-0 media__align--center-center"
	data-id="es-1173"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1174">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-screen-2a.webp"
					class="image__img block-media__image-img"
					alt=""
										height="356"
															width="580"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-1178">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-1 media__align--center-center"
	data-id="es-1176"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1177">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2022/11/img-wego-screen05_02.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1260"
															width="580"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-1181">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-0 media__align--center-center"
	data-id="es-1179"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1180">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-screen-2b.webp"
					class="image__img block-media__image-img"
					alt=""
										height="830"
															width="580"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-1189">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1188"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div	class="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-1185"
	>

	
	
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-1186'
	>
	Car overview &amp; cost calculation</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1187'
	 id='es-1185-paragraph'>
	A detailed car overview and cost calculation empower the user to choose their ideal vehicle. <br><br>After the confirmation, the app provides turn-by-turn walking directions to the car. <br><br>When approaching the vehicle, users are prompted to review and document any visible damage.</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1194"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-1192">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1193'
	>
	READY TO DRIVE?</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1197"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-1195">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1196'
	>
	No need for a physical key. Unlock the vehicle directly from the app.</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1200"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1198"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1199">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-wego-applewatch-mobile-1.webp				media='(max-width: 699px)'
				type=image/webp								height="1452"
												width="1125"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2021/11/img-case-wego-3-2400x910.webp				media='(max-width: 1199px)'
				type=image/webp								height="910"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1092"
															width="2880"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1213"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1212">
	
<div class="block-column" data-id="es-1204">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1203"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1201">
	</div>	</div>
</div>

<div class="block-column" data-id="es-1211">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1207"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1205">
	<h2	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-1206'
	>
	Car-as-a-service</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1210"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1208">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1209'
	>
	The car integrates tightly with the user&#8217;s mobile device. The app displays relevant information, depending on whether the user is looking for a car, approaching one, or actively driving. <br><br>Battery usage, mileage and trip costs are saved for each trip. This way, users can easily review their booking history, compare trips, and adjust their driving habits accordingly.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1224"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-1223">
	
<div class="block-grid-item" data-id="es-1216">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1214"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1215">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-screen-3a.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1020"
															width="660"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-1219">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-1 media__align--center-center"
	data-id="es-1217"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1218">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-screen-3b.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1432"
															width="660"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>

<div class="block-grid-item" data-id="es-1222">
	
<div class="block-media">
	<div	class="media block-media__media media__border--border-1 media__align--center-center"
	data-id="es-1220"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1221">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2021/11/img-case-wego-screen-3c.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1432"
															width="660"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1227"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-1225">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-1226'
	>
	This kind of car sharing experience results in less friction and a seamless experience for everyone. <br><br>For individuals, it’s a great way to keep the costs down. For companies and rentals, it unlocks higher fleet utilization.</p></div>		</div>
	</div><p>The post <a href="https://infinum.com/work/car-sharing-concept/">Car sharing concept</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>