<?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>Retail | Infinum</title>
		<atom:link href="https://infinum.com/work/industries/retail/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>19276716https://infinum.com/uploads/2026/03/img-eon-thumbnail.webp</url>
				</image>
				<title>E.ON Hrvatska</title>
				<link>https://infinum.com/work/e-on-hrvatska-energy-app/</link>
				<pubDate>Thu, 12 Mar 2026 13:59:59 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19276716</guid>
				<description>
					<![CDATA[<p>The post <a href="https://infinum.com/work/e-on-hrvatska-energy-app/">E.ON Hrvatska</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'
	>
	AI-powered mobile app leads the shift toward smarter energy management</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/2026/03/img-eon-hero-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="2000"
												width="2560"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-eon-hero-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-eon-hero.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1280"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

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

	
	<div class="intro-label card-simple__intro-label" data-id="es-110">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-111'
	>
	E.ON HRVATSKA</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-112'
	>
	<br>We built an AI-powered mobile platform for energy management, positioning E.ON Hrvatska as an innovative, sustainable, and customer-focused leader.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-113'
	 id='es-109-paragraph'>
	<br><br>SERVICES<br><br><strong>PRODUCT STRATEGY</strong><br><strong>MOBILE DEVELOPMENT<br>WEB DEVELOPMENT<br>BACKEND DEVELOPMENT<br>DATA &amp; AI<br>UX/UI DESIGN<br>USER TESTING<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-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>An energy management app that lost its spark</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-102'
	 id='es-98-paragraph'>
	E.ON Hrvatska is the Croatian branch of one of Europe’s largest energy providers, supplying electricity and gas nationwide while supporting the green transition through solar solutions and EV charging. <br><br>As a young, fast-growing market player, they wanted their digital presence to reflect their commitment to innovation and customer care. But their mobile app told a different story.<br><br>Low app store ratings and a steady stream of customer support calls made one thing clear: the outdated experience didn’t match the energy of an ambitious, modern brand.</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'
	>
	Powering growth, reducing customer service load</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-106'
	 id='es-104-paragraph'>
	In 2025, E.ON Hrvatska partnered with Infinum to rebuild their mobile experience from scratch. The result is a modern platform that simplifies energy management for customers, enabling them to track gas and electricity consumption, submit meter readings, and manage their bills within a single, intuitive interface.<br><br>With a seamless user experience and self-service capabilities, the new app reduces pressure on E.ON’s customer support centre and solidifies their role as an innovative, sustainable, and customer-focused energy leader.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

<div
	class="wrapper"
	data-id="es-119"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-117">
	<h3	class='typography typography--size-36-text-medium js-typography block-typography__typography'
	data-id='es-118'
	>
	 Bringing electricity and gas services together in one platform and introducing AI-powered meter reading, the app became the first solution of its kind on the Croatian market and raised the standard for utility apps.</h3></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-121">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-AI-meter-reading-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="2340"
												width="2820"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-AI-meter-reading-2400x1404.webp				media='(max-width: 1199px)'
				type=image/webp								height="1404"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-AI-meter-reading.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1498"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-135"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-134">
	
<div class="block-column" data-id="es-126">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-125"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-123">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-124'
	>
	RESULTS IN THE SPOTLIGHT</p></div>	</div>
</div>

<div class="block-column" data-id="es-133">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-129"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-127">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-128'
	>
	A measurable surge in performance</h2></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-132"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-130">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-131'
	>
	Shortly upon launch, App Store ratings more than doubled, a clear signal that customers were finally getting the experience they had been waiting for. The app is now onboarding around 60 new users daily, most of them entirely new customers.<br><br>Beyond perception, customer behavior shifted as well. All new app users have opted for e-billing, directly supporting E.ON Hrvatska’s sustainability agenda.</p></div>	</div>
</div>
</div>	</div>

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

</div>

<div class="block-column" data-id="es-141">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-140"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-137">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-138'
	>
	Users activated e-bill</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-139'
	>
	100%</p></div>	</div>
</div>

<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="block-number-card" data-id="es-142">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-143'
	>
	App users are new customers</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-144'
	>
	70%</p></div>	</div>
</div>

<div class="block-column" data-id="es-151">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-150"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-147">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-148'
	>
	Daily new users</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-149'
	>
	60</p></div>	</div>
</div>
</div>	</div>

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

	<div class="video__wrapper" data-id="es-155">
			
					<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/2026/04/EON-motion-web-poster.mp4" type="" />
			</video>
				<video
		class="video block-media__video js-video js-block-media-video video--cursor-takeover-use"
		 loop controls 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/2026/04/EON-motion-web.mp4' type='video/mp4' />	</video>
	<div class="cursor-takeover block-media__cursor-takeover video__cursor-takeover" data-id="es-156">
		<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-157'>
	<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-158'>
	<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">
				<p	class='typography typography--size-12-text typography--uppercase js-typography cursor-takeover__label video__cursor-takeover'
	data-id='es-159'
	>
	PLAY</p>			</div>
		</div>
	</div>
	</div></div></div></div>		</div>
	</div>

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

<div
	class="wrapper"
	data-id="es-165"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-163">
	<h2	class='typography typography--size-52-default js-typography block-typography__typography'
	data-id='es-164'
	>
	Aligning on vision, priorities, and feasibility</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-168"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-166">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-167'
	>
	Before diving into design and code, we organized product and technical discovery workshops to align the product vision with business goals, user needs, and technical capabilities.</p></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-184"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-183">
	
<div class="block-column" data-id="es-175">
	
<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">
	<h4	class='typography typography--size-24-text js-typography block-typography__typography'
	data-id='es-170'
	>
	Product discovery</h4></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-174"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-172">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-173'
	>
	Together with E.ON, we analyzed competitors across European markets, defined key customer segments, and identified the features that would deliver the most value for users while supporting business goals.</p></div>	</div>
</div>

<div class="block-column" data-id="es-182">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-178"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-176">
	<h4	class='typography typography--size-24-text js-typography block-typography__typography'
	data-id='es-177'
	>
	Technical discovery</h4></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-181"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-179">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-180'
	>
	During technical discovery, we designed the system architecture and mapped integrations with E.ON’s internal systems to ensure the platform was scalable, reliable, and ready to support future growth.</p></div>	</div>
</div>
</div>	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-186">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-product-discovery-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="900"
												width="2104"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-product-discovery-desktop-2400x853.webp				media='(max-width: 1199px)'
				type=image/webp								height="853"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-product-discovery-desktop.webp"
					class="image__img block-media__image-img"
					alt=""
										height="900"
															width="2532"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-198"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-197">
	
<div class="block-column" data-id="es-191">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-190"
	 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-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">
												<img
					src="https://infinum.com/uploads/2026/03/img-paula-dujmovic-kordic.webp"
					class="image__img block-media__image-img"
					alt=""
										height="540"
															width="540"
										loading="lazy"
					 />
					</picture>

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

<div class="block-column" data-id="es-196">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-195"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-192">
	
	<div class="blockquote__content">
		<p	class='typography typography--size-24-text-medium js-typography blockquote__quote'
	data-id='es-193'
	>
	&#8220;From day one, the Infinum team was exceptionally well prepared. They understood our expectations, had researched other suppliers, and were fully aware of developments on the European market. I was genuinely impressed; they sometimes knew more than I did at the start of the project. The communication with the entire team was excellent. Whenever we had a question, we received a clear and simple answer. I’m not an IT person and don’t understand many technical details, but everything was always explained in a way that was easy to grasp.&#8221;</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-194'
	>
	<strong>PAULA DUJMOVIC KORDIC</strong><br>CALL CENTRE AND SUPPORT GROUP LEAD,<br>E.ON HRVATSKA</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-210"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-209">
	
<div class="block-column" data-id="es-204">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-203"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-201">
	<h3	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-202'
	>
	From 0 to MVP in 5 months</h3></div>	</div>
</div>

<div class="block-column" data-id="es-208">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-207"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-205">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-206'
	>
	The client’s deep understanding of their customers, combined with our expertise in building digital products, resulted in a highly efficient, collaborative environment. Working in agile iterations and aligned around clear priorities, the team delivered a high-impact MVP within a tight timeline.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-213"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-211">
	<h2	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-212'
	>
	Customer support<br>agent on call</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-216"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-214">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-215'
	>
	Guided by insights from E.ON’s customer support team, we designed the app around the most common reasons customers reach out, from checking bill status to submitting meter readings. The result is a digital extension of customer support that replaces routine calls with instant, 24/7 access to essential information.</p></div>		</div>
	</div>

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

	<div
	class="lottie js-lottie block-media__lottie js-block-media-lottie"
	data-id=es-218>
	
					<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/2026/03/eon-screen-splash.json
		
		
		
		data-viewport-offset-factor=0.73></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/2026/03/eon-screen-splash-desktop.json
		data-loop=false
		data-trigger=scroll
		
		data-viewport-offset-factor=0.78
		data-timeline-offset-factor=0.25></div>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-222"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-220">
	<p	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-221'
	>
	A refreshed visual identity and interactive visualizations bring the E.ON brand to life while keeping usability front and center.</p></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-232"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-231">
	
<div class="block-column" data-id="es-226">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-225"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-223">
	<h3	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-224'
	>
	Inclusive by design</h3></div>	</div>
</div>

<div class="block-column" data-id="es-230">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-229"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-227">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-228'
	>
	The app is designed to make energy management easy for everyone, from young, tech-savvy users to the elderly with limited digital experience. The interface is intuitive and free of clutter, reducing cognitive load and simplifying decision-making. Clear hierarchy, consistent navigation, and help screens ensure that users always know what to do next.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-245"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-244">
	
<div class="block-column" data-id="es-236">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-235"
	 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-233"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-234">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-accessibility-1400x933.webp				media='(max-width: 699px)'
				type=image/webp								height="933"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-accessibility.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1120"
															width="1680"
										loading="lazy"
					 />
					</picture>

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

<div class="block-column" data-id="es-243">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-239"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-237">
	<h4	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-238'
	>
	No user left behind</h4></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-242"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-240">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-241'
	>
	Built according to the latest international digital accessibility standards, the app features enhanced contrast, landscape mode, scalable fonts, full screen reader compatibility, properly spaced buttons, and clearly labeled interface elements to ensure usability for people with disabilities.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-258"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-257">
	
<div class="block-column" data-id="es-252">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-248"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-246">
	<h4	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-247'
	>
	Identify trends based on data</h4></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-251"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-249">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-250'
	>
	Users can monitor electricity and gas usage within a single app and compare monthly and yearly consumption to identify trends and manage costs more effectively.</p></div>	</div>
</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-254">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-trends-1400x933.webp				media='(max-width: 699px)'
				type=image/webp								height="933"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-trends.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1120"
															width="1680"
										loading="lazy"
					 />
					</picture>

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

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


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-261"
	 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-259"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-260">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2026/03/img-in-app-readings.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1020"
															width="1020"
										loading="lazy"
					 />
					</picture>

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

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


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-265"
	 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-263"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-264">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-digital-invoicing-3-1400x1400.webp				media='(max-width: 699px)'
				type=image/webp								height="1400"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-digital-invoicing-3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1462"
															width="1462"
										loading="lazy"
					 />
					</picture>

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

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


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-269"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-267">
	<p	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-268'
	>
	In-app meter readings</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-272"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-270">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-271'
	>
	No more unnecessary customer care calls. Meter readings can now be submitted directly through the app. With the option to add multiple meters, users can manage all their properties in a single place.</p></div>	</div>
</div>

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


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-276"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-274">
	<p	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-275'
	>
	Digital invoicing</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-279"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-277">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-278'
	>
	Invoices, payment status, and due dates are easy to track throughout the app. Downloadable invoices with barcodes enable fast and hassle-free online payments.</p></div>	</div>
</div>
</div>		</div>
	</div>

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


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-285"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-283">
	<p	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-284'
	>
	Encouraging eco-friendly habits</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-288"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-286">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-287'
	>
	The app supports E.ON’s sustainability goals by encouraging e-bill activation providing educational content about energy efficiency and sustainable household solutions.</p></div>	</div>
</div>

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


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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-291">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-eco-friendly-features-1400x962.webp				media='(max-width: 699px)'
				type=image/webp								height="962"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-eco-friendly-features.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1154"
															width="1680"
										loading="lazy"
					 />
					</picture>

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

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


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-296"
	 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-294"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-295">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2026/03/img-notification-system.webp"
					class="image__img block-media__image-img"
					alt=""
										height="800"
															width="800"
										loading="lazy"
					 />
					</picture>

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

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


<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-300"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-298">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-299'
	>
	Users can customize notification preferences and receive reminders when it’s time to submit meter readings, when a new bill is issued, or when a payment due date is approaching.</p></div>	</div>
</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-typography" data-id="es-304">
	<p	class='typography typography--size-14-text-medium js-typography block-typography__typography'
	data-id='es-305'
	>
	AI-POWERED CONVENIENCE</p></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-typography" data-id="es-307">
	<p	class='typography typography--size-36-text-medium js-typography block-typography__typography'
	data-id='es-308'
	>
	Instead of manually reading a gas or electricity meter, often located in a hard-to-reach place, users can simply take a photo. Large Language Model (LLM) extracts the reading and pre-fills the form for quick in-app submission.</p></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-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-310"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-311">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-meter-reading-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="1744"
												width="2378"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-meter-reading-2400x1481.webp				media='(max-width: 1199px)'
				type=image/webp								height="1481"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-meter-reading.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1580"
															width="2560"
										loading="lazy"
					 />
					</picture>

	</figure></div></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-16-text-roman js-typography block-typography__typography'
	data-id='es-314'
	>
	Using the same technology, users can scan their ID card and automatically update their personal information.</p></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-326"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-325">
	
<div class="block-column" data-id="es-319">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-318"
	 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-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">
												<img
					src="https://infinum.com/uploads/2026/03/img-paula-dujmovic-kordic.webp"
					class="image__img block-media__image-img"
					alt=""
										height="540"
															width="540"
										loading="lazy"
					 />
					</picture>

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

<div class="block-column" data-id="es-324">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-323"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-320">
	
	<div class="blockquote__content">
		<p	class='typography typography--size-24-text-medium js-typography blockquote__quote'
	data-id='es-321'
	>
	&#8220;Whenever we brought an idea to the table, even if we weren’t sure how to implement it, Infinum’s response was never ‘we can’t.’ It was always, ‘we’ll check,’ and within days, they came back with a solution. The AI meter reading feature is a perfect example of that proactive and innovative approach.&#8221;</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-322'
	>
	<strong>PAULA DUJMOVIC KORDIC</strong><br>CALL CENTRE AND SUPPORT GROUP LEAD,<br>E.ON HRVATSKA</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-339"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-338">
	
<div class="block-column" data-id="es-333">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-329"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-327">
	<h4	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-328'
	>
	Command center for the E.ON team</h4></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-332"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-330">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-331'
	>
	Alongside the mobile app, we developed a web portal that gives the E.ON team full oversight of app user activity and requests, as well as the ability to update in-app content independently.</p></div>	</div>
</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-335">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2026/03/img-eon-admin-1400x938.webp				media='(max-width: 699px)'
				type=image/webp								height="938"
												width="1400"
				 />
												<img
					src="https://infinum.com/uploads/2026/03/img-eon-admin.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1124"
															width="1678"
										loading="lazy"
					 />
					</picture>

	</figure></div></div>	</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-363"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-362">
	
<div class="block-column" data-id="es-348">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-344"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-342">
	<h4	class='typography typography--size-24-text-medium js-typography block-typography__typography'
	data-id='es-343'
	>
	Single codebase for any OS</h4></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-347"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-345">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-346'
	>
	Built with Flutter, the app runs on a single codebase for both iOS and Android. Choosing this cross-development framework sped up development and enabled us to deliver a pixel-perfect interface with smooth animations across platforms.</p></div>	</div>
</div>

<div class="block-column" data-id="es-361">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-351"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-349">
	<p	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-350'
	>
	Protecting E.ON<br />
systems from unnecessary load</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-354"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-352">
	<p	class='typography typography--size-18-text-roman js-typography block-typography__typography'
	data-id='es-353'
	>
	What feels simple to users is powered by serious engineering behind the scenes. Instead of connecting the mobile app directly to E.ON’s internal systems, we built a backend layer with .NET, using the backend-for-frontend (BFF) architecture pattern.<br><br>Acting as a secure intermediary, this layer ensures the app retrieves only relevant data while protecting E.ON’s systems from unnecessary load. The result is a fast, secure, and scalable platform built to grow with the business.</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-357"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-355">
	<p	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-356'
	>
	The future looks bright</p></div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-360"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-358">
	<p	class='typography typography--size-18-text-roman js-typography block-typography__typography'
	data-id='es-359'
	>
	The collaboration between Infinum and E.ON continues with an ambitious roadmap ahead. The next phase will transform the app from a self-service tool into a full sales and engagement platform. <br><br>Customers will soon be able to message E.ON and pay bills directly in the app, receive estimated bill calculations, request refunds, and switch suppliers in just a few clicks using AI-powered contract scanning. Future releases will also expand access to smaller B2B customers and introduce real-time solar project tracking.</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-365"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<hr
	class="block-divider"
	data-id="es-364"
	aria-hidden="true" />		</div>
	</div><p>The post <a href="https://infinum.com/work/e-on-hrvatska-energy-app/">E.ON Hrvatska</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270787https://infinum.com/uploads/2025/10/blush-jewels-thumbnail.webp</url>
				</image>
				<title>Blush Jewels</title>
				<link>https://infinum.com/work/blush-jewels/</link>
				<pubDate>Fri, 10 Oct 2025 10:10:02 +0000</pubDate>
				<dc:creator>Aljoša Lijić</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270787</guid>
				<description>
					<![CDATA[<p>Distilling the essence of the brand ahead of international expansion</p>
<p>The post <a href="https://infinum.com/work/blush-jewels/">Blush Jewels</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-368"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-366">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-367'
	>
	Brand positioning ahead of international expansion</h1></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-370">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewels-mobile-hero.webp				media='(max-width: 699px)'
				type=image/webp								height="1620"
												width="1620"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewels-hero-image-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-blush-jewels-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-392"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-386">
		<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-387"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-388">
	<p	class='typography typography--size-14-text-roman typography--uppercase js-typography intro-label__intro-label'
	data-id='es-389'
	>
	blush jewels</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-390'
	>
	The brand transformation and go-to-market strategy that empowered Blush Jewels to take on the German market.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-391'
	 id='es-387-paragraph'>
	<br><br>SERVICES<br><br><strong>BRAND EXPRESSION<br>BRAND STRATEGY<br>VISUAL CONCEPT<br>GO-TO-MARKET STRATEGY</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-377"
	 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-372"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-376'
	 id='es-372-paragraph'>
	Blush Jewels, an Amsterdam-founded gold jewelry brand, sought our expertise to lead its brand transformation and go-to-market strategy to take on the German market.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-380'
	 id='es-378-paragraph'>
	To inform this brand positioning, we conducted in-depth interviews and garnered insights into women’s perceptions of jewelry and their shopping behaviors.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-384'
	 id='es-382-paragraph'>
	We distilled the essence of the company and brought it to life in one clear statement: &#8220;Real gold for every feeling.&#8221;</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-394">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewels-1-mobile.webp				media='(max-width: 699px)'
				type=image/webp								height="2544"
												width="1125"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewles-1-2400x1351.webp				media='(max-width: 1199px)'
				type=image/webp								height="1351"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-blush-jewles-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1441"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

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

	
	
	<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-397'
	 id='es-396-paragraph'>
	Blush Jewels is a gold jewelry brand founded in Amsterdam, sold by more than 300 jewelers in Europe.<br><br>We were selected to lead the transformation of the 8-year-old brand, beginning with its brand strategy and a go-to-market approach for the German market. </p>	</div>
</div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-400">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewles-2-1400x789.webp				media='(max-width: 699px)'
				type=image/webp								height="789"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewles-2-2400x1352.webp				media='(max-width: 1199px)'
				type=image/webp								height="1352"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-blush-jewles-2.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1442"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

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

	
	
	<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-403'
	>
	Empowering women to wear their Blush</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-404'
	 id='es-402-paragraph'>
	Via in-depth interviews with potential customers, we discovered a consumer need for story-driven products that are both stylistically and financially accessible.<br><br>With this insight, we anchored Blush to its design accessibility and the strength of embracing vulnerability.</p>	</div>
</div>		</div>
	</div>

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

	
	
	<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-407'
	>
	Crafting the right positioning statement</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-408'
	 id='es-406-paragraph'>
	To define the expansion plan into the German market, we launched a market-specific survey to better understand consumers’ perceptions of jewelry and shopping behaviors.<br> <br>Upon analyzing the responses, we identified two customer groups and six communication barriers the brand needs to overcome. These barriers became the foundation of the go-to-market communication plan and inspired Blush’s new market positioning: &#8220;Real gold for every feeling<em>.</em>&#8220;</p>	</div>
</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-blush-jewles-3-1400x789.webp				media='(max-width: 699px)'
				type=image/webp								height="789"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewles-3-2400x1352.webp				media='(max-width: 1199px)'
				type=image/webp								height="1352"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-blush-jewles-3.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1442"
															width="2560"
										loading="lazy"
					 />
					</picture>

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

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-414">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/10/img-Chagai-Goldstof.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-422">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-421"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-417">
	
	<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-418'>
	<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-419'
	>
	We could finally understand our customers’ thoughts. The essence of our company was captured and brought to life by focusing on what truly drives people to purchase jewelry—resulting in a tight collaboration that shaped our new strategy.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman typography--uppercase js-typography blockquote__caption'
	data-id='es-420'
	>
	<strong>Chagai Goldstof</strong><br>CEO, Blush Jewels</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-426">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewles-4-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewles-4-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-blush-jewles-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-430"
	 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-428"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-429">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewles-5-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-blush-jewles-5-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-blush-jewles-5.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-432"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<hr
	class="block-divider"
	data-id="es-431"
	aria-hidden="true" />		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-442"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-441">
	
<div class="block-column" data-id="es-436">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-435"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-433"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-434">
	<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-440">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-439"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-437">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-438'
	>
	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/blush-jewels" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/blush-jewels/">Blush Jewels</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270785https://infinum.com/uploads/2025/10/sothebys-thumbnail.webp</url>
				</image>
				<title>Sotheby&#8217;s</title>
				<link>https://infinum.com/work/sothebys/</link>
				<pubDate>Fri, 10 Oct 2025 09:35:12 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270785</guid>
				<description>
					<![CDATA[<p>From physical catalog to immersive digital storytelling</p>
<p>The post <a href="https://infinum.com/work/sothebys/">Sotheby&#8217;s</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-445"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-443">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-444'
	>
	From a physical art catalog to immersive digital storytelling</h1></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-447">
		<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/sotheby-hero-desktop.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

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

	
	<div class="intro-label card-simple__intro-label" data-id="es-465">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-466'
	>
	SOTHEBY&#8217;S</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-467'
	>
	An e-commerce website replicating Sotheby&#8217;s iconic physical art catalog of fine and decorative art, jewellery, and collectibles, online.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-468'
	 id='es-464-paragraph'>
	<br><br>SERVICES<br><br><strong>RESEARCH <br>DIGITAL STRATEGY <br>DESIGN <br>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-454"
	 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-449"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-453'
	 id='es-449-paragraph'>
	Sotheby&#8217;s took its auctions online as part of its ongoing digital transformation. They built an e-commerce website to handle the bidding and sales process and asked us to replicate their iconic collections catalog online to complement this.</p>	</div>
</div>	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-458"
	 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="card-simple__content">
		<div class="card-simple__heading-wrap">
			<h2	class='typography typography--size-36-text js-typography card-simple__heading'
	data-id='es-456'
	>
	Solution</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-457'
	 id='es-455-paragraph'>
	‘A gallery of stories’ offers visitors a premium, digital catalog, an immersive story about each &#8216;lot&#8217;, bringing a feeling of tangibility that is otherwise lost whilst not being in the presence of its physical alternative.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-461'
	 id='es-459-paragraph'>
	Our impact has been strong, with 50% of the team adopting the new catalog and a 10% increase in clientele and stakeholder engagement.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-471">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-sotheby-1-1400x739.webp				media='(max-width: 699px)'
				type=image/webp								height="739"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-sotheby-1-2400x1267.webp				media='(max-width: 1199px)'
				type=image/webp								height="1267"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-sotheby-1.webp"
					class="image__img block-media__image-img"
					alt=""
										height="1520"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper"
	data-id="es-475"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-473">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-474'
	>
	Established in 1744, Sotheby’s is one of the largest brokers of fine and decorative art, jewellery, and collectables. In its time, Sotheby’s has facilitated the sale of Marie Antoinette’s jewels, Biggie’s crown, and Monet’s nymphéas.<br><br>To support the sale of every anticipated auction, Sotheby&#8217;s produces an auction catalog. The catalog is a treasured collectible in and of itself: usually found alongside art books on coffee tables. Its margins are full of thoughtful notes, and corners are folded down to refer back to time and time again.<br><br>After hundreds of years of in-person auction experiences, the pandemic brought all of that to a halt – meaning auctions had to progress online. Selling the pieces virtually was straightforward; however, replicating the rich, immersive format of their auction catalog was more challenging.<br><br>We were invited to design and build a premium, digital version of this catalog, putting art and its stories at the forefront of the concept through an immersive experience.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-478"
	 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 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/sotheby-video-1.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-481"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-479">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-480'
	>
	Thinking digital, not catalog first</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-484"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-482">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-483'
	>
	To better understand the catalog and the business it serves, we spoke to general managers, marketers, and curators at Sotheby&#8217;s. Through user testing, we learned more about the benefits and drawbacks of the current digital catalog design.<br><br>We identified two key challenges to address during the project. First, the number of lots in a collection varies from as few as five to as many as five hundred. The design and digital experience had to be built to accommodate as many or as few lots within each chapter.<br><br>Second, the catalog experience had to be built within a specific set of technical requirements. As the digital auction process was running on a traditional e-commerce platform, the lots and immersive catalogue needed to be linked so that users could bid and purchase their pieces.</p></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-486">
		<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/sotheby-video-2.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-490"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-488">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-489'
	>
	The guiding principles</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-493"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-491">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-492'
	>
	We paired our research with competitor analysis and a content inventory to develop five design principles. We used these principles to build a digital-first catalog, rather than attempting to recreate a digital version of the physical catalog.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-496"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="lists" data-id="es-494">
	<ul	class='typography typography--size-20-text-roman js-typography lists__typography'
	data-id='es-495'
	>
	<li>Property Informed Design – Helping distinguish between catalogs and each chapter, we used the auction or lot subject matter to dictate the surrounding content and style. </li><li>Shortening the Digital Gap – Elevating the experience through tangibility and a sense of physicality to the digital catalog’s design. </li><li>Layering Information – Grouping content and disclosing it progressively to make long reads digestible for users and to create an experience that deepens, not disrupts. </li><li>Giving Users Control – Enabling users to play an active, not passive, role in their browsing experience, enabling them to scan or dive deep as needed. </li><li>Flexing Sotheby’s Expertise – Surfacing Sotheby’s knowledge and expertise earlier in the user journey to add value and drive credibility.</li></ul></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-498">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-sotheby-2-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-sotheby-2-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-sotheby-2.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-502"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-500">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-501'
	>
	A gallery of stories</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-505"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-503">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-504'
	>
	From our own research and resulting design principles, we created the concept ‘A Gallery of Stories’. An experience that mimicked a stroll through a gallery, with each scroll offering a window into a theme and its related lots.<br><br>Playing with the horizontal and vertical scroll, the ambition was to enable the user to step in and out of each window, with the option to dive deeper or step back.</p></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-507">
		<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/sotheby-video-3.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-510">
		<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/sotheby-video-4.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-527"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-526">
	
<div class="block-column" data-id="es-515">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-514"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-512">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-513'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-column" data-id="es-520">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-519"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-516">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-517'
	>
	Internal team adopting the new catalog</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-518'
	>
	50%</p></div>	</div>
</div>

<div class="block-column" data-id="es-525">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-524"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-521">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-522'
	>
	Increase in online engagement by clientele and key stakeholders</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-523'
	>
	10%</p></div>	</div>
</div>
</div>	</div>

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

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

	<figure class="image block-media__image-figure image--size-auto" data-id="es-531">
	<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-537">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-536"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-534">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-535'
	>
	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/sothebys" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/sothebys/">Sotheby&#8217;s</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270783https://infinum.com/uploads/2025/10/Rottefella-thumbnail.webp</url>
				</image>
				<title>Rottefella</title>
				<link>https://infinum.com/work/rottefella/</link>
				<pubDate>Fri, 10 Oct 2025 09:16:42 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270783</guid>
				<description>
					<![CDATA[<p>An immersive eCommerce site that drove a 2x traffic increase</p>
<p>The post <a href="https://infinum.com/work/rottefella/">Rottefella</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-542"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-540">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-541'
	>
	An immersive eCommerce site that drove 200% more user traffic</h1></div>		</div>
	</div>

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

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

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

	
	<div class="intro-label card-simple__intro-label" data-id="es-562">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-563'
	>
	ROTTEFELLA</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-564'
	>
	A seamless eCommerce experience across desktop and mobile drove 200% more user traffic for the skiing and activewear brand with a Norwegian heritage.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-565'
	 id='es-561-paragraph'>
	<br><br>SERVICES<br><br><strong>BRAND EXPRESSION </strong><br><strong>INSIGHTS &amp; STRATEGY </strong><br><strong>DESIGN </strong><br><strong>DEVELOPMENT </strong><br><strong>CONTENT </strong><br><strong>DELIVERY</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-551"
	 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-546"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-550'
	 id='es-546-paragraph'>
	Rottefella is a skiing and activewear brand with a Norwegian heritage. We were asked to showcase the many technical features of their new apparel collection while staying true to their outdoors legacy.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-554'
	 id='es-552-paragraph'>
	We designed and developed a scrolling narrative, mixing outdoor imagery and product photography. Garments were divided into sections, in which the user was invited to dive deeper to explore a range of features, including garment properties and finer design details.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-558'
	 id='es-556-paragraph'>
	A seamless eCommerce experience across desktop and mobile, resulting in a 200% traffic increase to the online store and introducing Rottefella’s activewear line to an international audience.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-568">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-1-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-1-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/rottefella-1.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-572"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-570">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-571'
	>
	Rottefella is a skiing and activewear brand of Norwegian heritage. For nearly a century, they have used their deep knowledge of the outdoors to develop technology for active gear.<br><br>The challenge was to showcase the many technical features of their new apparel collection while staying true to their outdoors legacy.</p></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-574">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-2-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-2-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/rottefella-2.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-578"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-576">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-577'
	>
	We developed a straightforward, scrolling narrative, mixing outdoor imagery and product photography. This highlights the many features, such as wicking, support, and possible combinations between the different garments.</p></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-580">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-3-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-3-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/rottefella-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-584"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-582">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-583'
	>
	Garments are divided into sections, and in each, the user is invited to dive deeper to explore a range of features, from garment properties to fine details in the designs.</p></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-586">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-4-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-4-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/rottefella-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-590"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-588">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-589'
	>
	Content creation</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-593"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-591">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-592'
	>
	The endless combination of garments and features demanded a thoroughly planned and well-executed shoot for both digital and print collateral. This resulted in a large library of imagery, ranging from full-body shots to textile and feature closeups.</p></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-595">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-5-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/rottefella-5-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/rottefella-5.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-612"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-611">
	
<div class="block-column" data-id="es-600">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-599"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-597">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-598'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-column" data-id="es-605">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-604"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-601">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-602'
	>
	Nominated for Awwwards &#8216;Site of The Year&#8217;</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-603'
	>
	SOTY</p></div>	</div>
</div>

<div class="block-column" data-id="es-610">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-609"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-606">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-607'
	>
	Traffic increase to the online store and introducing Rottefella’s active wear to an international audience</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-608'
	>
	200%</p></div>	</div>
</div>
</div>	</div>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-624"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-623">
	
<div class="block-column" data-id="es-618">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-617"
	 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-615"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-616">
	<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-622">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-621"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-619">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-620'
	>
	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/rottefella" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/rottefella/">Rottefella</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270745https://infinum.com/uploads/2025/10/Samsung-cl-thumbnail.webp</url>
				</image>
				<title>Samsung Connected Living</title>
				<link>https://infinum.com/work/samsung-connected-living/</link>
				<pubDate>Thu, 09 Oct 2025 15:46:21 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270745</guid>
				<description>
					<![CDATA[<p>Interactive installations fuelling strategic insights</p>
<p>The post <a href="https://infinum.com/work/samsung-connected-living/">Samsung Connected Living</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-627"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-625">
	<h1	class='typography typography--size-80-default js-typography block-heading__heading'
	data-id='es-626'
	>
	<br />
<strong>Interactive installations fueling strategic insights</strong></h1></div>		</div>
	</div>

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

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

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

	
	<div class="intro-label card-simple__intro-label" data-id="es-647">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-648'
	>
	SAMSUNG CONNECTED LIVING</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-649'
	>
	An in-store experience that uses a mix of product content and illustrated videos to guide retail customers.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-650'
	 id='es-646-paragraph'>
	<br><br>SERVICES<br><br><strong>STRATEGY<br>DESIGN<br>DEVELOPMENT<br>CONTENT</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-636"
	 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-631"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-635'
	 id='es-631-paragraph'>
	Despite rapid market growth, many consumers still find the idea of &#8220;smart homes&#8221; difficult to adopt. In an effort to educate consumers, Samsung invited us to create an interactive kiosk that could be tested as a communication platform in stores across the U.S.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-639'
	 id='es-637-paragraph'>
	An in-store experience that uses a mix of product content and illustrated videos to guide retail customers through three key acts, finally guiding the user to a sales representative.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-643'
	 id='es-641-paragraph'>
	The kiosks were installed in six retail locations and gathered engagement metrics to inform Samsung’s next steps in their communication strategy.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

	<div class="video__wrapper" data-id="es-653">
		<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/samsung-video1.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-657"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-655">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-656'
	>
	Together with their retail partners, Samsung continuously works to educate consumers on the benefits of connected products.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-660"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-658">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-659'
	>
	Testing new directions</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-663"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-661">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-662'
	>
	Despite the rapid growth in the smart home market, a large portion of consumers still find that &#8220;smart homes&#8221; is something difficult to get started with.<br><br>As part of a discovery project to validate different types of communication with consumers, we were invited to create an interactive kiosk to be tested in retail locations across the U.S.</p></div>		</div>
	</div>

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

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

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

<div
	class="wrapper"
	data-id="es-669"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-667">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-668'
	>
	The goal of the project was to link together four product categories: Home Entertainment, Home Appliances, Smart Home, and Mobile Computing, into one coherent and delightful experience.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-672"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-670">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-671'
	>
	Easy as 1..2..3..!</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-675"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-673">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-674'
	>
	The solution was a retail experience that uses a mix of product content and illustrated videos to guide retail customers in three key acts. <br><br>The kiosk features a 16&#8243; touchscreen with a connected 55&#8243; QLED 4K TV. The unit was designed to be both freestanding and placed as an endcap in an aisle.</p></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-677">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/samsung-panels-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/samsung-panels-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/samsung-panels.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-681"
	 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-679"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-680">
		<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/samsung-video2.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-684"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-682">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-683'
	>
	1. Attract</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-687"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-685">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-686'
	>
	By using eye-catching and bold statements, the fixture commands attention in a busy store environment</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-690"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-688">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-689'
	>
	2. Engage</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-693"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-691">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-692'
	>
	Derived from the Samsung brand guidelines, we created a family of illustrated characters that star in eight animated shorts. Each short tells a story about how connected products can ease everyday life.</p></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-695">
		<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/samsung-video3.mp4' type='video/mp4' />	</video>
	<div class="cursor-takeover block-media__cursor-takeover video__cursor-takeover" data-id="es-696">
		<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-697'>
	<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-698'>
	<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-699'>
	<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-703"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-heading" data-id="es-701">
	<h2	class='typography typography--size-36-text js-typography block-heading__heading'
	data-id='es-702'
	>
	3. Direct</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-706"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-704">
	<p	class='typography typography--size-20-text-roman js-typography block-paragraph__paragraph'
	data-id='es-705'
	>
	On the Android-based touch screen, consumers can select a product category to explore and trigger the corresponding animated shorts on the big screen. Upon video completion, the consumer is directed to continue exploring or to contact a sales representative for further guidance.</p></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-708">
		<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/samsung-video4.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-712"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-paragraph" data-id="es-710">
	<p	class='typography typography--size-16-text-roman js-typography block-paragraph__paragraph'
	data-id='es-711'
	>
	Collaborators: Steffie Padmos, David Schagerström, Tiffany Davenport, Studio Takt</p></div>		</div>
	</div>

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

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

	<figure class="image block-media__image-figure image--size-auto" data-id="es-716">
	<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-722">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-721"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-paragraph" data-id="es-719">
	<p	class='typography typography--size-14-text-roman js-typography block-paragraph__paragraph'
	data-id='es-720'
	>
	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/samsung-smartthings" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/samsung-connected-living/">Samsung Connected Living</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270737https://infinum.com/uploads/2025/10/Smartthings-thumbnail.webp</url>
				</image>
				<title>Samsung SmartThings</title>
				<link>https://infinum.com/work/samsung-smartthings/</link>
				<pubDate>Thu, 09 Oct 2025 14:14:47 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270737</guid>
				<description>
					<![CDATA[<p>Taking a scattered startup to a consistent, scalable and global brand</p>
<p>The post <a href="https://infinum.com/work/samsung-smartthings/">Samsung SmartThings</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-727"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-725">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-726'
	>
	From a scattered startup to a global brand under Samsung</h1></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-729">
		<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/smartthings-hero-video.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

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

	
	<div class="intro-label card-simple__intro-label" data-id="es-747">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-748'
	>
	SAMSUNG SMARTTHINGS</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-749'
	>
	A complete brand refresh with a detailed communication system and a scalable online platform, which boosted US sales by 150%.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-750'
	 id='es-746-paragraph'>
	<br><br>SERVICES<br><br><strong>BRAND EXPRESSION<br>VISUAL IDENTITY </strong><br><strong>DEVELOPMENT </strong><br><strong>EXPERIENCE EXECUTION</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-736"
	 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-731"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-735'
	 id='es-731-paragraph'>
	After starting life as a fast-growing and successful Kickstarter campaign, SmartThings became a Samsung subsidiary. Since its inception, the SmartThings brand ecosystem has grown organically, resulting in scattered and inconsistent brand messaging. With global expansion on the cards, we were hired to work as an extension of the brand and marketing teams.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-739'
	 id='es-737-paragraph'>
	We initially redesigned the brand identity, and in the 5 years that followed, delivered a series of brand and marketing programmes. This included a communication system, interactive retail fixtures, and a scalable online platform.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-743'
	 id='es-741-paragraph'>
	In the 12 months after the new brand and marketing rollout, US sales increased by 150%. The interactive retail fixtures were rolled out in over 2,000 stores across the US and UK.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-754"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-752">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-753'
	>
	When SmartThings went from a successful Kickstarter campaign to a Samsung subsidiary, they had to scale up fast.<br><br>To support the rapid growth, we were hired to work as an extension of the global brand and marketing teams.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-757"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-755">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-756'
	>
	A brand and marketing refresh</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-760"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-758">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-759'
	>
	The SmartThings brand ecosystem had grown organically since the company’s founding in 2012. This resulted in inconsistent and scattered brand messaging that confused customers and employees, plus hindered global scale. <br><br>As one of the first assignments, we got the opportunity to bring consistency to the brand.</p></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-762">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/smartthings-img1-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/smartthings-img1-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/smartthings-img1.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-766"
	 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-764"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-765">
		<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/smartthings-video1.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-787"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-786">
	
<div class="block-column" data-id="es-770">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-769"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-767">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-768'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-column" data-id="es-775">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-774"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-771">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-772'
	>
	Increase in US sales</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-773'
	>
	150%</p></div>	</div>
</div>

<div class="block-column" data-id="es-780">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-779"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-776">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-777'
	>
	Interactive retail fixtures</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-778'
	>
	2000</p></div>	</div>
</div>

<div class="block-column" data-id="es-785">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-784"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-781">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-782'
	>
	Years of continued partnership</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-783'
	>
	5</p></div>	</div>
</div>
</div>	</div>

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

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

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

<div
	class="wrapper"
	data-id="es-793"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-791">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-792'
	>
	A full-service relationship</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-796"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-794">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-795'
	>
	Following the brand identity redesign, we worked closely with SmartThings over the course of five years to roll out a series of brand and marketing programs, including:</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-799"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="lists" data-id="es-797">
	<ul	class='typography typography--size-20-text-roman js-typography lists__typography'
	data-id='es-798'
	>
	<li>Packaging redesign</li><li>Omnichannel content</li><li>Website and e-commerce</li><li>Retail interactive experiences</li><li>Retail merchandising</li><li>Online merchandising</li><li>Digital Banners</li><li>Marketing collateral</li><li>Channel and sales toolkits</li><li>Retail sales training materials</li></ul></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-802"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-800">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-801'
	>
	A flexible communication system</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-805"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-803">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-804'
	>
	SmartThings is an open platform that works with various devices from various brands. <br><br>With an ever-expanding partner catalogue, we needed a communication system that was fast and flexible to work with. We also wanted to further enforce SmartThings’s new, friendlier tone of voice.<br><br>The solution was a world of simplistic and quirky illustrations with characters that could be used and reused across all communications.</p></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-807">
		<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/smartthings-video2.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-811"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-809">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-810'
	>
	Education and inspiration in retail and online</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-814"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-812">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-813'
	>
	With IoT still being considered in its infancy, we needed to speak to the average homeowner and educate them that having a smart home isn’t just about flipping on the lights with your smartphone.<br><br>For retail, our team iterated through prototyping and user tests to design an interactive retail fixture that draws attention and educates customers on how to get started.</p></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-816">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/smartthings-img3-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/smartthings-img3-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/smartthings-img3.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-820"
	 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-818"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-819">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/smartthings-img4-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/smartthings-img4-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/smartthings-img4.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-823"
	 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-821"
	 data-media-type='video'>

	<div class="video__wrapper" data-id="es-822">
		<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/smartthings-video3.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-826"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-824">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-825'
	>
	The fixtures rolled out in 2,000 stores in the US and the UK, including BestBuy, Home Depot, John Lewis, and Dixon’s.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-829"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-827">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-828'
	>
	Scalable website build</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-832"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-830">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-831'
	>
	For the redesign of <a href="http://smartthings.com/" target="_blank">smartthings.com,</a> we began by examining data and performing user testing to inform the direction they wanted to take. The result was an uncluttered online platform that guides, educates, and delights its visitors about the value proposition and SmartThings ecosystem.</p></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-834">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/smartthings-img5-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/smartthings-img5-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/smartthings-img5.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-838"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-836">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-837'
	>
	Scalable website build</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-841"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="lists" data-id="es-839">
	<ul	class='typography typography--size-18-text-roman js-typography lists__typography'
	data-id='es-840'
	>
	<li>Powered by Contentful CMS.</li><li>Component-based design system.</li><li>Scalable and adaptable to ever-changing business needs </li><li>Collaborators: D!srupt, Cléa Dieudonné, David Schagerström</li></ul></div>		</div>
	</div>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-853"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-852">
	
<div class="block-column" data-id="es-847">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-846"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-media">
	<div	class="media block-media__media media__border--none media__align--center-center"
	data-id="es-844"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-845">
	<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-851">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-850"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-848">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-849'
	>
	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/samsung-smartthings" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/samsung-smartthings/">Samsung SmartThings</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270658https://infinum.com/uploads/2025/10/swatch-editor-thumbnail-2.webp</url>
				</image>
				<title>SwatchEditor</title>
				<link>https://infinum.com/work/swatcheditor/</link>
				<pubDate>Thu, 09 Oct 2025 11:57:27 +0000</pubDate>
				<dc:creator>Aljoša Lijić</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270658</guid>
				<description>
					<![CDATA[<p>A digital product enabling textile pattern designers to do business during lockdown</p>
<p>The post <a href="https://infinum.com/work/swatcheditor/">SwatchEditor</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-856"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-854">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-855'
	>
	Enabling textile designers to stay operational through lockdown</h1></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-858">
		<video
		class="video block-media__video js-video js-block-media-video"
		 loop autoplay playsinline muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2025/10/Swatch-Editor-hero-mobile.mp4' type='video/mp4' media='(max-width: 699px)' /><source  src='https://infinum.com/uploads/2025/10/Swatch-Editor-hero-video.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

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

	
	<div class="intro-label card-simple__intro-label" data-id="es-876">
	<p	class='typography typography--size-14-text-roman typography--uppercase js-typography intro-label__intro-label'
	data-id='es-877'
	>
	swatch editor</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-878'
	>
	Enabling textile designers to organize, visualize, and securely share textile patterns online.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-879'
	 id='es-875-paragraph'>
	<br><br>SERVICES<br><br><strong>DIGITAL REALISATION<br>INSIGHTS &amp; STRATEGY<br>DESIGN<br>PRODUCT PROTOTYPE<br>PRODUCT BUILD</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-865"
	 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-860"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-864'
	 id='es-860-paragraph'>
	Pre-pandemic, UK-based textile design firm, RMJ Studio, would meet its textile customers in person. When lockdown hit, the team didn’t let the pandemic stop them. They asked us to build an online tool that would allow them to continue doing business. </p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-868'
	 id='es-866-paragraph'>
	We prototyped a tool that enables textile designers to organize, visualize, and securely share textile patterns online.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-872'
	 id='es-870-paragraph'>
	After just six weeks, RMJ put the MVP to the test with its customers, and after such positive feedback, SwatchEditor was born. Next, we built version 1.0, which also included a monetization functionality through Stripe.<br><br>When the pandemic hit, tradeshows were among the first events to stop. UK-based textile design firm, RMJ Studio, didn’t just want to stay put during the lockdown and applied for a UK grant to innovate itself out of the crisis.<br><br>RMJ asked us to define and build an online tool that allows textile designers to securely organize, visualize, and share textile pattern designs online, enabling them to continue doing business without being in person with their customers.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

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

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

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

	
	
	<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-885'
	>
	From idea to MVP in six weeks</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-886'
	 id='es-884-paragraph'>
	We put together a core team consisting of a product strategist, producer, lead designer, and full-stack engineer. <br><br>The team worked iteratively with the client over six weeks to develop an MVP that created the most important feature—visualization.</p>	</div>
</div>		</div>
	</div>

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

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

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

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

	
	
	<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-892'
	>
	Validated for primetime</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-893'
	 id='es-891-paragraph'>
	Using the MVP, the client team could test the value proposition with its customers. <br><br>After receiving positive feedback, <a href="https://www.swatcheditor.com/">SwatchEditor</a> was born, and we continued to build out version 1.0 that included monetization functionality using Stripe subscriptions.</p>	</div>
</div>		</div>
	</div>

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

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

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

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

	<div class="video__wrapper" data-id="es-899">
		<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/Swatch-Editor-4.mp4' type='video/mp4' />	</video>
	</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-904">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-903"
	 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-901"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-902">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/10/img-Roseanna-Jiggins-2.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-910">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-909"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-905">
	
	<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-906'>
	<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-907'
	>
	Working together to innovate a way to combat textile waste, tackle energy issues, and promote a new future has been an incredible experience. Their 3D technical expertise and sense of fun delivered an MVP that was beyond our expectations.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman typography--uppercase js-typography blockquote__caption'
	data-id='es-908'
	>
	<strong>Roseanna Jiggins</strong><br>Co-Founder and Creative Director, RMJ Studio</div>		</div>
	</div>
</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/10/swatch-editor-5-1400x788.webp				media='(max-width: 699px)'
				type=image/webp								height="788"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/swatch-editor-5-2400x1350.webp				media='(max-width: 1199px)'
				type=image/webp								height="1350"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/swatch-editor-5.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-939"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="grid block-grid__grid" data-id="es-938">
	
<div class="block-grid-item" data-id="es-919">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-918"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-916">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-917'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-926">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-921"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<hr
	class="block-divider"
	data-id="es-920"
	aria-hidden="true" />	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-925"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-922">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-923'
	>
	Weeks—from idea to MVP</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-924'
	>
	<strong>6</strong></p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-930">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-929"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-927">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-928'
	>
	SwatchEditor launched in 2020 and now offers textile pattern designers an easy way to visualize, play with, and sell their products to prospective customers worldwide—without needing to travel.<br><br>Learn more and sign up for a free trial at <a href="https://swatcheditor.com/" target="_blank" rel="noreferrer noopener">SwatchEditor.com.</a> <br><br>Discover more about <a href="https://www.ukft.org/spotlight-rmj-studio/" target="_blank" rel="noreferrer noopener">SwatchEditor in UKFT</a>—the biggest network for UK fashion and textile designers.</p></div>	</div>
</div>

<div class="block-grid-item" data-id="es-937">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-932"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<hr
	class="block-divider"
	data-id="es-931"
	aria-hidden="true" />	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-936"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-933">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-934'
	>
	The initial version included a monetization functionality through a Stripe subscription integration</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-935'
	>
	<strong><strong>V 1.0</strong></strong></p></div>	</div>
</div>
</div>		</div>
	</div>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-951"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-950">
	
<div class="block-column" data-id="es-945">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-944"
	 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-942"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-943">
	<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-949">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-948"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-946">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-947'
	>
	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/swatcheditor" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/swatcheditor/">SwatchEditor</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270696https://infinum.com/uploads/2025/10/thefabricant-thumbnail.webp</url>
				</image>
				<title>The Fabricant</title>
				<link>https://infinum.com/work/the-fabricant/</link>
				<pubDate>Thu, 09 Oct 2025 11:26:46 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270696</guid>
				<description>
					<![CDATA[<p>Introducing the world’s first digital-only fashion platform</p>
<p>The post <a href="https://infinum.com/work/the-fabricant/">The Fabricant</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-954"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-952">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-953'
	>
	The world’s first digital-only fashion platform</h1></div>		</div>
	</div>

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

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

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

	
	<div class="intro-label card-simple__intro-label" data-id="es-974">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-975'
	>
	THE FABRICANT</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-976'
	>
	Exploring self-expression beyond what is physically possible with a pioneering digital strategy and an innovative product MVP.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-977'
	 id='es-973-paragraph'>
	<br><br>SERVICES<br><br><strong>PRODUCT STRATEGY </strong><br><strong>BUSINESS STRATEGY </strong><br><strong>ART DIRECTION </strong><br><strong>DESIGN </strong><br><strong>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-963"
	 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-958"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-962'
	 id='es-958-paragraph'>
	In a time when digital has taken on more forms and meaning in our lives, it has also become a necessity for the world of fashion. Today’s fashion experience needs to provide people with new ways to express their ever-changing identities while remaining environmentally conscious.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-966'
	 id='es-964-paragraph'>
	Together with The Fabricant, we researched and developed a breakthrough in digital fashion through an agile methodology. LEELA—a revolutionary way for everyone to explore their self-expression beyond what is physically possible.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-970'
	 id='es-968-paragraph'>
	The project went from idea to the first MVP in just six weeks. Within three days of launch, 600+ digital avatars and 1800+ digital looks were created and shared on social media. The project received worldwide media coverage and multiple design excellence awards.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

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

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

<div
	class="wrapper"
	data-id="es-984"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-982">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-983'
	>
	Dress up your multiple selves in the non-physical world of digital fashion.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-987"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-985">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-986'
	>
	Welcome to LEELA, your metaverse playground for self-expression.<br><br>In a time when digital has taken on more forms and meaning in our lives, it has also become a necessity for the world of fashion.<br><br>Together with The Fabricant, we researched and developed a breakthrough in digital fashion. Introducing LEELA—a revolutionary way for everyone to explore their self-expression beyond what is physically possible.</p></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-990"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-988">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-989'
	>
	Challenging the norms of fashion and identity</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-993"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-991">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-992'
	>
	As Gen Z gradually becomes the defining generation of modern culture, their new expectations of fashion are on the rise. Today’s fashion needs to provide people with new ways to express their ever-changing identities while remaining environmentally conscious.<br><br>Centering around this shifting paradigm, the LEELA experience was architected to be fluid in its interaction and expression.</p></div>		</div>
	</div>

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

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

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

<div
	class="wrapper"
	data-id="es-999"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-997">
	<h2	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-998'
	>
	‘LEELA’ stands for dancing and playing</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1002"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1000">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-1001'
	>
	The word LEELA comes from the Hindi language, meaning to dance and play. LEELA’s mission is to provide a self-expressive playground, not merely a fashion e-commerce site. This ‘play’ ethos inspired many of our design decisions and lends itself throughout the interactive framework and visual language.</p></div>		</div>
	</div>

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

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

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1017"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1016">
	
<div class="block-column" data-id="es-1009">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1008"
	 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-1006"
	 data-media-type='image'>

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

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

<div class="block-column" data-id="es-1015">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1014"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-1010">
	
	<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-1011'>
	<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-1012'
	>
	The team understood the creative and technical aspects of visualizing and presenting fashion in engaging ways. They found new ways to deliver the desired results on time and at high-quality standards.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-1013'
	>
	<strong>ADRIANA HOPPENBROUWER</strong><br>FOUNDER AND MARKETING DIRECTOR,<br>THE FABRICANT</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1020"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1018">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-1019'
	>
	Harnessing ambiguity to fuel innovation</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1023"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1021">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-1022'
	>
	As with any research and development initiative, we came into this project with unknowns, from both a technical and market-fit perspective.<br><br>To tackle these unknowns, we opted for an AGILE and embedded collaboration with clients. Along with several guerrilla tests throughout the project, this process allowed us to get feedback fast, fail fast, and innovate even faster. </p></div>		</div>
	</div>

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

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

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

<div
	class="wrapper"
	data-id="es-1029"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1027">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-1028'
	>
	The LEELA Beta was launched in April 2020 and received significant engagement and positive recognition from the fashion industry and world-leading publications.</p></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1065"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1064">
	
<div class="block-column" data-id="es-1033">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1032"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-1030">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-1031'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-column" data-id="es-1038">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1037"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1034">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-1035'
	>
	Weeks, from idea to MVP</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1036'
	>
	6</p></div>	</div>
</div>

<div class="block-column" data-id="es-1043">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1042"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1039">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-1040'
	>
	Digital avatars created within the first three days</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1041'
	>
	600+</p></div>	</div>
</div>

<div class="block-column" data-id="es-1048">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1047"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1044">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-1045'
	>
	Digital looks created and shared on social media within three days of launch</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1046'
	>
	1800+</p></div>	</div>
</div>

<div class="block-column" data-id="es-1053">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1052"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1049">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-1050'
	>
	Avg session duration</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1051'
	>
	3:30m</p></div>	</div>
</div>

<div class="block-column" data-id="es-1058">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1057"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1054">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-1055'
	>
	Bounce rate</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1056'
	>
	27%</p></div>	</div>
</div>

<div class="block-column" data-id="es-1063">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1062"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1059">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-1060'
	>
	Awards — Awwwards SOTD, FWA, CSS Design Awards, Awwwards Mobile Excellence</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1061'
	>
	4X</p></div>	</div>
</div>
</div>	</div>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1077"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1076">
	
<div class="block-column" data-id="es-1071">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1070"
	 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-1068"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-1069">
	<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-1075">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1074"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-1072">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-1073'
	>
	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/the-fabricant" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/the-fabricant/">The Fabricant</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270652https://infinum.com/uploads/2025/10/fila-thumbnail.webp</url>
				</image>
				<title>Fila</title>
				<link>https://infinum.com/work/fila/</link>
				<pubDate>Wed, 08 Oct 2025 15:35:59 +0000</pubDate>
				<dc:creator>Dubravko Tuksar</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270652</guid>
				<description>
					<![CDATA[<p>A multi-award-winning campaign celebrating urban exploration</p>
<p>The post <a href="https://infinum.com/work/fila/">Fila</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-1080"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1078">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-1079'
	>
	Fila&#8217;s award-winning campaign with 36% CTR</h1></div>		</div>
	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1082">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-responsible-clothing-image.webp				media='(max-width: 699px)'
				type=image/webp								height="1280"
												width="1280"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/img-fila-hero-image-2400x1200.webp				media='(max-width: 1199px)'
				type=image/webp								height="1200"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/img-fila-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-1104"
	>
		
			<div class="block-sticky-element js-block-sticky-element block-sticky-element__positioning-mobile--top block-sticky-element__positioning-tablet--sticky" data-id="es-1098">
		<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-1099"
	>

	
	<div class="intro-label card-simple__intro-label" data-id="es-1100">
	<p	class='typography typography--size-14-text-roman js-typography intro-label__intro-label'
	data-id='es-1101'
	>
	FILA</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-1102'
	>
	A creative design and engaging user experience that resulted in a 36% click-through rate to FILA’s e-commerce.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-1103'
	 id='es-1099-paragraph'>
	<br><br>SERVICES<br><br><strong>BRAND EXPRESSION<br>INSIGHTS &amp; STRATEGY<br>DESIGN<br>MAINTENANCE</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-1089"
	 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-1084"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1088'
	 id='es-1084-paragraph'>
	FILA North America asked us to design an immersive website that brought to life a new outdoor-inspired clothing collection. The EXPLORE collection comprises four fashion stories: canyon, woods, mountain, and elements.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1092'
	 id='es-1090-paragraph'>
	To echo the collection’s focus, we created a website that appeared minimal at first glance, progressively revealing visual effects and animations as the visitor explored the site further.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1096'
	 id='es-1094-paragraph'>
	A creative design and engaging user experience that resulted in a 36% click-through rate to FILA’s e-commerce and multiple awards, including Awwwards Site of the Day, Mobile Excellence, and Developer Excellence Award.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

	<div class="video__wrapper" data-id="es-1106">
		<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/fila-video-1.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1110"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1108">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-1109'
	>
	Launching a new collection globally</h2></div>		</div>
	</div>

<div
	class="wrapper"
	data-id="es-1113"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1111">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-1112'
	>
	With the rising demand for outdoor-inspired streetwear, FILA introduced EXPLORE—an outdoor clothing collection with design elements that paid homage to the brand’s mountaineering history.<br><br>We worked with FILA North America to create a website that could translate the collection’s ethos digitally and effectively drive traffic to FILA’s e-commerce.</p></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-1115">
		<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/fila-video-2.mp4' type='video/mp4' />	</video>
	</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-typography" data-id="es-1117">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-1118'
	>
	Design for immersion and exploration</h2></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-typography" data-id="es-1120">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-1121'
	>
	The EXPLORE collection comprises four fashion stories—canyon, woods, mountain, and elements. Each had its own immersive visual language that we brought to life through four corresponding visual effects.<br><br>To echo the collection’s focus, we created a website that appeared minimal at first glance, progressively revealing visual effects and animations as the visitor explored the site further.</p></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-1126">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1125"
	 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-1123"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-1124">
	<picture class="image__picture block-media__image-picture">
												<img
					src="https://infinum.com/uploads/2025/10/img-maya-yearwood.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-1132">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1131"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-1127">
	
	<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-1128'>
	<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-1129'
	>
	The team was passionate and prompt. They understood our goals for creative design and engaging user interaction while highlighting all aspects of the FILA Explore campaign.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman js-typography blockquote__caption'
	data-id='es-1130'
	>
	<strong>MAYA YEARWOOD</strong><br>BRAND MANAGER, <br>FILA NORTH AMERICA</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

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

	<figure class="image block-media__image-figure image--size-stretch" data-id="es-1136">
	<picture class="image__picture block-media__image-picture">
								
			<source
				srcset=https://infinum.com/uploads/2025/10/fila-asset-big-1400x2071.webp				media='(max-width: 699px)'
				type=image/webp								height="2071"
												width="1400"
				 />
								
			<source
				srcset=https://infinum.com/uploads/2025/10/fila-asset-big-2400x3550.webp				media='(max-width: 1199px)'
				type=image/webp								height="3550"
												width="2400"
				 />
												<img
					src="https://infinum.com/uploads/2025/10/fila-asset-big.webp"
					class="image__img block-media__image-img"
					alt=""
										height="4260"
															width="2880"
										loading="lazy"
					 />
					</picture>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1153"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1152">
	
<div class="block-column" data-id="es-1141">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1140"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-1138">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-1139'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-column" data-id="es-1146">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1145"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1142">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-1143'
	>
	Increase in click-through rate to FILA’s e-commerce.</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1144'
	>
	36%</p></div>	</div>
</div>

<div class="block-column" data-id="es-1151">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1150"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1147">
	<p	class='typography typography--size-16-text-roman js-typography block-number-card__intro'
	data-id='es-1148'
	>
	Awwwards: Site of the Day, Mobile Excellence, and Developer Excellence.</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1149'
	>
	3</p></div>	</div>
</div>
</div>	</div>

<div
	class="wrapper"
	data-id="es-1156"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1154">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-1155'
	>
	For more coverage, visit <a href="https://www.commarts.com/webpicks/fila-explore" target="_blank" rel="noreferrer noopener">Communication Arts</a>, <a href="https://www.highsnobiety.com/p/fila-explore-pop-ups/" target="_blank" rel="noreferrer noopener">Highsnobiety</a>, <a href="https://hypebeast.com/2019/8/fila-explore-new-york-city-pop-up-event-recap" target="_blank" rel="noreferrer noopener">Hypebeast</a>, and <a href="https://www.teenvogue.com/story/fila-new-explore-outdoors-collection" target="_blank" rel="noreferrer noopener">Teen Vogue</a>.</p></div>		</div>
	</div>

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1168"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1167">
	
<div class="block-column" data-id="es-1162">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1161"
	 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-1159"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-1160">
	<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-1166">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1165"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-1163">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-1164'
	>
	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/fila" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/fila/">Fila</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
					<item>
				<image>
					<url>19270585https://infinum.com/uploads/2025/10/your-online-thumbnail.webp</url>
				</image>
				<title>Your.Online</title>
				<link>https://infinum.com/work/your-online/</link>
				<pubDate>Wed, 08 Oct 2025 14:11:35 +0000</pubDate>
				<dc:creator>Aljoša Lijić</dc:creator>
				<guid isPermaLink="false">https://infinum.com/?post_type=case&#038;p=19270585</guid>
				<description>
					<![CDATA[<p>Transforming a technical company into an aspirational leader</p>
<p>The post <a href="https://infinum.com/work/your-online/">Your.Online</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</description>
				<content:encoded>
					<![CDATA[<div
	class="wrapper"
	data-id="es-1171"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="wrapper__inner">
			<div class="block-typography" data-id="es-1169">
	<h1	class='typography typography--size-80-default js-typography block-typography__typography'
	data-id='es-1170'
	>
	Tech brand transformation with tangible results</h1></div>		</div>
	</div>

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

	<div class="video__wrapper" data-id="es-1173">
		<video
		class="video block-media__video js-video js-block-media-video"
		 loop autoplay playsinline controls muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2025/10/Hero-mobile.mp4' type='video/mp4' media='(max-width: 699px)' /><source  src='https://infinum.com/uploads/2025/10/Yoour-Online-hero-video.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

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

	
	<div class="intro-label card-simple__intro-label" data-id="es-1191">
	<p	class='typography typography--size-14-text-roman typography--uppercase js-typography intro-label__intro-label'
	data-id='es-1192'
	>
	your.online</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-1193'
	>
	The brand transformation that took a growing tech company from overtly technical to aspirational, with a 20% increase in acquisition leads.</h2>		</div>

		<p	class='typography typography--size-14-text-roman js-typography card-simple__paragraph'
	data-id='es-1194'
	 id='es-1190-paragraph'>
	<br><br>SERVICES<br><br><strong>BRAND EXPRESSION<br>INSIGHTS &amp; RESEARCH<br>BRAND &amp; VISUAL IDENTITY<br>STRATEGY</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-1180"
	 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-1175"
	>

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1179'
	 id='es-1175-paragraph'>
	Following rapid growth, Total Web Hosting Solutions’ (TWS) name and brand no longer reflected the vision for the business&#8217;s future — employees didn’t feel connected, and attracting the right talent was becoming increasingly difficult.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1183'
	 id='es-1181-paragraph'>
	TWS teams align around a firm belief in unlocking new value for their customers, and their technical prowess helps make new possibilities possible. We merged these insights into a single brand positioning: Your Grounds to Build Online Possibilities. This inspired a new name, Your.Online. The transformation takes the brand from overtly technical to aspirational.</p>	</div>
</div>	</div>

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

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

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1187'
	 id='es-1185-paragraph'>
	Using the visual metaphor of a blueprint, the identity tells the story of how Your.Online weaves together the web, while providing guidance. Thus positioning Your.Online is the ground for their teams and customers to scale their online ambitions globally. Results include a 100% increase in job applications and a 20% increase in M&amp;A acquisition leads.</p>	</div>
</div>	</div>
	</div>
</div>	</div>

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

	<div class="video__wrapper" data-id="es-1197">
		<video
		class="video block-media__video js-video js-block-media-video"
		 loop autoplay playsinline muted preload='metadata'>
		<source  src='https://infinum.com/uploads/2025/10/grid-file.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

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

	
	
	<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-1200'
	 id='es-1199-paragraph'>
	Over the past three years, Total Webhosting Solutions (TWS) has emerged as one of Europe’s leading web hosting companies, experiencing unprecedented growth and expansion.<br> <br>However, this rapid growth, fueled by numerous acquisitions, brought forth a critical challenge – the existing name and brand no longer aligned with the vision of TWS&#8217;s leadership team. As a result, employees felt disconnected from the brand, and attracting top-tier talent became increasingly challenging.<br><br>To address the issues, TWS approached us to develop a new brand strategy, visual identity, and employer brand strategy to signal a new direction, increase team engagement, and drive new talent applicants. </p>	</div>
</div>		</div>
	</div>

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

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

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1214"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1213">
	
<div class="block-column" data-id="es-1208">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1207"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-1205">
	<h2	class='typography typography--size-36-text js-typography block-typography__typography'
	data-id='es-1206'
	>
	See “possibilities” in the brand core</h2></div>	</div>
</div>

<div class="block-column" data-id="es-1212">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1211"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-1209">
	<p	class='typography typography--size-20-text-roman js-typography block-typography__typography'
	data-id='es-1210'
	>
	From workshops and conversations with managers and employees, it became clear that TWS teams align around a firm belief in unlocking new value for their customers.  <br><br>Additionally, TWS&#8217;s technical prowess gives it the ability to create these new possibilities. These two insights were then merged into a single brand positioning: Your Grounds to Build Online Possibilities.</p></div>	</div>
</div>
</div>	</div>

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

	<div class="video__wrapper" data-id="es-1216">
		<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/3-file.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

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

	
	
	<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-1219'
	>
	TWS is renamed to Your.Online</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1220'
	 id='es-1218-paragraph'>
	Over the past three years, Total Webhosting Solutions (TWS) has emerged as one of Europe’s leading web hosting companies, experiencing unprecedented growth and expansion.<br> <br>However, this rapid growth, fueled by numerous acquisitions, brought forth a critical challenge – the existing name and brand no longer aligned with the vision of TWS&#8217;s leadership team. As a result, employees felt disconnected from the brand, and attracting top-tier talent became increasingly challenging.<br><br>To address the issues, TWS approached us to develop a new brand strategy, visual identity, and employer brand strategy to signal a new direction, increase team engagement, and drive new talent applicants. </p>	</div>
</div>		</div>
	</div>

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

	
	
	<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-1223'
	>
	Weaving the visual webs of possibilities</h2>		</div>

		<p	class='typography typography--size-20-text-roman js-typography card-simple__paragraph'
	data-id='es-1224'
	 id='es-1222-paragraph'>
	Our strategic learnings show that the new identity must embody the relationship between Your.Online and its subsidiaries, positioning Your.Online as the ground for their teams and customers to scale online ambitions globally.<br><br>Using the visual metaphor of a blueprint, the identity tells the story of how Your.Online weaves together the webs of online while providing guidance.<br> <br>The identity is driven by a coaching nature: softly assertive, precisely directive, and always outspoken.</p>	</div>
</div>		</div>
	</div>

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

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1240"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1239">
	
<div class="block-column" data-id="es-1232">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1231"
	 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-1229"
	 data-media-type='image'>

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

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

<div class="block-column" data-id="es-1238">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1237"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="blockquote block-blockquote__blockquote" data-id="es-1233">
	
	<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-1234'>
	<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-1235'
	>
	We were dared to be different and pushed out of our creative comfort zone. This resulted in a truly distinctive visual and brand positioning. We’re really happy and proud of the result, and more importantly, our target audience has reacted positively from the start.</p>
		<div class="blockquote__caption-wrap">
			<div	class='typography typography--size-12-text-roman typography--uppercase js-typography blockquote__caption'
	data-id='es-1236'
	>
	<strong>Steven Hoyer</strong><br>Business Development Manager, Your.Online</div>		</div>
	</div>
</div>	</div>
</div>
</div>	</div>

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

	<div class="video__wrapper" data-id="es-1242">
		<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/5-file.mp4' type='video/mp4' />	</video>
	</div></div></div>		</div>
	</div>

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1260"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1259">
	
<div class="block-column" data-id="es-1247">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1246"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-1244">
	<p	class='typography typography--size-16-text-roman js-typography block-typography__typography'
	data-id='es-1245'
	>
	OUTCOMES</p></div>	</div>
</div>

<div class="block-column" data-id="es-1252">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1251"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1248">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-1249'
	>
	Increase in job<br>applications</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1250'
	>
	100%</p></div>	</div>
</div>

<div class="block-column" data-id="es-1257">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1256"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-number-card" data-id="es-1253">
	<p	class='typography typography--size-18-text-roman js-typography block-number-card__intro'
	data-id='es-1254'
	>
	Increase in merger &amp;<br>acquisitions leads</p><p	class='typography typography--size-80-default js-typography block-number-card__label'
	data-id='es-1255'
	>
	20%</p></div>	</div>
</div>

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

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

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

<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1272"
	 data-animation-target='inner-items'>
		
			<div class="block-columns" data-id="es-1271">
	
<div class="block-column" data-id="es-1266">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1265"
	 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-1263"
	 data-media-type='image'>

	<figure class="image block-media__image-figure image--size-auto" data-id="es-1264">
	<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-1270">
	
<div
	class="wrapper wrapper__use-simple--true"
	data-id="es-1269"
	 data-animation='slideFade' data-animation-target='inner-items'>
		
			<div class="block-typography" data-id="es-1267">
	<p	class='typography typography--size-14-text-roman js-typography block-typography__typography'
	data-id='es-1268'
	>
	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/your-online" target="_blank" rel="noreferrer noopener">here</a>.</p></div>	</div>
</div>
</div>	</div><p>The post <a href="https://infinum.com/work/your-online/">Your.Online</a> appeared first on <a href="https://infinum.com">Infinum</a>.</p>
]]>
				</content:encoded>
			</item>
		
	</channel>
</rss>