<?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>Entertainment | Infinum</title>
		<atom:link href="https://infinum.com/work/industries/entertainment/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>19270403https://infinum.com/uploads/2025/10/Armada-Music-thumbnail.webp</url>
				</image>
				<title>Armada Music</title>
				<link>https://infinum.com/work/armada-music/</link>
				<pubDate>Wed, 08 Oct 2025 07:41:53 +0000</pubDate>
				<dc:creator>Aljoša Lijić</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270403</guid>
				<description>
					<![CDATA[<p>Prompting the first-ever AI-generated music campaign</p>
<p>The post <a href="https://infinum.com/work/armada-music/">Armada Music</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-typography" data-id="es-92">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-93'
	>
	Prompting the first-ever AI-generated music campaign</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/10/img-armada-mobile-hero.webp				media='(max-width: 699px)'
				type=image/webp								height="1620"
												width="1620"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-armada-hero-image-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-armada-hero-image.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-118"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-112">
		<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-113"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-114">
	<p	class='typography typography--size-14-text-roman typography--uppercase js-typography intro-label__intro-label'
	data-id='es-115'
	>
	armada music</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-116'
	>
	To develop the team&#8217;s AI knowledge and support the campaign, we designed and delivered a two-day training and creative workshop with Armada Music’s marketing and creative teams.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-117'
	 id='es-113-paragraph'>
	<br><br>SERVICES<br><br><strong>CREATIVE DIRECTION<br>TECHNICAL DIRECTION<br>AI MASTERCLASS<br>CONSULTING</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>Challenge</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-102'
	 id='es-98-paragraph'>
	Inspired by the name of Armin van Buuren’s new single, ’Computers Take Over the World’, and to create new opportunities for creativity, the marketing team at Armada Music sought our expertise in using generative AI tools to create the assets for the launch.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-107"
	 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-104"
	>

	
	
	<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-105'
	>
	Solution</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-106'
	 id='es-104-paragraph'>
	To develop the team&#8217;s AI knowledge and support the campaign, we designed and delivered a two-day training and creative workshop with Armada Music’s marketing and creative teams.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-111"
	 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-108"
	>

	
	
	<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-109'
	>
	Outcomes</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-110'
	 id='es-108-paragraph'>
	With our guidance, the team built out a range of assets using generative AI tools. Beyond the marketing campaign, Armada Music also used generative AI to create the lyric video, enabling computers to truly take over. It sparked conversations online and is the first-ever AI-generated music campaign.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-121"
	 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-119"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-120">
		<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/2025/10/Video-1.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-124"
	 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-122"
	>

	
	
	<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-123'
	>
	When the computers really did take over</h2>		</div>

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

<div
	class="wrapper"
	data-id="es-127"
	 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-125"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-126'
	 id='es-125-paragraph'>
	Given the name of Armin van Buuren’s new single, <a href="https://www.youtube.com/watch?v=Buslzm0_-08">‘Computers Take over the World’</a>, the team at Armada Music were keen to push the limits of emerging AI tools and launch an AI-fuelled marketing campaign.<br><br>Armada Music sought our expertise in using generative AI tools to create the creative assets surrounding the launch.</p>	</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-130"
	 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-128"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-129">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/workshop-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/workshop-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/workshop.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1440"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-140"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-139">
	
<div class="block-column" data-id="es-134">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-133"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-131">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-132'
	>
	Designing a program <br />
to guide and educate</h2></div>	</div>
</div>

<div class="block-column" data-id="es-138">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-137"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-135">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-136'
	>
	To support the development of the campaign, we designed and delivered a two-day training and creative workshop with Armada Music’s marketing and creative teams.</p></div>	</div>


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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-154"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-153">
	
<div class="block-column" data-id="es-146">
	


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-145"
	 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-141"
	>

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

	<figure class="image card-simple__image-figure image--overflow image--size-stretch" data-id="es-143">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2025/10/midj.webp"
					class="image__img card-simple__image-img"
					alt=""
										height="690"
															width="1240"
										loading="lazy"
					 />
					</picture>

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

		<p	class='typography typography--size-14-text-roman typography--uppercase js-typography card-simple__paragraph'
	data-id='es-144'
	 id='es-141-paragraph'>
	Re-rendered prompts using Midjourney 6.0. in 2024.</p>	</div>
</div>	</div>
</div>

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


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-151"
	 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-147"
	>

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

	<figure class="image card-simple__image-figure image--overflow image--size-stretch" data-id="es-149">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2025/10/two-sources.webp"
					class="image__img card-simple__image-img"
					alt=""
										height="690"
															width="1240"
										loading="lazy"
					 />
					</picture>

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

		<p	class='typography typography--size-14-text-roman typography--uppercase js-typography card-simple__paragraph'
	data-id='es-150'
	 id='es-147-paragraph'>
	The original artwork was made in 2022 using then state of the art Stable Diffusion</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-164"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-163">
	
<div class="block-column" data-id="es-158">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-157"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-155">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-156'
	>
	Discovery &amp; Exploration</h2></div>	</div>
</div>

<div class="block-column" data-id="es-162">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-161"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-159">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-160'
	>
	We started the session with a discussion. Inspired by the track name, we decided to deep dive into the hopes and fears of using technology now and in the near future.<br> <br>We shaped this discussion into four key themes with their own distinctive creative direction:  Cyberpunk, Solarpunk, Progressive Experimentation, and Who&#8217;s taking over the world? <br><br>The aim was to make the entire campaign &#8211; from artwork to copywriting &#8211; using AI generation with minimal human editing.<br><br>Before jumping into the ‘making of’, our technical director, Kasper, provided a crash course in the available creative tools, the technology behind them and the most recent developments in the field.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-174"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-173">
	
<div class="block-column" data-id="es-168">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-167"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-165">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-166'
	>
	Collaboration &amp; Creativity</h2></div>	</div>
</div>

<div class="block-column" data-id="es-172">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-171"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-169">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-170'
	>
	Suitably up to speed, we worked together to live-test prompts using <a href="https://www.midjourney.com/" target="_blank" rel="noreferrer noopener">Midjourney</a>, <a href="https://openai.com/dall-e-2/" target="_blank" rel="noreferrer noopener">Dall-E 2</a>, <a href="https://stablediffusionweb.com/" target="_blank" rel="noreferrer noopener">Stable Diffusion</a>, and <a href="https://colab.research.google.com/github/alembics/disco-diffusion/blob/main/Disco_Diffusion.ipynb" target="_blank" rel="noreferrer noopener">Disco Diffusion</a>. <br><br>We explored which prompts resulted in specific visual outcomes and variations between the different tools.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-177"
	 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-175"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-176">
		<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/2025/10/stack.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-187"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-186">
	
<div class="block-column" data-id="es-181">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-180"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-178">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-179'
	>
	Structure &amp; Support</h2></div>	</div>
</div>

<div class="block-column" data-id="es-185">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-184"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-182">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-183'
	>
	Following the workshop, we shared strategic and creative suggestions to guide the AI-assisted campaign and assets. We created a dedicated Slack channel to troubleshoot Armada’s experimentation with the suggested prompts.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-190"
	 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-188"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-189">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/structure-and-support-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/structure-and-support-2400x1351.webp				media='(max-width: 1199px)'
				type=image/webp								height="1351"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/structure-and-support.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1434"
															width="2548"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-200"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-199">
	
<div class="block-column" data-id="es-194">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-193"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-191">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-192'
	>
	Giving creative power to computers</h2></div>	</div>
</div>

<div class="block-column" data-id="es-198">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-197"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-195">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-196'
	>
	With our guidance, the Armada team was able to build out a range of assets using generative AI tools. Beyond the marketing campaign, Armada Music also used generative AI to create the lyric video, enabling computers to truly take over.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-203"
	 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-201"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-202">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/final-image-1400x1400.webp				media='(max-width: 699px)'
				type=image/webp								height="1400"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/final-image-2400x2400.webp				media='(max-width: 1199px)'
				type=image/webp								height="2400"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/final-image.webp"
					class="image__img block-media__image-img"
					alt=""
										height="2560"
															width="2560"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			Final artwork made using Stable Diffusion &#8211; a combination of two images.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-215"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-214">
	
<div class="block-column" data-id="es-207">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-206"
	 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-204"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-205">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/10/img-janice-wendel.webp"
					class="image__img block-media__image-img"
					alt=""
										height="360"
															width="360"
										loading="lazy"
					 />
					</picture>

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

<div class="block-column" data-id="es-213">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-212"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-208">
	
	<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-209'>
	<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-210'
	>
	We were guided into creating a phenomenal AI-generated artwork and lyric video for the track’s release.<br><br>We quickly got up to speed on the capabilities of AI tools and how to optimize them for our needs.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman typography--uppercase js-typography blockquote__caption'
	data-id='es-211'
	>
	<strong>Janice Renée Wendel</strong><br>Marketing Manager, Armada Music</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-228"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-227">
	
<div class="block-column" data-id="es-219">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-218"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-216">
	<p	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-217'
	>
	Outcomes</p></div>	</div>
</div>

<div class="block-column" data-id="es-226">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-222"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-220">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-221'
	>
	The campaign was not only the first of its kind, but it also reinforced the concept of Armin’s track, ensuring people didn&#8217;t just get the message; it sparked a discussion and received global press coverage.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-225"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="lists" data-id="es-223">
	<ul	class='typography typography--size-20-text-roman js-typography lists__typography'
	data-id='es-224'
	>
	<li><a target="_blank" rel="noreferrer noopener" href="https://www.armadamusic.com/news/armin-van-buuren-promotes-his-new-record-computers-take-over-the-world-with-an-entirely-ai-co-created-campaign">Armada Music</a></li><li><a target="_blank" rel="noreferrer noopener" href="https://radiostudiopiuibiza.com/2022/09/09/armin-van-buuren-innovates-with-new-computers-take-over-the-world-release-promoting-record-with-first-ever-entirely-ai-co-created-campaign/">Radio Studio PIU&#8217; Ibiza</a></li><li><a target="_blank" rel="noreferrer noopener" href="https://weraveyou.com/2022/09/armin-van-buuren-ai-technology-computers-take-over-the-world/">We Rave You</a></li><li><a target="_blank" rel="noreferrer noopener" href="https://www.musicradar.com/news/armin-van-buuren-macbook-vocals">Music Radar</a></li></ul></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-230"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<hr
	class="block-divider"
	data-id="es-229"
	aria-hidden="true" />		</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-234">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-233"
	 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-231"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-232">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/09/img-ym-part-of-infinum-logo.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

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

<div class="block-column" data-id="es-238">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-237"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-235">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-236'
	>
	This project was led by Your Majesty, Amsterdam’s award-winning creative agency that became part of Infinum in 2025. The original case study can be read <a href="https://yourmajesty.co/work/armada-music" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/armada-music/">Armada Music</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270387https://infinum.com/uploads/2025/10/altava-thumbnail.webp</url>
				</image>
				<title>Altava</title>
				<link>https://infinum.com/work/altava/</link>
				<pubDate>Tue, 07 Oct 2025 13:34:11 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270387</guid>
				<description>
					<![CDATA[<p>Bringing culture-defining fashion brands into the Metaverse</p>
<p>The post <a href="https://infinum.com/work/altava/">Altava</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-243"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-241">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-242'
	>
	Bringing culture-defining fashion brands into the Metaverse</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-246"
	 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-244"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-245">
		<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/2025/10/hero-altava-mobile.mp4' type='video/mp4' media='(max-width: 699px)' /><source  src='https://infinum.com/uploads/2025/10/hero-altava-desktop.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-267"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-261">
		<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-262"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-263">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-264'
	>
	ALTAVA GROUP</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-265'
	>
	An immersive experience with a new brand, app, and online shop, enabling the trade of fashion-forward NFTs through interoperable technology.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-266'
	 id='es-262-paragraph'>
	<br><br>SERVICES<br><br><strong>BRAND EXPRESSION<br>BRAND STRATEGY<br>VISUAL IDENTITY<br>GO-TO-MARKET STRATEGY<br>CONTENT &amp; ASSET PRODUCTION</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-252"
	 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-247"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-248">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-249'
	>
	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-250'
	>
	<br>Challenge</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-251'
	 id='es-247-paragraph'>
	Singapore-based tech company ALTAVA reached out to us to rebrand, launch, and drive the growth of its emerging mobile styling game.</p>	</div>
</div>	</div>

<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--left"
	data-id="es-253"
	>

	
	
	<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-254'
	>
	Solution</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-255'
	 id='es-253-paragraph'>
	Our research revealed that games provide a safe space for users to explore who they are and manifest who they want to be. This insight guided the strategic positioning of the ALTAVA game ‘Worlds of You’, encouraging users to discover, curate, and play.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-260"
	 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-257"
	>

	
	
	<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-258'
	>
	Outcome</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-259'
	 id='es-257-paragraph'>
	ALTAVA debuted in the digital heartland with a new app, brand, and later an online shop. There, users can participate in the future of commerce with the opportunity to buy, trade, and resell fashion-forward NFTs through interoperable technology.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-270"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-268">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-269'
	>
	As the lines between our digital and real lives continue to converge, there’s a growing opportunity for fashion and freedom of expression in the metaverse. <br><br>Singapore-based tech company <a href="https://altava.com/" target="_blank">ALTAVA</a> reached out to launch and drive the growth of its emerging business. <br><br>The project included rebranding the business, <a href="https://agency.altava.com/about" target="_blank" rel="noreferrer noopener">ALTAVA GROUP</a>, and developing the brand identity and launch strategy for its mobile styling game, ALTAVA.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-273"
	 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-271"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-272">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-1-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-1-2400x1352.webp				media='(max-width: 1199px)'
				type=image/webp								height="1352"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-altava-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1622"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-276"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-274">
	<h2	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-275'
	>
	A mobile game for playful self-expression</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-279"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-277">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-278'
	>
	Our research revealed something not commonly associated with gaming. <br><br>More than a distraction, games provide a safe space where people can explore who they are and manifest who they want to become.<br> <br><span style="text-align: left">With the strategic positioning of <a href="https://medium.com/@altavagroup/worlds-of-you-worlds-through-altava-a94a819d9250" target="_blank" rel="noreferrer noopener">Worlds of You</a>, users are encouraged to discover, curate, and play.</span> Not just with their style but more broadly with their identity.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-282"
	 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-280"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-281">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-2-1400x2083.webp				media='(max-width: 699px)'
				type=image/webp								height="2083"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-2-2400x3570.webp				media='(max-width: 1199px)'
				type=image/webp								height="3570"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-altava-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="4284"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-285"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-283">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-284'
	>
	Providing access to the future of fashion</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-288"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-286">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-287'
	>
	In advance of ALTAVA’s launch in SEA, we created a market-specific survey that uncovered four barriers to entry for consumers.<br><br>To overcome them, we recommended the marketing communication pillars:</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-291"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="lists" data-id="es-289">
	<ul	class='typography typography--size-20-text-roman js-typography lists__typography'
	data-id='es-290'
	>
	<li>Lead with the access ALTAVA offers to the fashion world</li><li>Highlight ALTAVA’s fashion credibility</li><li>Demonstrate ALTAVA’s social influence</li><li>Prove how easy it is to get involved in ALTAVA’s enhanced reality</li></ul></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-294"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-292">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-293'
	>
	The result?</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-297"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-295">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-296'
	>
	The launch market proposition:<br>ALTAVA, where you’ll find fashion’s future.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-300"
	 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-298"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-299">
		<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 loop autoplay playsinline muted preload='metadata' poster='https://infinum.com/uploads/2025/10/img-solesavy-videoposter.webp'>
		<source  src='https://infinum.com/uploads/2025/10/case-altava-loop.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-303"
	 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-301"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-302">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-3-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-3-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-altava-3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1440"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-306"
	 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-304"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-305">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-4-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-4-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-altava-4.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1440"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-309"
	 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-307"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-308">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-5-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-5-2400x1352.webp				media='(max-width: 1199px)'
				type=image/webp								height="1352"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-altava-5.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1622"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-312"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-310">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-311'
	>
	Bringing ALTAVA to life</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-315"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-313">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-314'
	>
	ALTAVA debuted in the digital heartland with a new app and brand.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-318"
	 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-316"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-317">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-6-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-6-2400x1352.webp				media='(max-width: 1199px)'
				type=image/webp								height="1352"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-altava-6.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1622"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-330"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-329">
	
<div class="block-column" data-id="es-322">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-321"
	 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-319"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-320">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/10/img-debra-langley.webp"
					class="image__img block-media__image-img"
					alt=""
										height="360"
															width="360"
										loading="lazy"
					 />
					</picture>

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

<div class="block-column" data-id="es-328">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-327"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-323">
	
	<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-324'>
	<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-325'
	>
	There are agencies with impressive track records and those whose strategic brilliance is reflected in their thought leadership. But a few agencies possess all this and were also early participants in the metaverse, particularly in the newly intertwined worlds of fashion and gaming.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-326'
	>
	<strong>DEBRA LANGLEY</strong><br>PARTNER, <br>LYRA VENTURES</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-333"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-331">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-332'
	>
	Democratising luxury digital fashion</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-336"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-334">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-335'
	>
	As an extension of ALTAVA, we worked with ALTAVA GROUP to launch its online shop: <a href="https://altava.com/" target="_blank" rel="noreferrer noopener">ALTAVA Market</a>.<br><br>There, visitors can participate in the future of commerce with the opportunity to buy, trade, and resell fashion-forward NFTs like the <a href="https://www.instagram.com/p/CY8qTv-pvto/" target="_blank">Balmain X Barbie</a> and the <a href="https://www.instagram.com/p/CXPcwDnFIjm/" target="_blank">Balmain x Dogpound </a>collection.<br><br>These pieces can move freely between virtual worlds with interoperable technology, including ALTAVA.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-339"
	 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-337"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-338">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-7-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-altava-7-2400x1352.webp				media='(max-width: 1199px)'
				type=image/webp								height="1352"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-altava-7.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1622"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-351"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-350">
	
<div class="block-column" data-id="es-345">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-344"
	 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-342"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-343">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/09/img-ym-part-of-infinum-logo.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

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

<div class="block-column" data-id="es-349">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-348"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-346">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-347'
	>
	This project was led by Your Majesty, Amsterdam’s award-winning creative agency that became part of Infinum in 2025. The original case study can be read <a href="https://yourmajesty.co/work/adidas-nite-jogger" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/altava/">Altava</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270262https://infinum.com/uploads/2025/10/adidas-thumbnail.webp</url>
				</image>
				<title>Adidas Nite Joggers</title>
				<link>https://infinum.com/work/adidas-nite-jogger/</link>
				<pubDate>Mon, 06 Oct 2025 15:35:16 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270262</guid>
				<description>
					<![CDATA[<p>The post <a href="https://infinum.com/work/adidas-nite-jogger/">Adidas Nite Joggers</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-354"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-352">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-353'
	>
	Launching the new collection with an AR pop-up experience</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-357"
	 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-355"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-356">
		<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/2025/10/adidas-hero-video-mobile.mp4' type='video/mp4' media='(max-width: 699px)' /><source  src='https://infinum.com/uploads/2025/10/adidas-hero-video-desktop.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-378"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-372">
		<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-373"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-374">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-375'
	>
	ADIDAS</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-376'
	>
	An immersive retail experience that generated a buzz for the Nite Jogger sneaker launch and grew engagement for adidas.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-377'
	 id='es-373-paragraph'>
	<br><br>SERVICES<br><br><strong>BRAND EXPRESSION</strong><br><strong>INTERACTIVE EXPERIENCE<br>CONTENT<br>AR EXPERIENCE</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-363"
	 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-358"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-359">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-360'
	>
	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-361'
	>
	<br>Challenge</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-362'
	 id='es-358-paragraph'>
	As a digital production partner, we were tasked with creating an immersive digital experience for the launch of the adidas Nite Jogger sneaker, aiming to drive traffic to both in-store and e-commerce platforms.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-367"
	 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-364"
	>

	
	
	<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-365'
	>
	Solution</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-366'
	 id='es-364-paragraph'>
	Designed, animated, built, and implemented an iPad application that brought to life, inside a bespoke 3D world, the role the new sneaker could play in an always-on lifestyle.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-371"
	 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-368"
	>

	
	
	<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-369'
	>
	Outcome</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-370'
	 id='es-368-paragraph'>
	In just four weeks, through a partnership with JamJam, we created an immersive retail experience that generated buzz for the Nite Jogger and increased engagement for adidas in Foot Locker stores in Liverpool, London, Rome, and Cologne.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-381"
	 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-379"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-380">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-adidas-case-1-1400x2018.webp				media='(max-width: 699px)'
				type=image/webp								height="2018"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-adidas-case-1-2400x3460.webp				media='(max-width: 1199px)'
				type=image/webp								height="3460"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-adidas-case-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="4152"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-384"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-382">
	<h2	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-383'
	>
	Launching an experience, <br>not a sneaker</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-387"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-385">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-386'
	>
	As the digital production partner to <a href="http://www.jamjammarketing.com/" target="_blank" rel="noreferrer noopener">JamJam</a> – the creative agency leading the retail concept for adidas Foot Locker – we created an immersive digital experience for the launch of the Nite Jogger sneaker.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-390"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-388">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-389'
	>
	The challenge was to visualize the role of the sneaker designed for the around-the-clock lifestyle of sneakerheads.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-397"
	 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-391"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-392">
		<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 autoplay playsinline controls muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2025/10/adidas-use-case-video.mp4' type='video/mp4' />	</video>
	<div class="cursor-takeover block-media__cursor-takeover video__cursor-takeover" data-id="es-393">
		<div class="cursor-takeover__cursor js-cursor-takeover block-media__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-394'>
	<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-395'>
	<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-cursor-takeover-circle" aria-hidden="true">
				<i
	class="icon cursor-takeover__main-icon video__cursor-takeover icon--size-24 icon--scale-100"
	 aria-hidden='true' data-name='play' data-id='es-396'>
	<svg width='2' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22 12 6 21V3l16 9z' stroke='currentColor' stroke-width='2' fill='none'/></svg></i>			</div>
		</div>
	</div>
	</div></div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-400"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-398">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-399'
	>
	Designing for those who are always-on</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-403"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-401">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-402'
	>
	The Nite Jogger is designed for people who know it’s never too late to pursue their vision. The brand experience created for those whose dreams come alive at night had to extend beyond the physical sneaker and feel as a part of their always-on world.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-406"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-404">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-405'
	>
	Experiencing the new adidas Nite Jogger</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-409"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-407">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-408'
	>
	In under four weeks, we conceptualized and designed the experience, modeled the portal and the 3D world in which the experience takes place, as well as all animations and animated textures.<br><br>An iPad application was sent to various locations for the launch. To ensure a seamless experience and peace of mind, the app was designed to allow updates and issue fixes to be pushed out in the event that changes were needed.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-412"
	 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-410"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-411">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-adidas-case-2-1400x2383.webp				media='(max-width: 699px)'
				type=image/webp								height="2383"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-adidas-case-2-2400x4086.webp				media='(max-width: 1199px)'
				type=image/webp								height="4086"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-adidas-case-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="4903"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-433"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-432">
	
<div class="block-column" 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-16-text-roman js-typography block-typography__typography'
	data-id='es-414'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-column" data-id="es-421">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-420"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-417">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-418'
	>
	AR experiences served</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-419'
	>
	1.8K</p></div>	</div>
</div>

<div class="block-column" data-id="es-426">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-425"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-422">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-423'
	>
	Launch event reach</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-424'
	>
	5M</p></div>	</div>
</div>

<div class="block-column" data-id="es-431">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-430"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-427">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-428'
	>
	Units sold over 10 weeks</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-429'
	>
	25,200</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-436"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-434">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-435'
	>
	In four short weeks, we created an immersive retail experience, in partnership with JamJam, that generated a buzz for the Nite Jogger and grew engagement for adidas Foot Locker in the cities of Liverpool, London, Rome, and Cologne.</p></div>		</div>
	</div>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-448"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-447">
	
<div class="block-column" data-id="es-442">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-441"
	 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-439"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-440">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/09/img-ym-part-of-infinum-logo.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

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

<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-typography" data-id="es-443">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-444'
	>
	This project was led by Your Majesty, Amsterdam’s award-winning creative agency that became part of Infinum in 2025. The original case study can be read <a href="https://yourmajesty.co/work/adidas-nite-jogger" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/adidas-nite-jogger/">Adidas Nite Joggers</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19269833https://infinum.com/uploads/2025/09/netflix-thumbnail.webp</url>
				</image>
				<title>Netflix</title>
				<link>https://infinum.com/work/netflixsquid-game-the-challenge/</link>
				<pubDate>Tue, 30 Sep 2025 16:12:20 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19269833</guid>
				<description>
					<![CDATA[<p>An award-winning campaign to launch SquidGame: The Challenge</p>
<p>The post <a href="https://infinum.com/work/netflixsquid-game-the-challenge/">Netflix</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-451"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-449">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-450'
	>
	The campaign that propelled Netflix&#8217;s show to #1</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-454"
	 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-452"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-453">
		<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/2025/09/video-netflix-hero.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-475"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-469">
		<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-470"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-471">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-472'
	>
	NETFLIX</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-473'
	>
	A data-driven morality quiz resulted in an award-winning campaign that ran for six weeks at #1.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-474'
	 id='es-470-paragraph'>
	<br><br>SERVICES<br><br><strong>DIGITAL STRATEGY<br>INTERACTIVE ART DIRECTION<br>CAMPAIGN WEBSITE<br>MOTION GRAPHICS</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-460"
	 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-455"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-456">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-457'
	>
	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-458'
	>
	<br>Challenge</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-459'
	 id='es-455-paragraph'>
	To promote Netflix’s &#8220;Squid Game: The Challenge,&#8221; BBH NYC launched the &#8216;Price of Morals&#8217; campaign, exploring the cost at which Americans might compromise their ethics. We crafted a microsite that transformed nationwide survey results into an interactive experience worthy of a Webby.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-464"
	 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-461"
	>

	
	
	<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-462'
	>
	Solution</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-463'
	 id='es-461-paragraph'>
	The solution is based on an immersive microsite that utilizes quirky and intuitive interactions, based on the show’s iconic style.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-468"
	 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-465"
	>

	
	
	<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-466'
	>
	Outcomes</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-467'
	 id='es-465-paragraph'>
	The campaign successfully sent Squid Game: The Challenge to Netflix’s number #1 in the US and globally for six straight weeks. The campaign also received countless awards, including a Webby Award for &#8216;Best use of data-driven media&#8217;.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-482"
	 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-476"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-477">
			
					<video
				class="video__poster js-video-poster block-media__poster js-block-media-poster block-media__video-poster"
				loop
				muted
				autoplay
				playsinline
				preload="auto">
				<source src="https://infinum.com/uploads/2025/09/video-netflix-case-study-poster.mp4" type="" />
			</video>
				<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 controls preload='metadata'>
		<source  src='https://infinum.com/uploads/2025/09/video-netflix-case-study.mp4' type='video/mp4' />	</video>
	<div class="cursor-takeover block-media__cursor-takeover video__cursor-takeover" data-id="es-478">
		<div class="cursor-takeover__cursor js-cursor-takeover block-media__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-479'>
	<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-480'>
	<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-cursor-takeover-circle" aria-hidden="true">
				<i
	class="icon cursor-takeover__main-icon video__cursor-takeover icon--size-24 icon--scale-100"
	 aria-hidden='true' data-name='play' data-id='es-481'>
	<svg width='2' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22 12 6 21V3l16 9z' stroke='currentColor' stroke-width='2' fill='none'/></svg></i>			</div>
		</div>
	</div>
	</div></div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-485"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-483">
	<h2	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-484'
	>
	The challenge within The Challenge</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-488"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-486">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-487'
	>
	Squid Game: The Challenge is a reality competition based on the Netflix show Squid Game, released in 2021 to critical acclaim and commercial success. There was just one problem&#8230; fans who loved the life-or-death stakes of the original, or its criticisms of capitalism, wanted nothing to do with it.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-491"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-489">
	<p	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-490'
	>
	How do you promote a spin-off when the show’s biggest fans despise the idea of it?</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-498"
	 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-492"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-493">
		<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 autoplay playsinline controls muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2025/09/video-netflix-loop.mp4' type='video/mp4' />	</video>
	<div class="cursor-takeover block-media__cursor-takeover video__cursor-takeover" data-id="es-494">
		<div class="cursor-takeover__cursor js-cursor-takeover block-media__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-495'>
	<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-496'>
	<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-cursor-takeover-circle" aria-hidden="true">
				<i
	class="icon cursor-takeover__main-icon video__cursor-takeover icon--size-24 icon--scale-100"
	 aria-hidden='true' data-name='play' data-id='es-497'>
	<svg width='2' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22 12 6 21V3l16 9z' stroke='currentColor' stroke-width='2' fill='none'/></svg></i>			</div>
		</div>
	</div>
	</div></div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-501"
	 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-499"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-500">
		<video
		class="video block-media__video js-video js-block-media-video"
		 loop autoplay playsinline muted preload='auto'>
		<source  src='https://infinum.com/uploads/2025/09/video-netflix-SM-visuals.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-504"
	 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-502"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-503">
		<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/2025/09/video-netflix-mobile-visuals.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-507"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-505">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-506'
	>
	“The Price of Morals”</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-510"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-508">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-509'
	>
	Ahead of the show&#8217;s launch, we worked with BBH New York on an integrated campaign—“The Price of Morals”.<br><br>BBH found the average “price” for nearly 50 immoral acts by conducting a nationwide study. From the slightly rude—peeing in a hotel pool—to the downright unthinkable—objecting at your best friend’s wedding—it turns out everyone has a price.<br><br>These insights, combined with interviews conducted in New York, informed the content for social media and out-of-home assets, creating a buzz in the lead-up to the show’s release.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-513"
	 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-511"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-512">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/09/img-section-break-assets-1400x942.webp				media='(max-width: 699px)'
				type=image/webp								height="942"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/09/img-section-break-assets-2400x1614.webp				media='(max-width: 1199px)'
				type=image/webp								height="1614"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/09/img-section-break-assets.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1722"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-516"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-514">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-515'
	>
	Sprinting to the spectrum of morality</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-519"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-517">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-518'
	>
	In a fast-paced sprint, we partnered with BBH over just a few weeks to design and build the Price of Morals website. Whilst it was initially intended to be an iFrame experience hosted on Netflix’s fan site Tudum, both agency teams encouraged Netflix to give fans a more engaging experience through a stand-alone interactive microsite.<br><br>The campaign site enables visitors to explore the survey data and take a quiz that places them on the spectrum of morality.<br><br>The creative direction mirrored the show’s iconic style, while layered interactions and animations brought the experience to life.<br><br>Ahead of the launch, the development team worked to integrate the unique interactive features and all feedback. Once live, each out-of-home execution featured a QR code that led the public to explore the site and engage with the experience.</p></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-550"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-549">
	
<div class="block-column" data-id="es-523">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-522"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-520">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-521'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-column" data-id="es-528">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-527"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-524">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-525'
	>
	Webby Award Winner</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-526'
	>
	1</p></div>	</div>
</div>

<div class="block-column" data-id="es-533">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-532"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-529">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-530'
	>
	Bronze, Clio Awards 2024</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-531'
	>
	1</p></div>	</div>
</div>

<div class="block-column" data-id="es-538">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-537"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-534">
	</div>	</div>
</div>

<div class="block-column" data-id="es-543">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-542"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-539">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-540'
	>
	Netflix Show, <br />
US &amp; Global</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-541'
	>
	#1</p></div>	</div>
</div>

<div class="block-column" data-id="es-548">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-547"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-544">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-545'
	>
	Nominees in One Show, 2024</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-546'
	>
	14</p></div>	</div>
</div>
</div>	</div>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-562"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-561">
	
<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-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-553"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-554">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/09/img-ym-part-of-infinum-logo.svg"
					class="image__img block-media__image-img"
					alt=""
															loading="eager"
					 />
					</picture>

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

<div class="block-column" data-id="es-560">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-559"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-557">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-558'
	>
	This project was led by Your Majesty, Amsterdam’s award-winning creative agency that became part of Infinum in 2025. The original case study can be read <a href="https://yourmajesty.co/work/netflixsquid-game-the-challenge" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/netflixsquid-game-the-challenge/">Netflix</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19264311https://infinum.com/uploads/2025/07/Loterija-thumbnail.webp</url>
				</image>
				<title>Loterija Slovenije</title>
				<link>https://infinum.com/work/mloterija-lottery-app/</link>
				<pubDate>Mon, 21 Jul 2025 16:36:21 +0000</pubDate>
				<dc:creator>Aljoša Lijić</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19264311</guid>
				<description>
					<![CDATA[<p>We built a lottery app shaped by player insights and backed by future-proof architecture.</p>
<p>The post <a href="https://infinum.com/work/mloterija-lottery-app/">Loterija Slovenije</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-565"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-563">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-564'
	>
	<strong>Winning over a new generation of players with an engaging lottery app</strong></h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-568"
	 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-566"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-567">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/07/img-loterija-hero-mobile-3.webp				media='(max-width: 699px)'
				type=image/webp								height="1080"
												width="1125"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/07/Loterija-hero-final-3-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/07/Loterija-hero-final-3.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-587"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-581">
		<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-582"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-583">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-584'
	>
	LOTERIJA SLOVENIJE<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-585'
	>
	We built a modern lottery app shaped by players’ feedback and powered by tech that won’t fold when the stakes get high.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-586'
	 id='es-582-paragraph'>
	<br><br>SERVICES<br><br><strong>MOBILE DEVELOPMENT<br>UX DESIGN<br>UI DESIGN<br>PROTOTYPING<br>USER TESTING<br>PRODUCT STRATEGY<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-574"
	 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-569"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-570">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-571'
	>
	PROJECT INFO<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-572'
	>
	From scratchards to smartphones</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-573'
	 id='es-569-paragraph'>
	The lottery is more than a game — it’s a tradition. Loterija Slovenije, the country’s main organizer of games of chance, has kept that tradition alive for 300 years, serving a loyal base of over a million players.<br><br>But their impact goes beyond entertainment. Loterija Slovenije returns 85% of thier lottery game revenue to society in the form of concession fees, taxes, and contributions related to prize funds.<br><br>With Infinum’s help, they stepped up their game and built their first mobile app, mLoterija. Launched in 2016 for iOS and Android, it brought their most popular games to players’ pockets and turned casual players into loyal fans.</p>	</div>
</div>	</div>

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

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-576>
	
											<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/07/Lottie-1-boze-pomozi-2.json
		data-loop=false
		data-trigger=scroll></div>
	</div></div></div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-580"
	 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-577"
	>

	
	
	<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-578'
	>
	A fresh take on a beloved lottery app</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-579'
	 id='es-577-paragraph'>
	For years, mLoterija kept players engaged with every interaction. Building on what users loved, we gave the app a fresh new look. The redesigned experience brought in new players and a boost in revenue.<br><br>A modern interface deserved an engine to match. Powered by Flutter, the app now runs seamlessly across platforms from a single codebase.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-610"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-609">
	
<div class="block-column" data-id="es-591">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-590"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-588">
	<p	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-589'
	>
	Success is not a game of chance</p></div>	</div>
</div>

<div class="block-column" data-id="es-601">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-594"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-592">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-593'
	>
	APP STORE</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-596"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<hr
	class="block-divider"
	data-id="es-595"
	aria-hidden="true" />	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-600"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-597">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-598'
	>
	Out of 5 stars</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-599'
	>
	4.7</p></div>	</div>
</div>

<div class="block-column" data-id="es-608">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-603"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<hr
	class="block-divider"
	data-id="es-602"
	aria-hidden="true" />	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-607"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-604">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-605'
	>
	Ratings</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-606'
	>
	5,000+</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-613"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-611">
	<h2	class='typography typography--size-120-default js-typography block-typography__typography'
	data-id='es-612'
	>
	Get the ball rolling on mobile </h2></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/2025/07/Big-mob-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/2025/07/Big-mob-2.json
		data-loop=false
		data-trigger=scroll
		
		
		data-timeline-offset-factor=0.41></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-628"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-627">
	
<div class="block-column" data-id="es-617">
	

</div>

<div class="block-column" data-id="es-622">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-621"
	 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-618"
	>

	
	
	<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-619'
	>
	More than one way to play</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-620'
	 id='es-618-paragraph'>
	mLoterija invites users to try their luck their way. They can pick number combinations manually, replay their old favorites, or let the lucky ball decide.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-626">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-625"
	 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-623"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-624>
	
					<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/07/More-than-one-way-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/2025/07/More-than-one-way-2.json
		data-loop=false
		data-trigger=scroll></div>
	</div></div></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-631"
	 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-629"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-630>
	
					<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/07/Kugla-1-mobile-2.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/07/Kugla-2.json
		data-loop=false
		data-trigger=scroll
		
		
		data-timeline-offset-factor=0.77></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-642"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-641">
	
<div class="block-column" data-id="es-636">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-635"
	 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-632"
	>

	
	
	<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-633'
	>
	Personalized companion</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-634'
	 id='es-632-paragraph'>
	Everyone has their lucky ritual, and mLoterija plays along. For those who stick to the same numbers, the app makes it easy to replay tickets and see just how close they came to a win.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-640">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-639"
	 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-637"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-638>
	
					<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/07/Personalized-companion-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/2025/07/Personalized-companion-2.json
		data-loop=false
		data-trigger=scroll></div>
	</div></div></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-645"
	 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-643"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-644>
	
					<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/07/Kugla-2-mobile-2.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/07/Kugla-2B-novo.json
		data-loop=false
		data-trigger=scroll
		
		
		data-timeline-offset-factor=0.45></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-652"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-651">
	
<div class="block-column" data-id="es-650">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-649"
	 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-646"
	>

	
	
	<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-647'
	>
	Physical? Digital? Phygital!</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-648'
	 id='es-646-paragraph'>
	From kiosk to phone, mLoterija connects the physical and digital worlds in one seamless experience. Users can scan paper tickets for winnings, save them digitally, and get directions to the nearest lottery shop.</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-655"
	 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-653"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-654>
	
					<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/07/Phygital-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/2025/07/Phygital.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-664"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-663">
	
<div class="block-column" data-id="es-656">
	

</div>

<div class="block-column" data-id="es-662">
	
<div class="blockquote block-blockquote__blockquote" data-id="es-657">
	<div	class="media blockquote__media media__border--none media__align--center-left"
	data-id="es-658"
	 data-media-type='image'>

	<figure class="image blockquote__image-figure image--size-testimonial-size" data-id="es-659">
	<picture class="image__picture blockquote__image-picture">
												<img
					src="https://infinum.com/uploads/2025/06/img-aneta.webp"
					class="image__img blockquote__image-img"
					alt=""
										height="400"
															width="400"
										loading="lazy"
					 />
					</picture>

	</figure></div>
	<div class="blockquote__content">
		<p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-660'
	>
	<br>Working together felt like a shared mission. Infinum challenged us, clarified our ideas, and created a user experience that truly delights our players.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-661'
	>
	<strong>ANETA BEC<br></strong>MARKETING AND DEVELOPMENT DIRECTOR,<br>LOTERIJA SLOVENIJE</div>		</div>
	</div>
</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-697"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-696">
	
<div class="block-grid-item" data-id="es-668">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-667"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-665">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-666'
	>
	Where fun meets function</h2></div>	</div>
</div>

<div class="block-grid-item" data-id="es-672">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-671"
	 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-669"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-670">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/07/widget-notif.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1036"
															width="1161"
										loading="lazy"
					 />
					</picture>

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

<div class="block-grid-item" data-id="es-677">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-676"
	 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-673"
	>

	
	
	<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-674'
	>
	Real-time results</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-675'
	 id='es-673-paragraph'>
	Waiting by the TV is a thing of the past. The app delivers instant results and timely push notifications, so players never miss their winning moment.</p>	</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-681">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-680"
	 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-678"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-679">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/07/Quick-games-card.webp"
					class="image__img block-media__image-img"
					alt=""
										height="875"
															width="1143"
										loading="lazy"
					 />
					</picture>

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

<div class="block-grid-item" 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="card-simple js-card-simple block-card__card-simple card-simple__content-align--left"
	data-id="es-682"
	>

	
	
	<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-683'
	>
	Subtle nudges</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-684'
	 id='es-682-paragraph'>
	mLoterija makes sure the odds are ever in player’s favor. Gentle, well-timed prompts encourage players to increase their chance of winning.</p>	</div>
</div>	</div>
</div>

<div class="block-grid-item" data-id="es-690">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-689"
	 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-687"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-688">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/07/legal.webp"
					class="image__img block-media__image-img"
					alt=""
										height="609"
															width="1160"
										loading="lazy"
					 />
					</picture>

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

<div class="block-grid-item" data-id="es-695">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-694"
	 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-691"
	>

	
	
	<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-692'
	>
	Responsible play</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-693'
	 id='es-691-paragraph'>
	Loterija Slovenije takes responsible gaming seriously. But they’re just as serious about fun. The app promotes their values of trust and transparency without taking the joy out of the game.</p>	</div>
</div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-704"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-703">
	
<div class="block-column" data-id="es-702">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-701"
	 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-698"
	>

	
	
	<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-699'
	>
	Colorful on the outside, clever underneath</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-700'
	 id='es-698-paragraph'>
	Each lottery game has a distinct visual identity, but it’s all neatly tied together by a recognizable four-leaf clover pattern.</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-707"
	 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-705"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-706>
	
					<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/07/Mobiteli-big-mobile-2.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/07/Mobiteli-big-3.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.5
		
		data-timeline-offset-factor=0.46></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-713"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-712">
	
<div class="block-column" data-id="es-711">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-710"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-708">
	<p	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-709'
	>
	Beyond the vibrant interface, the real win is how easy the app is to use. Designed around the <em>don’t make me think </em>principle, mLoterija keeps the players’ focus on the thrill of the play.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-720"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-719">
	
<div class="block-column" data-id="es-718">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-717"
	 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-714"
	>

	
	
	<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-715'
	>
	Shaped by feedback from 1,000 users</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-716'
	 id='es-714-paragraph'>
	Easy on the eyes, easier to use</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-723"
	 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-721"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-722>
	
					<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/07/Post-it-mobile.json
		
		
		data-element-offset-factor=0.65></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/07/Post-it.json
		data-loop=false
		data-trigger=scroll
		
		
		data-timeline-offset-factor=0.51></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-729"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-728">
	
<div class="block-column" data-id="es-727">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-726"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-724">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-725'
	>
	Before diving into designs and code, we tested new features with real players and improved the experience with every iteration.<br><br>From ritualists who never change their numbers to spontaneous players chasing a lucky feeling, the app is fine-tuned for every kind of player.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-755"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-754">
	
<div class="block-column" data-id="es-736">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-732"
	 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-730"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-one-48-icon" data-id="es-731">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/06/user.webp"
					class="image__img block-media__image-img"
					alt=""
										height="192"
															width="193"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-735"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-733">
	<p	class='typography typography--size-24-text js-typography block-typography__typography'
	data-id='es-734'
	>
	User<br>interviews</p></div>	</div>
</div>

<div class="block-column" data-id="es-743">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-739"
	 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-737"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-one-48-icon" data-id="es-738">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/06/survey.webp"
					class="image__img block-media__image-img"
					alt=""
										height="192"
															width="192"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-742"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-740">
	<p	class='typography typography--size-24-text js-typography block-typography__typography'
	data-id='es-741'
	>
	In-app<br>survey</p></div>	</div>
</div>

<div class="block-column" data-id="es-750">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-746"
	 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-744"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-one-48-icon" data-id="es-745">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/06/placeholder.webp"
					class="image__img block-media__image-img"
					alt=""
										height="192"
															width="193"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-749"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-747">
	<p	class='typography typography--size-24-text js-typography block-typography__typography'
	data-id='es-748'
	>
	Prototype<br>testing</p></div>	</div>
</div>

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

</div>

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

</div>

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

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-762"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-761">
	
<div class="block-column" data-id="es-760">
	
<div class="blockquote block-blockquote__blockquote" data-id="es-756">
	
	<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-757'>
	<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-758'
	>
	User testing was eye-opening. It showed us just how differently people interpret features, and why assumptions can’t replace real user feedback.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-759'
	>
	<strong>TEJA LESKOVŠEK,</strong><br>DIGITAL MANAGER,<br>LOTERIJA SLOVENIJE</div>		</div>
	</div>
</div>
</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-766">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-765"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-763">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-764'
	>
	Modular architecture powered by Flutter</h2></div>	</div>
</div>

<div class="block-column" data-id="es-775">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-770"
	 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-767"
	>

	
	
	<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-768'
	>
	One codebase to rule them all</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-769'
	 id='es-767-paragraph'>
	Moving to a single codebase eliminated feature inconsistencies between iOS and Android, while lowering maintenance and future development costs. Flutter was the ideal choice for the rewrite, offering high performance, cross-platform compatibility, and a versatile widgets library.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-774"
	 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-771"
	>

	
	
	<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-772'
	>
	Gradual migration from native to Flutter</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-773'
	 id='es-771-paragraph'>
	We didn’t rebuild the app in Flutter all at once. Instead, we kept it live throughout the transition, running part of the code in native and part in Flutter. This hybrid approach allowed us to keep users engaged, release updates more securely, and gather feedback early and often.</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-790"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-789">
	
<div class="block-column" data-id="es-784">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-780"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-778">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-779'
	>
	Nine years in the game together</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-783"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-781">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-782'
	>
	Staying flexible and adapting to technological shifts and user needs was key to mLoterija&#8217;s success. As Infinum and Loterija Slovenije mark nine years of collaboration, the app continues to evolve into a smart, fun, and personalized digital companion that grows with its users.</p></div>	</div>
</div>

<div class="block-column" data-id="es-788">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-787"
	 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-785"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-786">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/07/Nine-years-screens.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1246"
															width="1240"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-801"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-800">
	
<div class="block-column" data-id="es-794">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-793"
	 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-791"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-792">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/06/tamara.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1189"
															width="1400"
										loading="lazy"
					 />
					</picture>

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

<div class="block-column" data-id="es-799">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-798"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-795">
	
	<div class="blockquote__content">
		<p	class='typography typography--size-36-text js-typography blockquote__quote'
	data-id='es-796'
	>
	In digital product development, you have to be flexible and learn as you go. You can’t lock in a 3-year scope. Otherwise, you’ll end up building something that will be outdated by the time it&#8217;s finished.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-797'
	>
	<strong>TAMARA LAH MOMČILOVIĆ</strong><br>MANAGING PARTNER,<br>INFINUM</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/mloterija-lottery-app/">Loterija Slovenije</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19263987https://infinum.com/uploads/2025/06/heliny-etr-thumbnail.webp</url>
				</image>
				<title>HeliNY – Improving the Tour Booking Experience from Start to Finish</title>
				<link>https://infinum.com/work/heliny/</link>
				<pubDate>Tue, 18 Feb 2025 11:49:14 +0000</pubDate>
				<dc:creator>Zrinka Lepan</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19263987</guid>
				<description>
					<![CDATA[<p>Setting the standards in helicopter tourism.</p>
<p>The post <a href="https://infinum.com/work/heliny/">HeliNY – Improving the Tour Booking Experience from Start to Finish</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-804"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-802">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-803'
	>
	Improving the tour booking experience from start to finish</h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-807"
	 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-805"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-806">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/img-heliny-etr-mobile-2-min.webp				media='(max-width: 699px)'
				type=image/webp								height="716"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/02/img-heliny-etr-hero-2-min-2400x1129.webp				media='(max-width: 1199px)'
				type=image/webp								height="1129"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/img-heliny-etr-hero-2-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-836"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-830">
		<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-831"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-832">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-833'
	>
	HELINY</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-834'
	>
	<br>We created a first-class tour experience that boosts conversions and sets the standard in helicopter tourism.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-835'
	 id='es-831-paragraph'>
	<br><br>SERVICES<br><strong><br>UI DESIGN</strong><br><strong>UX DESIGN<br>VISUAL 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-811"
	 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-808"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-809">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-810'
	>
	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-814"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-812">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-813'
	>
	Soaring above the competition</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-817"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-815">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-816'
	>
	In a fiercely competitive tourism industry, it&#8217;s not easy to stand out against the competition. We worked with HeliNY to increase conversions, update and expand their brand, and reinvent their website, streamlining the booking process for both customers and the people working behind the scenes.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-829"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="grid block-grid__grid" data-id="es-828">
	
<div class="block-grid-item" data-id="es-822">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-821"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-818">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-819'
	>
	Lift in perception of booking process as &#8220;very easy&#8221;</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-820'
	>
	68%</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-827">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-826"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-823">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-824'
	>
	Increase in understanding tours</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-825'
	>
	21%</p></div>	</div>
</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-848"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-847">
	
<div class="block-column" data-id="es-846">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-839"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-837">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-838'
	>
	<strong>Paid social campaign boost</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-842"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-840">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-841'
	>
	As temperatures cool down in the city, so does helicopter tourism — the winter months typically bring in less conversions. We worked with HeliNY to give their bookings a boost during the off-season by launching <strong>paid social campaigns</strong> across social media channels.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-845"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-843">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-844'
	>
	With a research-focused approach we ran several different campaigns, analyzing and optimizing along the way to get things just right. The result was <strong>a return on conversions easily surpassing the investment</strong>, as well as an opportunity for us to learn a lot about HeliNY’s audience and the kind of content that resonates best.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-851"
	 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-849"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-850">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/heliny_02-1440x568-1-1400x552.webp				media='(max-width: 699px)'
				type=image/webp								height="552"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/heliny_02-1440x568-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="568"
															width="1440"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			We tweaked and tested the HeliNY logo — the audience’s perspective was always at the forefront of our minds.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-867"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-866">
	
<div class="block-column" data-id="es-855">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-854"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-852">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-853'
	>
	<strong>Creating a flexible brand system</strong></h2></div>	</div>
</div>

<div class="block-column" data-id="es-865">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-858"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-856">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-857'
	>
	To get an understanding of the existing HeliNY brand and where they wanted it to go, we made sure to get a number of different perspectives. We talked to various internal stakeholders, traveled to local hotels to understand how they choose what experiences to promote, and spoke with customers at the heliport to better understand how the brand was being received by end users.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-861"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-859">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-860'
	>
	We learned of HeliNY’s offerings outside of tourism — charters and maintenance — that didn’t seem to have a space of their own, as well as the confusion between their colloquial, adopted name “HeliNY” and their official name “Helicopter Flight Services”.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-864"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-862">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-863'
	>
	We collaboratively came to a solution — create a <strong>flexible brand system</strong> that accounts for the company’s expanding service offerings and the possibility of moving to markets outside of New York. From there, we fine-tuned, tested, and iterated to update the existing brand, conducting frequent surveys to gauge their audience’s preferences. The result was not one logo but a collection, all under the umbrella of the “HFS Company” parent brand.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-879"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-878">
	
<div class="block-column" data-id="es-877">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-870"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-868">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-869'
	>
	<strong>Improving the website based on user data</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-873"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-871">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-872'
	>
	Armed with the knowledge from our Discovery phase, we set out to design a first-class experience on Heliny.com. To continue gaining insights from end users, we set up <strong>micro surveys</strong> — small, unobtrusive, one-question surveys that sought to understand what information was missing from the site and what was confusing people.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-876"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-874">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-875'
	>
	We heard from users about confusion between tour offerings so we designed an easy-to-read comparison chart. We heard from international tourists that they weren’t always sure where or what some of New York City’s landmarks were and if they would see them — so we designed beautiful and informative interactive maps. <strong>Listening to users and solving their problems is what we do!</strong></p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-882"
	 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-880"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-881">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/Screen-Shot-2022-12-19-at-12.17.52-PM-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1156"
															width="1256"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			The previous HeliNY.com design. Management thought it looked tacky and didn’t speak to the first-class experience customers would get.		</figcaption>
	</figure></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="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-883"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-884">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/Screen-Shot-2022-12-19-at-12.19.54-PM.webp"
					class="image__img block-media__image-img"
					alt=""
										height="991"
															width="1207"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			The previous site’s tour map was not interactive and hard to read.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-888"
	 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-886"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-887">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/heliny_05.webp"
					class="image__img block-media__image-img"
					alt=""
										height="842"
															width="1000"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			Some users were confused about the differences between tours, so we made an easy-to-read comparison chart.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-891"
	 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-889"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-890">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/heliny_06.webp"
					class="image__img block-media__image-img"
					alt=""
										height="848"
															width="1000"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			A custom, interactive map of NYC makes it easy to preview what you’ll see on the tour.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-900"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-899">
	
<div class="block-column" data-id="es-898">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-894"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-892">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-893'
	>
	<strong>Better booking for both customers and employees</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-897"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-895">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-896'
	>
	A big win on this project was the opportunity to greatly improve the website’s booking process. In talking to users and stakeholders we learned that the frontend booking form was<strong> hard to use for customers</strong> and that <strong>the backend involved a lot of unnecessary and time consuming work for employees. </strong>Utilizing our knowledge of usability best practices we redesigned the booking flow on the frontend. On the backend, we integrated their system with Salesforce to streamline data collection and processing.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-912"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-911">
	
<div class="block-column" data-id="es-910">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-903"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-901">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-902'
	>
	<strong>Redesign results</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-906"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-904">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-905'
	>
	In addition to a sense of satisfaction all around from a job well done, thanks to our micro surveys, we were able to measure quantifiable results that the redesign brought about. Here are just some of those numbers.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-909"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-907">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-908'
	>
	The work we did for HeliNY has been featured in the&nbsp;<a href="https://www.nngroup.com/reports/ux-metrics-roi/" target="_blank" rel="noreferrer noopener">Nielsen Norman Group report, UX Metrics and ROI</a>.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-915"
	 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-913"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-914">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/heli-pulse-graphs@2x-1440x382-1-1400x371.webp				media='(max-width: 699px)'
				type=image/webp								height="371"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/heli-pulse-graphs@2x-1440x382-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="382"
															width="1440"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			The redesign resulted in a 21% increase in understanding the difference between tours, a 68% increase in the perception of the booking process as “very easy” and increases in positive branding associations.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-927"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-926">
	
<div class="block-column" data-id="es-925">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-918"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-916">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-917'
	>
	<strong>An ongoing partnership</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-921"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-919">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-920'
	>
	After a successful launch, we continue to partner with HeliNY to bring their brand to life across multiple platforms.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-924"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-922">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-923'
	>
	Now who wants to&nbsp;<a href="https://heliny.com/" target="_blank" rel="noreferrer noopener">book a helicopter ride</a>?</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-933"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-932">
	
<div class="block-column" data-id="es-931">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-930"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-928">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-929'
	>
	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/heliny/">HeliNY – Improving the Tour Booking Experience from Start to Finish</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19263815https://infinum.com/uploads/2025/06/travel-leisure-etr-thumbnail.webp</url>
				</image>
				<title>Travel Leisure – Reimagining an Iconic Publishing Brand</title>
				<link>https://infinum.com/work/travel-leisure/</link>
				<pubDate>Mon, 17 Feb 2025 15:41:16 +0000</pubDate>
				<dc:creator>Zrinka Lepan</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19263815</guid>
				<description>
					<![CDATA[<p>An engaging, cross-platform experience that earned a Webby award. </p>
<p>The post <a href="https://infinum.com/work/travel-leisure/">Travel Leisure – Reimagining an Iconic Publishing Brand</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-936"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-934">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-935'
	>
	<strong>Reimagining an iconic publishing brand</strong></h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-939"
	 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-937"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-938">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/img-travel-leisure-etr-mobile-min.webp				media='(max-width: 699px)'
				type=image/webp								height="716"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/02/img-travel-leisure-etr-hero-min-2400x1129.webp				media='(max-width: 1199px)'
				type=image/webp								height="1129"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/img-travel-leisure-etr-hero-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-952"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-946">
		<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-947"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-948">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-949'
	>
	TRAVEL + LEISURE</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-950'
	>
	<br>We created an engaging, cross-platform user experience that earned a Webby Award and pushed the brand forward.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-951'
	 id='es-947-paragraph'>
	<br><br>SERVICES<br><br><strong>CONTENT STRATEGY</strong><br><strong>UI DESIGN</strong><br><strong>UX 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-945"
	 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-940"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-941">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-942'
	>
	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-943'
	>
	<br>A content-centric overhaul</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-944'
	 id='es-940-paragraph'>
	Travel + Leisure is a global travel and lifestyle brand known for its inspirational editorials and stunning visuals. Although we were initially brought in for a digital rebrand to align with their refreshed print identity, we revealed that the site contained a significant amount of content that no longer served the brand. <br><br>This insight prompted us to expand our scope and place a greater emphasis on content strategy, ensuring that Travel + Leisure’s digital experience would do justice to their world-class storytelling.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-977"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-976">
	
<div class="block-column" data-id="es-957">
	
<div class="blockquote block-blockquote__blockquote" data-id="es-953">
	
	<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-954'>
	<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-955'
	>
	<br />
What a great partner. Together, we created a site that significantly increased user engagement and won a Webby!</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-956'
	>
	<strong>PAM RUSSO</strong>, VP, GM TRAVEL, TIME INC.</div>		</div>
	</div>
</div>
</div>

<div class="block-column" data-id="es-975">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-974"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="grid block-grid__grid" data-id="es-973">
	
<div class="block-grid-item" data-id="es-962">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-961"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-958">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-959'
	>
	Increase in ad revenue </p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-960'
	>
	17%</p></div>	</div>
</div>

<div class="block-grid-item" 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-number-card" data-id="es-963">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-964'
	>
	Increase in page views</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-965'
	>
	38%</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-972">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-971"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-968">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-969'
	>
	Webby Award</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-970'
	>
	1</p></div>	</div>
</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-983"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-982">
	
<div class="block-column" data-id="es-981">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-980"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-978">
	</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-997"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-993">
		<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-994"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-995">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-996'
	>
	THE PROBLEM</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</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-986"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-984">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-985'
	>
	Clutter over content</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-989"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-987">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-988'
	>
	We took a look at the Travel+Leisure website both with the brand and independently in our own research and discovery, and talked through the things that were important to the brand. The site, we discovered, housed a lot of things today that didn’t necessarily need to be there tomorrow. It was this realization that led us to <strong>shifting the focus of this digital rebrand to T+L’s content strategy</strong>.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-992"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-990">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-991'
	>
	The brand had so much great content to offer, but the <a href="https://infinum.com/ui-ux-design-services/">design and user interface</a> did not lend towards easy discovery. Essentially, the quality of the website didn’t match the quality of the content. It gave us the opportunity to remove the clutter and focus on the product and its experience in a way that would best convey the core values of the brand and bring the purity of the product back into the design. That sounded like something that was right up our alley.</p></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1000"
	 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-998"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-999">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/problem-1-1440x900-1-1400x875.webp				media='(max-width: 699px)'
				type=image/webp								height="875"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/problem-1-1440x900-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="900"
															width="1440"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			During Discovery, we audited T+L’s existing sites, looking for opportunity to remove clutter.
		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1020"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1016">
		<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-1017"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1018">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1019'
	>
	OUR APPROACH</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</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-1003"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1001">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1002'
	>
	A shared vision, realized</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1006"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1004">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1005'
	>
	The new Travel+Leisure digital brand had to sync up with the rebrand on the print side of the business. For us, this meant&nbsp;<strong>an aggressive timeline with an unmovable launch date</strong>. Fortunately, the team at T+L shared our vision for great quality while understanding the implications of their deadline, enabling us to&nbsp;<strong>utilize an agile workflow</strong>&nbsp;effectively.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1009"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1007">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1008'
	>
	Because we were aligned with the same goal and because both teams were incredibly solution-oriented, we were able to work collaboratively and nimbly, righting ourselves as soon as we had even an inkling of a feeling that we were teetering off-course. We studied the brand together and made decisions around which pieces we wanted to bring over from the print side of the house and which pieces we wanted to be digital first.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1012"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1010">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1011'
	>
	We&nbsp;<strong>helped them to simplify their brand</strong>, reorganizing the way their content was laid out and giving their beautiful travel imagery a chance to shine. Smartly utilizing analytics they had on hand, we were able to help them&nbsp;<strong>re-architect all the great content&nbsp;</strong>they had and pushed them forward in creating a sleek, easy-to-use design that reflected the brand’s core values.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1015"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1013">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1014'
	>
	Our teams gelled, each sharing a vision for what the brand could evolve into and an enthusiasm for tackling tough problems with strategic solutions. We worked so well together that halfway through the rebrand, T+L asked us to work with their backend team to integrate the new user experience and designs we’d so carefully crafted together.</p></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1038"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1037">
	
<div class="block-column" data-id="es-1036">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1023"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1021">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1022'
	>
	<strong>Creating consistency across platforms</strong></h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1026"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1024">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1025'
	>
	Two things came up frequently in our discussions. There was the need for the new site design to be inspirational, to be the catalyst for their users to pursue their wanderlust. But inspiration wasn’t the only goal. The site was also a place where users could get travel tips, find the best places to stay, and the best things to do – essentially, it was also a&nbsp;<strong>travel tool for world wanderers everywhere</strong>.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1029"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1027">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1028'
	>
	Once we architected the strategy that we thought would elegantly meet both of these goals in a way that would give T+L users a unique experience, we meticulously mapped out how each of these experiences would change to fit the platform from which the user was interacting with the brand.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1032"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1030">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1031'
	>
	What was the experience in the magazine? Was there off-platform content syndication we had to account for in, for example, hotel lobbies? How did that translate digitally? Even though our task was to rebrand T+L from a digital lens, we still had to be<strong>&nbsp;in sync with the rebrand in all media to create a consistency</strong>. Users should recognize T+L no matter how or where they engaged with the brand.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1035"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1033">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1034'
	>
	From there, we worked to&nbsp;<strong>create the ideal experience on each digital platform: desktop, tablet, and mobile</strong>. We recognized that users engaged with these platforms differently and strived to tailor each experience to its platform while keeping the design and overall user interface consistent.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1041"
	 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-1039"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1040">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/approach-1440x900-1-1400x875.webp				media='(max-width: 699px)'
				type=image/webp								height="875"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/approach-1440x900-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="900"
															width="1440"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			It was really important to make sure that T+L felt consistent and high quality across platforms.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1058"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1054">
		<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-1055"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1056">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1057'
	>
	THE SOLUTION</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</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-1044"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1042">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1043'
	>
	A mobile-first, connected content strategy</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1047"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1045">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1046'
	>
	As we reviewed our research, it was clear, though unsurprising, that the T+L mobile audience was exploding. So, we quickly&nbsp;<strong>decided on a mobile-first strategy</strong>. We had the luxury of having a whole database full of beautiful imagery that Travel+Leisure could draw upon to populate the website, and we used that to our advantage. Additionally, the solution that we implemented needed to be inspirational but also utilitarian – two very important parts of the T+L brand identity.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1050"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1048">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1049'
	>
	We put together a content strategy that gave content a hierarchy<strong>&nbsp;</strong>so that the&nbsp;<strong>editorial staff could point users to the things that were most important</strong>. To avoid making the site feel cluttered while allowing the user to easily navigate their way around without taking away from the experience, we selectively implemented transitions where we thought was necessary.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1053"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1051">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1052'
	>
	Recirculation strategies were put into place to&nbsp;<strong>inspire readers to keep exploring, keeping them curious and engaged</strong>&nbsp;– a T+L brand of wanderlust where content strategy and beautiful design intersected. Together, we created a website that was elegant, simple, and easy to use. The end result? A beautifully designed, extremely usable, responsive website that created an experience tailored to the user’s device of choice.</p></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1061"
	 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-1059"
	 data-media-type='image'>

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

			<figcaption class="image__figcaption block-media__image-figcaption">
			The new Travel + Leisure homepage focused on beautiful imagery that engaged users		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1064"
	 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-1062"
	 data-media-type='image'>

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

			<figcaption class="image__figcaption block-media__image-figcaption">
			The article page balanced readability with business needs		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1067"
	 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-1065"
	 data-media-type='image'>

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

			<figcaption class="image__figcaption block-media__image-figcaption">
			A mobile-first approach was very important for this effort		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1070"
	 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-1068"
	 data-media-type='image'>

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

			<figcaption class="image__figcaption block-media__image-figcaption">
			Imagery takes center stage on featured articles.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1073"
	 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-1071"
	 data-media-type='image'>

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

			<figcaption class="image__figcaption block-media__image-figcaption">
			Different sections of the site had their own personality while keeping the brand feeling connected.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1084"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1080">
		<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-1081"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1082">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1083'
	>
	THE RESULT</p></div>
	<div class="card-simple__content">
		<div class="card-simple__heading-wrap">
					</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-1076"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1074">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1075'
	>
	An award-winning experience</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1079"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1077">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1078'
	>
	We successfully launched the newly branded T+L in 2015, and it was met with resounding success. So much in fact, that <strong>the new T+L site became a <a href="https://winners.webbyawards.com/2016/websites-and-mobile-sites/general-websites-and-mobile-sites/travel/160311/travel-leisure">Webby Award Winner</a>.</strong> We were able to measure against metrics we had set goals against at the beginning of the project and analytics show double digit positive increases in all success metrics, from revenue to pages per visit per user. But, perhaps, most importantly, <strong>our content strategy coupled with our crisp design and purposeful cross-platform user experience integration pushed the brand forward</strong>, giving them the tools to succeed in a rapidly evolving digital landscape.</p></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1090"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1089">
	
<div class="block-column" data-id="es-1088">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1087"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1085">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1086'
	>
	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/travel-leisure/">Travel Leisure – Reimagining an Iconic Publishing Brand</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19263229https://infinum.com/uploads/2025/06/SiriusXM-thumbnail.webp</url>
				</image>
				<title>SiriusXM listening experience co-created with users</title>
				<link>https://infinum.com/work/siriusxm-kiosk-application/</link>
				<pubDate>Fri, 14 Feb 2025 14:21:29 +0000</pubDate>
				<dc:creator>Zrinka Lepan</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19263229</guid>
				<description>
					<![CDATA[<p>We created interactive kiosk apps for car dealerships to educate users and boost engagement.</p>
<p>The post <a href="https://infinum.com/work/siriusxm-kiosk-application/">SiriusXM listening experience co-created with users</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-1093"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-1091">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-1092'
	>
	<strong>SiriusXM listening experience co-created with users</strong></h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1096"
	 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-1094"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1095">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/SiriusXM-hero-visual-mobile-img-min.webp				media='(max-width: 699px)'
				type=image/webp								height="716"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/02/SiriusXM-kiosk-visual-hero-img-min-2400x1054.webp				media='(max-width: 1199px)'
				type=image/webp								height="1054"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/SiriusXM-kiosk-visual-hero-img-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1105"
															width="2516"
										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'
	>
	SIRIUSXM</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 created interactive kiosk apps for car dealerships to educate users and boost engagement.</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><br><strong>UX DESIGN<br>UI DESIGN<br>WEB DEVELOPMENT</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-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-1097"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1098">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1099'
	>
	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-1100'
	>
	<br><strong><strong>E<strong>verything a user wants to hear</strong></strong></strong></h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1101'
	 id='es-1097-paragraph'>
	<br>SiriusXM is a satellite radio and streaming service offering over 150 channels—covering commercial-free music, sports, comedy, news, and more—all under one subscription. Such an amount of content can be overwhelming for a first-time user, so our goal was to create a manageable way for them to preview the options they’d like and then suggest more content they might enjoy. With such a diverse set of entertainment options and a variety of users, this gives invaluable data to SiriusXM on consumer trends.<br><br>Our discovery process focused on understanding the needs of a casual user jumping in and finding their favorite stations quickly. We worked together with SiriusXM to define the core experience iteratively, then built on that <strong>prototype with design sprints</strong> and additional functionality highlighting all of the services offered with a subscription. The result was a snappy, polished application that was both informative and fun to use. </p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1116"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1115">
	
<div class="block-column" data-id="es-1114">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1113"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1110">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1111'
	>
	Installs in car dealerships across CT, NJ, and NY</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1112'
	>
	28</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1119"
	 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-1117"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1118">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/SiriusXm-img-1-min-1400x1010.webp				media='(max-width: 699px)'
				type=image/webp								height="1010"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/SiriusXm-img-1-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1521"
															width="2108"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			A simplified start page gives the users guidance towards their favorite entertainment channels.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1122"
	 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-1120"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1121">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/SiriusXm-img-2-min-1400x1010.webp				media='(max-width: 699px)'
				type=image/webp								height="1010"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/SiriusXm-img-2-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1521"
															width="2108"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			An easy-to-view catalog showcases SiriusXm’s large variety of enjoyment.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1125"
	 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-1123"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1124">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/SiriusXm-img-3-min-1400x1010.webp				media='(max-width: 699px)'
				type=image/webp								height="1010"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/SiriusXm-img-3-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1521"
															width="2108"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			How-to videos showcase the limitless options that are offered.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1128"
	 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-1126"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-1127">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/SiriusXm-img-4-min-1400x1010.webp				media='(max-width: 699px)'
				type=image/webp								height="1010"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/SiriusXm-img-4-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1521"
															width="2108"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			Signing up customers has never been easier.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1134"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1133">
	
<div class="block-column" data-id="es-1132">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1131"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1129">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1130'
	>
	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/siriusxm-kiosk-application/">SiriusXM listening experience co-created with users</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19263205https://infinum.com/uploads/2025/06/SkyTrack-thumbnail.webp</url>
				</image>
				<title>Skytrak – Award-Winning Experience Golfers Love</title>
				<link>https://infinum.com/work/skytrak/</link>
				<pubDate>Thu, 13 Feb 2025 12:44:59 +0000</pubDate>
				<dc:creator>Zrinka Lepan</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19263205</guid>
				<description>
					<![CDATA[<p>We designed a software solution to complement Skytrak’s hardware experience, visualizing key data points that golfers care about.</p>
<p>The post <a href="https://infinum.com/work/skytrak/">Skytrak – Award-Winning Experience Golfers Love</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-1137"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-1135">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-1136'
	>
	<strong>SkyTrak – award-winning data visualization software golfers love</strong></h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1140"
	 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-1138"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1139">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/SkyTrack-hero-visual-mobile-img-min.webp				media='(max-width: 699px)'
				type=image/webp								height="716"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/02/SkyTrack-hero-visual-img-min-2400x1129.webp				media='(max-width: 1199px)'
				type=image/webp								height="1129"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/SkyTrack-hero-visual-img-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-1153"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1147">
		<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-1148"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1149">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1150'
	>
	SKYTRAK</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-1151'
	>
	<br>We designed a software solution to complement Skytrak’s hardware experience, visualizing key data points that golfers care about.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-1152'
	 id='es-1148-paragraph'>
	<br><br>SERVICES<br><br><strong><br>BRANDING<br>DESIGN<br>iOS ENGINEERING <br>ANDROID ENGINEERING</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-1146"
	 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="intro-label card-simple__intro-label" data-id="es-1142">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1143'
	>
	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-1144'
	>
	<br>Improving golf handicaps worldwide</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1145'
	 id='es-1141-paragraph'>
	<br>SkyTrak is a launch monitor that helps recreational golfers improve their game. By measuring the golf ball’s performance at impact and translating that data into accurate ball flight, it helps players refine their technique.<br><br>Pairing groundbreaking hardware with an intuitive software solution, we helped create a compact, affordable launch monitor that golfers love – proven by millions of uploaded shots and rave reviews from both amateurs and pros.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1165"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-1164">
	
<div class="block-grid-item" 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="block-number-card" data-id="es-1154">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1155'
	>
	Shots uploaded</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1156'
	>
	300M</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-1163">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1162"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1159">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1160'
	>
	Golf Digest ‘Best in Golf’ award winner</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1161'
	>
	5X</p></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1174"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1173">
	
<div class="block-column" data-id="es-1172">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1168"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1166">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-1167'
	>
	The background</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1171"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1169">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1170'
	>
	SkyTrak is a product that sits at the intersection of hardware and software. This gave us a unique opportunity to be a part of a multi-year project that saw the development of a new piece of complex hardware that would then be coupled with the software our team developed.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1177"
	 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-1175"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1176">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/st-logo-product-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="800"
															width="1200"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1200"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1199">
	
<div class="block-column" data-id="es-1198">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1180"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1178">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1179'
	>
	<em>SkyTrak’s latest hardware innovation, <a href="https://skytrakgolf.com/pages/launch-monitors">Skytrak+</a>, was released in May of 2023. The new Doppler Radar System delivers useful club data, including: Club Head Speed, Smash Factor, Club Path and Face Angle. Additionally, applying proprietary machine-learning algorithms to that data delivers precision at a level matched only by the highest-end launch monitors on the market. We worked with SkyTrak on the new logo.</em></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1183"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1181">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1182'
	>
	Our partners at SkyTrak worked with a hardware developer to create a launch monitor that would rival its competitors in market. It would be more compact, portable, and it would cost much less while retaining the accuracy that other launch monitors boast. They came to us, looking for a partner who could work with them to <strong>strategically develop a software solution that would complement the hardware experience</strong>. Golfers would be able to practice their shots and the monitor would communicate with the software developed to visualize the data in a way that would be both visually appealing and easily digestible.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1186"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1184">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-1185'
	>
	The challenge: find elegance in an overload of data</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1189"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1187">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1188'
	>
	The technology behind developing a successful launch monitor was not revolutionary, given that SkyTrak competitors proved to be very accurate. However, with a much more compact piece of hardware that could break the mold in the golfing industry, SkyTrak wanted a software counterpart that was just as innovative. We saw an opportunity here to bring something fresh to the table.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1194"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-1190">
	
	<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-1191'>
	<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-1192'
	>
	I really appreciate all the great work you guys do! Our customers and industry leaders consistently RAVE about your app.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-1193'
	>
	<strong>SETH FRACK</strong>, VP OF DEVELOPMENT &amp; UX, SKYTRAK<br />
</div>		</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1197"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1195">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1196'
	>
	The launch monitor technology could provide a whole wealth of data, but the data was exported in an Excel sheet that had color-coded cells and columns that matched up with rows to discern a specific metric. It made our heads spin simply glancing at it.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1203"
	 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-1201"
	 data-media-type='image'>

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

			<figcaption class="image__figcaption block-media__image-figcaption">
			The version we inherited had a wealth of data, but the user experience was overwhelming.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1206"
	 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-1204"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1205">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/problem2-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="800"
															width="1200"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			The prior version relied on numerous tables that begged to be more visual and engaging.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1212"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1211">
	
<div class="block-column" data-id="es-1210">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1209"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1207">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1208'
	>
	The challenge, then, was to&nbsp;<strong>visually represent the data in a way that was valuable to the user.</strong>&nbsp;That’s the kind of challenge we love to dive into.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1215"
	 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-1213"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1214">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/problem3-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="800"
															width="1200"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			We saw an opportunity to bring something fresh to the table.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1224"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1223">
	
<div class="block-column" data-id="es-1222">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1218"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1216">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1217'
	>
	Research powered our Agile approach</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1221"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1219">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1220'
	>
	Before we could dive into the software component of SkyTrak, we had to understand the hardware component. We spent time with both SkyTrak and the hardware developer researching what golfers actually wanted and valued in the data that they were getting from existing launch monitors.</p></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-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1225"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1226">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/approach1-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="800"
															width="1200"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			Our approach is to prototype early and often.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1233"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1232">
	
<div class="block-column" data-id="es-1231">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1230"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1228">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1229'
	>
	There was a ton of data available, but not everything was relevant to golfers and, as we discovered, <strong>golfers didn’t want to be inundated with all the data</strong>. <strong>They wanted the metrics they cared about.</strong> Through several exploratory sessions and strategy meetings, we took all the ideas each stakeholder had envisioned and smartly whittled them down, based on our user research findings, to what would become the feature set for initial launch.<br><br>The SkyTrak box would connect to wifi while simultaneously connecting with the software, which would be available on iPad upon launch. After the hardware was successfully developed, we re-entered the process to develop the software to compliment the box.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1236"
	 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-1234"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1235">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/approach3-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="800"
															width="1200"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			Iterating and user testing are key to success.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1253"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1252">
	
<div class="block-column" data-id="es-1251">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1239"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1237">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1238'
	>
	We re-visited the user experience that we had set out to establish upon the development of the launch monitor box and made the decision, collectively, that developing in Unity would be an ideal solution with its 3D capabilities and its cross-platform compatibility.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1244"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-1240">
	
	<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-1241'>
	<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-1242'
	>
	It’s fascinating working at the intersection of hardware and software.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-1243'
	>
	<strong>SKY MCELROY</strong>, LEAD PRODUCER<br />
</div>		</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1247"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1245">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1246'
	>
	<strong>The complexity of SkyTrak meant that we needed a software solution that was robust. Thus, giving SkyTrak the ability to expand upon its platform moving forward, an approach with room for iteration.</strong></p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1250"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1248">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1249'
	>
	The box communicates the collected data with the device, an iPad for launch, the device processes the data to visually depict the output, and then the device communicates with the Cloud to save the user’s data in the user’s account. <br />
<br />
To ensure that we were successful in our endeavors, we worked closely with the hardware developers in Singapore as well as the freelancers in New Jersey and Texas whom we selected from our extensive network to handle the physics engines and 3D play involved in visualizing the data.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1256"
	 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-1254"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1255">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/02/approach2-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="800"
															width="1200"
										loading="lazy"
					 />
					</picture>

			<figcaption class="image__figcaption block-media__image-figcaption">
			We worked with Skytrak to understand the core problems.		</figcaption>
	</figure></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1273"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1272">
	
<div class="block-column" data-id="es-1271">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1259"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1257">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1258'
	>
	We worked with Skytrak to understand the core problems and visualize the key data points that golfers care about.<br />
<br />
The involvement of multiple parties meant that we were faced with the challenge of managing the process smoothly with developers, product designers, and key stakeholders in different parts of the world.<br />
<br />
Despite this, we were able to navigate these waters successfully by ensuring transparency through thorough communication on a daily basis. </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1261"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-highlighted-text">
	<p	class='typography typography--size-24-text js-typography block-highlighted-text__typography'
	data-id='es-1260'
	>
	<strong>We worked agilely, constantly checking and course-correcting to ensure that the software was compatible with the hardware, and that the strategically designed user interface was still easy-to-use and visually appealing for the end user.</strong> </p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1264"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1262">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1263'
	>
	Each sprint was extensively tested by all parties. We transformed the loading dock in our office into a testing room, setting up a net and taking turns swinging at balls to ensure that our software not only worked seamlessly with the hardware, but that the data collected was validated. We would not have been able to work in such an agile manner had it not been wonderful partners we had, not only in each third party vendor, but in our clients at SkyTrak.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1267"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1265">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-1266'
	>
	A solution that is portable, affordable &amp; usable</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1270"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1268">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1269'
	>
	SkyTrak weighs less than two pounds and boasts up to five hours of continuous use, with the free application available in the Apple store for the iPad. Users can take advantage of SkyTrak pretty much anywhere they can hit a golf ball – in the backyard at home, at their buddy’s place, or out on the range. All the results from every shot are visually displayed on the user’s SkyTrak dashboard and saved in their SkyTrak account so that they can track their improvement over time.<br />
<br />
One of the things that was most important to SkyTrak was to create a product that could sustain a reasonable price point while remaining sleek and accurate. <strong>We were able to accomplish this with the product priced at $2,000, a far cry from its nearest competitor, priced at $8,000. </strong><br />
<br />
The product launched with iPad compatibility, but because we built it in Unity, there are more platforms planned for the future, which will give more golfers the opportunity to use a portable launch monitor at an incredibly competitive price.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1300"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div data-id="es-1295" class="block-horizontal-manual-carousel js-block-horizontal-manual-carousel block-horizontal-manual-carousel__align-items--bottom">
	<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-1296">
		<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-1297'>
	<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-1298'>
	<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-1299'
	>
	drag</p>			</div>
		</div>
	</div>
	</div>		
<div class="block-carousel-item" data-id="es-1276">
	
<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-1274"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1275">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/2-min-1400x1050.webp				media='(max-width: 699px)'
				type=image/webp								height="1050"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/2-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1077"
															width="1436"
										loading="lazy"
					 />
					</picture>

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

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1278">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/3-min-1400x1050.webp				media='(max-width: 699px)'
				type=image/webp								height="1050"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/3-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1077"
															width="1436"
										loading="lazy"
					 />
					</picture>

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

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1281">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/4-1440x1080-min-1400x1050.webp				media='(max-width: 699px)'
				type=image/webp								height="1050"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/4-1440x1080-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1080"
															width="1440"
										loading="lazy"
					 />
					</picture>

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

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1284">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/7-1440x1080-min-1400x1050.webp				media='(max-width: 699px)'
				type=image/webp								height="1050"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/7-1440x1080-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1080"
															width="1440"
										loading="lazy"
					 />
					</picture>

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

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1287">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/8-1440x1080-min-1400x1050.webp				media='(max-width: 699px)'
				type=image/webp								height="1050"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/8-1440x1080-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1080"
															width="1440"
										loading="lazy"
					 />
					</picture>

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

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1290">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/9-1440x1080-min-1400x1050.webp				media='(max-width: 699px)'
				type=image/webp								height="1050"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/9-1440x1080-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1080"
															width="1440"
										loading="lazy"
					 />
					</picture>

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

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1293">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/02/10-1440x1080-min-1400x1050.webp				media='(max-width: 699px)'
				type=image/webp								height="1050"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2025/02/10-1440x1080-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1080"
															width="1440"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-1303"
	 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-1301"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-1302">
		<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/2025/01/Skytrak_HP_CS-720.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1312"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1311">
	
<div class="block-column" data-id="es-1310">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1306"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1304">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-1305'
	>
	Results: an award-winning experience that golfers love</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1309"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1307">
	<p	class='typography typography--size-18-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1308'
	>
	Upon launch, the SkyTrak launch monitor was met with a lot of positive buzz. It’s the first launch monitor of its kind, being much more compact than its competitors and available at a fraction of the price.<br><br>Not only has it been featured in ESPN’s Holiday Gift Guide and various trade publications, touted as both accurate and affordable, it has been endorsed by renowned golf experts such as Hank Haney and Joe Hallett. It has been such a success that SkyTrak is rapidly adding new features and has already expanded the experience onto different platforms with both PC and Android offerings. Our friends at SkyTrak are super excited about it and so are we.<br><br>We’ve helped to create a product that enhances the golf experience and, in partnership with SkyTrak, we’ve helped golfers everywhere improve their game.<br><br>SkyTrak has since partnered with 6 of the top golf simulation software companies so users can play simulated golf at home using SkyTrak. <strong>To date, SkyTrak has uploaded over 45 million shots to the cloud!</strong></p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1318"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1317">
	
<div class="block-column" data-id="es-1316">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1315"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1313">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1314'
	>
	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/skytrak/">Skytrak – Award-Winning Experience Golfers Love</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19253807https://infinum.com/uploads/2025/06/Loop-thumbnail.webp</url>
				</image>
				<title>Loop Community</title>
				<link>https://infinum.com/work/loop-audio-tools-empowering-musicians/</link>
				<pubDate>Wed, 08 May 2024 13:48:36 +0000</pubDate>
				<dc:creator>Zrinka Lepan</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19253807</guid>
				<description>
					<![CDATA[<p>We built a solution for music production and performance tailored to the unique needs of worship leaders.</p>
<p>The post <a href="https://infinum.com/work/loop-audio-tools-empowering-musicians/">Loop Community</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-1321"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-1319">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-1320'
	>
	Empowering musicians with an intuitive audio tool </h1></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1324"
	 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-1322"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1323">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Loop-hero-img-mobile-3-min.webp				media='(max-width: 699px)'
				type=image/webp								height="720"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Loop-hero-img-desktop-3-min-2400x1162.webp				media='(max-width: 1199px)'
				type=image/webp								height="1162"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2024/05/Loop-hero-img-desktop-3-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1240"
															width="2561"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1337"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1331">
		<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-1332"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1333">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1334'
	>
	LOOP COMMUNITY</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-1335'
	>
	<br>We built a solution for music production and performance tailored to the unique needs of worship leaders.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-1336'
	 id='es-1332-paragraph'>
	<br><br>SERVICES<br><br><strong>UX DESIGN<br>UI DESIGN<br>USER TESTING<br>PROTOTYPING<br>MOBILE DEVELOPMENT<br>WEB DEVELOPMENT<br>BACKEND 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-1330"
	 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-1325"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1326">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1327'
	>
	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-1328'
	>
	<br>Technology that takes worship to the next level</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1329'
	 id='es-1325-paragraph'>
	Loop Community is committed to creating software and hardware products designed for worship leaders. The goal is to empower musicians with technology that enhances the worship experience while keeping it simple for them to focus on what truly matters.<br><br>Recognizing the limitations of their current tech setup and with ambitions for growth, the client approached us in 2017 to rebuild their web app and Prime MultiTrack App from scratch.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1340"
	 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-1338"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1339">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Loop-hero-img-mobile-4.1.webp				media='(max-width: 699px)'
				type=image/webp								height="217"
												width="335"
				 />
												<img
					src="https://infinum.com/uploads/2024/05/Loop-hero-img-desktop-4.1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="904"
															width="1692"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-1343"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-1341">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-1342'
	>
	With a curated collection of multitracks created by thousands of artists and producers globally and shaped by community demand, the Loop Community platform has a proven track record.</p></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1360"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-1359">
	
<div class="block-grid-item" data-id="es-1348">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1347"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1344">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1345'
	>
	Available tracks</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1346'
	>
	25k+</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-1353">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1352"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1349">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1350'
	>
	Registered producers</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1351'
	>
	1,500</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-1358">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1357"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1354">
	<p	class='typography typography--size-20-text js-typography block-number-card__intro'
	data-id='es-1355'
	>
	Registered artists</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1356'
	>
	2,400</p></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1363"
	 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-1361"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-1362>
	
					<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/05/MacExpendAnimation-M-01.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/05/MacExpandAnimation-D-03.json
		data-loop=false
		data-trigger=scroll></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1366"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-1364">
	<p	class='typography typography--size-36-text js-typography block-paragraph__paragraph'
	data-id='es-1365'
	>
	We’ve transformed the client&#8217;s legacy Drupal website into a stable, robust, and scalable platform combining the power of React and Rails.</p></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1374"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1370">
		<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-1371"
	>

	
	
	<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-1372'
	>
	Wide selection<br>of multitracks</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1373'
	 id='es-1371-paragraph'>
	<br>Multitracks, song recordings split into individual instrument or vocal tracks, help worship leaders fill the gaps during live performances. Before downloading them, users can choose the type and format, as well as customize instruments within the track.</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-1369"
	 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-1367"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-1368>
	
											<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/05/Multitrack-D-Short-04.json
		data-loop=false
		data-trigger=scroll
		
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1382"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1378">
		<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-1379"
	>

	
	
	<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-1380'
	>
	A thriving marketplace<br>of contributors</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1381'
	 id='es-1379-paragraph'>
	<br>Loop is all about the community, offering worship leaders thousands of multitracks for their Sunday service or rehearsal, while also providing artists and songwriters a platform for selling their own tracks.</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-1377"
	 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-1375"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-1376>
	
											<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/05/Marketplace-D-Short-01.json
		data-loop=false
		data-trigger=scroll
		
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1390"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1386">
		<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-1387"
	>

	
	
	<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-1388'
	>
	One central place for musician’s needs</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1389'
	 id='es-1387-paragraph'>
	<br>We’ve created a seamless shopping experience for Loop Community users. Beyond tracks and loops, they can shop for branded merchandise, hardware, accessories, and training materials.</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-1385"
	 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-1383"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-1384>
	
											<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/05/Webshop-D-Short-01.json
		data-loop=false
		data-trigger=scroll
		
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1398"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1394">
		<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-1395"
	>

	
	
	<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-1396'
	>
	Loop Pro account unlocks extra features</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1397'
	 id='es-1395-paragraph'>
	<br>Loop Community users have three different subscription plans to choose from, each unlocking a set of advanced features.</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-1393"
	 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-1391"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-1392>
	
											<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/05/GoPro-D-Short-01.json
		data-loop=false
		data-trigger=scroll
		
		data-viewport-offset-factor=1
		data-timeline-offset-factor=1></div>
	</div></div></div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1401"
	 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-1399"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1400">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Live-Musician-Silhouette-mobile_02.webp				media='(max-width: 699px)'
				type=image/webp								height="366"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Live-Musician-Silhouette-min-2400x762.webp				media='(max-width: 1199px)'
				type=image/webp								height="762"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2024/05/Live-Musician-Silhouette-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="914"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-1404"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-1402">
	<h2	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-1403'
	>
	<span style="color: #bcf6eb">Seamlessly synced with the Prime MultiTrack App</span></h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1407"
	 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-1405"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-1406>
	
					<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/05/3xipad-M-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/2024/05/3xiPad-D-02.json
		data-loop=false
		data-trigger=scroll></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1410"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-1408">
	<p	class='typography typography--size-36-text-medium js-typography block-paragraph__paragraph'
	data-id='es-1409'
	>
	Created for beginners and pros alike, Prime MultiTrack App transforms any device into a virtual band experience and elevates live performance with uncomplicated features.</p></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1416"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1415">
	
<div class="block-column" data-id="es-1414">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1413"
	 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-1411"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1412">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Loop-LoopCommunity-APP-visual-Mobile-06.webp				media='(max-width: 699px)'
				type=image/webp								height="634"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2024/05/LoopCommunity-APP-visual-005-2400x1457.webp				media='(max-width: 1199px)'
				type=image/webp								height="1457"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2024/05/LoopCommunity-APP-visual-005.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1481"
															width="2440"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1460"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1459">
	
<div class="block-column" data-id="es-1423">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1422"
	 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-1417"
	>

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

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-1419">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2024/05/Loop-Community-Icon-Feature-07.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-1420'
	>
	One device, the entire band</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-1421'
	 id='es-1417-paragraph'>
	Can a guitar and a piano sound like a fully-equipped band? With a digital arsenal of instruments, they sure can. Changing the volume of any instrument is as simple as a tap of a button.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-1430">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1429"
	 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-1424"
	>

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

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-1426">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2024/05/Loop-Community-Icon-Feature-02.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-1427'
	>
	Custom song arrangements</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-1428'
	 id='es-1424-paragraph'>
	In just a few clicks, musicians can easily change the key or tempo of a track, select transitions between tracks, and repeat or jump sections of the multitrack.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-1437">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1436"
	 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-1431"
	>

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

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-1433">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2024/05/Loop-Community-Icon-Feature-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-1434'
	>
	Keeping everyone <br />
in the loop</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-1435'
	 id='es-1431-paragraph'>
	Prime users can create set lists with custom song arrangements and share them with their band members. All the changes are automatically updated across devices.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-1444">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1443"
	 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-1438"
	>

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

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-1440">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2024/05/Loop-Community-Icon-Feature-01.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-1441'
	>
	Plug &amp; play any MIDI device</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-1442'
	 id='es-1438-paragraph'>
	Musicians can easily connect Prime with any MIDI-enabled device, such as the Looptimus Foot Controller or an audio interface like the Track Rig, to upgrade their live performance.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-1451">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1450"
	 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-1445"
	>

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

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-1447">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2024/05/Loop-Community-Icon-Feature-05.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-1448'
	>
	The whole band on the same page</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-1449'
	 id='es-1445-paragraph'>
	Through the integration of Prime and the Charts by WorshipTools app, chord charts are synced with music in real-time, making it easy for everyone in the band to keep up.</p>	</div>
</div>	</div>
</div>

<div class="block-column" data-id="es-1458">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1457"
	 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-1452"
	>

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

	<figure class="image card-simple__image-figure image--overflow image--size-one-48-icon" data-id="es-1454">
	<picture class="image__picture card-simple__image-picture">
												<img
					src="https://infinum.com/uploads/2024/05/Loop-Community-Icon-Feature-06.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-1455'
	>
	Automating lights <br />
and lyrics</h2>		</div>

		<p	class='typography typography--size-18-text-roman js-typography card-simple__paragraph'
	data-id='es-1456'
	 id='es-1452-paragraph'>
	Prime App creates an immersive worship experience, offering full control over light effects and lyrics display that sync seamlessly to the beat of a multitrack via the MIDI protocol.</p>	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1468"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-1467">
	
<div class="block-grid-item" data-id="es-1463">
	
<div class="block-paragraph" data-id="es-1461">
	<p	class='typography typography--size-36-text-medium js-typography block-paragraph__paragraph'
	data-id='es-1462'
	>
	Songs purchased on Loop Community web are instantly available for playback and customization in the Prime MultiTrack App.</p></div>
</div>

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

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-1465>
	
											<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/05/AlbumCover-D-Short-02.json
		data-loop=false
		data-trigger=scroll
		data-element-offset-factor=0.5></div>
	</div></div></div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1471"
	 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-1469"
	 data-media-type='lottie'>

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-1470>
	
											<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/05/AlbumCover-D-Short-02.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"
	data-id="es-1474"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-1472">
	<p	class='typography typography--size-36-text-medium js-typography block-paragraph__paragraph'
	data-id='es-1473'
	>
	Songs purchased on Loop Community web are instantly available for playback and customization in the Prime MultiTrack App.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1477"
	 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-1475"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1476">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Loop-hero-img-mobile-5-min.webp				media='(max-width: 699px)'
				type=image/webp								height="720"
												width="750"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Loop-hero-img-desktop-5-min-2400x1185.webp				media='(max-width: 1199px)'
				type=image/webp								height="1185"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2024/05/Loop-hero-img-desktop-5-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1422"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1483"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1482">
	
<div class="block-column" data-id="es-1481">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1480"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1478">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-1479'
	>
	Built for <br>iPhone, iPad, &amp; Mac</h2></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1486"
	 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-1484"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1485">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2024/05/Loop-hero-img-mobile-777.webp"
					class="image__img block-media__image-img"
					alt=""
										height="478"
															width="750"
										loading="lazy"
					 />
					</picture>

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

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1488">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Frame-482190-min-1400x782.webp				media='(max-width: 699px)'
				type=image/webp								height="782"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2024/05/Frame-482190-min-2400x1340.webp				media='(max-width: 1199px)'
				type=image/webp								height="1340"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2024/05/Frame-482190-min.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1608"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div class="block-grid-item" data-id="es-1493">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1492"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1490">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-1491'
	>
	Built for <br>Mac, iPad, and iPhone</h2></div>	</div>
</div>
</div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1509"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1508">
	
<div class="block-column" data-id="es-1500">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1499"
	 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-1496"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1497">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1498'
	>
	SEVEN YEARS OF COOPERATION</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-1507">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1503"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-heading" data-id="es-1501">
	<h2	class='typography typography--size-52-default js-typography block-heading__heading'
	data-id='es-1502'
	>
	A partnership that’s on the right track</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1506"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-1504">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-1505'
	>
	As the Loop Community and Infinum continue their long-term partnership, new features are implemented to meet evolving user needs.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1520"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1519">
	
<div class="block-column" data-id="es-1518">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1517"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1516">
	
<div class="block-column" data-id="es-1515">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1514"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-1510">
	
	<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-1511'>
	<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-1512'
	>
	I&#8217;ve met with several vendors, but none of them compare to Infinum. Their expertise, flexibility, and scalability are unmatched. There hasn’t been a single challenge that they couldn’t solve in a creative and strategic way.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-1513'
	>
	<strong>MATT MCCOY</strong><br />
FOUNDER, LOOP COMMUNITY`</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/loop-audio-tools-empowering-musicians/">Loop Community</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>