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

<channel>
	<title>UI/UX design Archives &#8211; BROWN DΞSIGN</title>
	<atom:link href="https://browndesign.nl/ui-ux-design/feed/" rel="self" type="application/rss+xml" />
	<link>https://browndesign.nl/ui-ux-design/</link>
	<description>Branding, Graphic Design, Webdesign, Development</description>
	<lastBuildDate>Tue, 11 Mar 2025 11:48:49 +0000</lastBuildDate>
	<language>nl-NL</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.1</generator>

<image>
	<url>https://browndesign.nl/wp-content/uploads/cropped-Brown_ico_v2-7-32x32.png</url>
	<title>UI/UX design Archives &#8211; BROWN DΞSIGN</title>
	<link>https://browndesign.nl/ui-ux-design/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>WeightWorks Surgical Weight Loss</title>
		<link>https://browndesign.nl/projects/weightworks/</link>
		
		<dc:creator><![CDATA[Marco]]></dc:creator>
		<pubDate>Mon, 14 Feb 2022 19:25:53 +0000</pubDate>
				<category><![CDATA[corporate branding]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[UI/UX design]]></category>
		<category><![CDATA[web development]]></category>
		<guid isPermaLink="false">https://browndesign.nl/?page_id=4508</guid>

					<description><![CDATA[A lightweight identity and a custom build BMI calculator]]></description>
										<content:encoded><![CDATA[<div id="cs-content" class="cs-content"><div class="x-section e4508-e1 m3h8-0 m3h8-1 m3h8-2 m3h8-3"><div class="x-row x-container max width e4508-e2 m3h8-p m3h8-q m3h8-r m3h8-s m3h8-t m3h8-u m3h8-v m3h8-1c m3h8-1d"><div class="x-row-inner"><section class="x-col e4508-e3 m3h8-1n m3h8-1o m3h8-1p m3h8-1q m3h8-1r"><div class="x-text x-text-headline e4508-e4 m3h8-26 m3h8-27 m3h8-28 m3h8-29 m3h8-2a m3h8-2b m3h8-2c m3h8-2d m3h8-2e m3h8-f m3h8-g m3h8-h m3h8-i m3h8-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text"><h1 class="x-text-content-text-primary">A lightweight identity and a custom build BMI calculator</h1>
</div></div></div><div data-x-element-text-type="{&quot;strings&quot;:[&quot;WeightWorks Surgical Weight Loss&quot;],&quot;type_speed&quot;:50,&quot;back_speed&quot;:50,&quot;start_delay&quot;:1000,&quot;back_delay&quot;:1000,&quot;loop&quot;:false,&quot;show_cursor&quot;:true,&quot;cursor&quot;:&quot;_&quot;}" class="x-text x-text-headline e4508-e5 m3h8-27 m3h8-28 m3h8-2d m3h8-2e m3h8-2f m3h8-2g m3h8-2h m3h8-2i m3h8-f"><div class="x-text-content"><div class="x-text-content-text"><h2 class="x-text-content-text-primary"><span class="x-text-typing"></span>&nbsp;</h2>
</div></div></div></section></div></div></div><figure class="x-section e4508-e6 m3h8-0 m3h8-2 m3h8-3 m3h8-4 m3h8-5 m3h8-6"><div class="x-row e4508-e7 m3h8-p m3h8-q m3h8-s m3h8-w m3h8-x m3h8-y m3h8-z m3h8-10 m3h8-11 m3h8-1e m3h8-1f"><div class="x-row-inner"><div class="x-col e4508-e8 m3h8-1n m3h8-1q m3h8-1r m3h8-1s m3h8-1t m3h8-1u m3h8-h m3h8-i m3h8-k m3h8-l x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;0%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-bg"><div class="x-bg-layer-lower-img"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/WeightWorks_BMI_calculator_mobile_iPhone.png" alt="WeightWorks Quick Scan BMI calculator" loading="lazy"/></div></div></div></div></div></figure><article class="x-section e4508-e9 m3h8-0 m3h8-3 m3h8-7 m3h8-8 m3h8-9"><div class="x-row x-container max width e4508-e10 m3h8-p m3h8-s m3h8-t m3h8-u m3h8-x m3h8-11 m3h8-12 m3h8-13 m3h8-14 m3h8-15 m3h8-1g m3h8-1h"><div class="x-row-inner"><div class="x-col e4508-e11 m3h8-1n m3h8-1p m3h8-1q m3h8-1r m3h8-1s m3h8-1v"><div class="x-text x-text-headline e4508-e12 m3h8-28 m3h8-29 m3h8-2c m3h8-2d m3h8-2e m3h8-2g m3h8-2j m3h8-2k m3h8-2l m3h8-f m3h8-g m3h8-h m3h8-i m3h8-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h2 class="x-text-content-text-primary">Project<br />highlights</h2></div></div></div></div><div class="x-col e4508-e13 m3h8-1n m3h8-1p m3h8-1q m3h8-1r m3h8-1s m3h8-1v"><div class="x-text x-text-headline e4508-e14 m3h8-26 m3h8-27 m3h8-28 m3h8-2a m3h8-2d m3h8-2e m3h8-2f m3h8-2h m3h8-2m m3h8-2n m3h8-f"><div class="x-text-content"><div class="x-text-content-text"><p class="x-text-content-text-primary">WeightWorks' existing brand needed an update. They asked us for a total identity rebrand. It required a more dynamic feeling and animated elements. And one important thing: the hummingbird is necessary to stay.</p>
</div></div></div><div class="x-text x-content e4508-e15 m3h8-2s m3h8-2t"><p><strong>The solution<br /></strong>We achieved a complete lightweight rebrand for WeightWorks, backed by calm waves. We upgraded the new website with an optimized user experience and CMS integration. One of the main features of the website is the Quick scan. A custom builds BMI calculator.</p>
<p><strong>The hummingbird</strong><br />The existing hummingbird was outdated, so we refurbished it slightly and gave it a more modern look.</p></div></div></div></div></article><figure class="x-section e4508-e16 m3h8-0 m3h8-3 m3h8-6 m3h8-7 m3h8-a"><div class="x-row x-container max width e4508-e17 m3h8-p m3h8-s m3h8-u m3h8-v m3h8-x m3h8-y m3h8-11 m3h8-14 m3h8-16 m3h8-17 m3h8-1c m3h8-1i"><div class="x-row-inner"><div class="x-col e4508-e18 m3h8-1n m3h8-1q m3h8-1s m3h8-1t m3h8-1w m3h8-1x m3h8-1y m3h8-1z m3h8-20"><span class="x-image e4508-e19 m3h8-2v m3h8-2w m3h8-2x m3h8-i m3h8-j m3h8-k m3h8-m x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/WeightWorks_old-new_animated.gif" width="300" height="167" alt="Logo design WeightWorks" loading="lazy"></span><div class="x-text x-text-headline e4508-e20 m3h8-27 m3h8-28 m3h8-2f m3h8-2g m3h8-2j m3h8-2m m3h8-2o m3h8-2p"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Old versus new</strong><br />The old logo with the hummingbird and the refurbished version. The hummingbird is 'flying' and slightly uplifted. The color changed to a more bright lavender purple color. Changing the font to a smaller, friendlier one improves the readability.</h3></div></div></div></div><div class="x-col e4508-e21 m3h8-1n m3h8-1q m3h8-1s m3h8-1t m3h8-1w m3h8-1x m3h8-1y m3h8-21 m3h8-22"><span class="x-image e4508-e22 m3h8-2v m3h8-2w m3h8-2y m3h8-2z m3h8-30 m3h8-i m3h8-j m3h8-k m3h8-m x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/WeightWorks_logo_construction_horizontal.svg" width="93" height="43" alt="WeightWorks logo construction" loading="lazy"></span><div class="x-text x-text-headline e4508-e23 m3h8-27 m3h8-28 m3h8-2f m3h8-2g m3h8-2j m3h8-2o m3h8-2q"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Logo construction<br /></strong>with clear space</h3></div></div></div></div></div></div></figure><figure class="x-section e4508-e24 m3h8-0 m3h8-3 m3h8-6 m3h8-b m3h8-c"><div class="x-row x-container max width e4508-e25 m3h8-p m3h8-s m3h8-u m3h8-x m3h8-y m3h8-11 m3h8-14 m3h8-17 m3h8-18 m3h8-1j"><div class="x-row-inner"><div class="x-col e4508-e26 m3h8-1n m3h8-1q m3h8-1s m3h8-1t m3h8-1w m3h8-20 m3h8-23 m3h8-24"><span class="x-image e4508-e27 m3h8-2v m3h8-30 m3h8-31 m3h8-32 m3h8-i m3h8-j m3h8-k m3h8-n x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;0%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/Logo_WeightWorks_white_vertical.svg" width="159" height="102" alt="Image" loading="lazy"></span></div><div class="x-col e4508-e28 m3h8-1n m3h8-1q m3h8-1s m3h8-1t m3h8-1w m3h8-1x m3h8-22 m3h8-24 m3h8-25"><span class="x-image e4508-e29 m3h8-2v m3h8-30 m3h8-32 m3h8-33 m3h8-i m3h8-j m3h8-k m3h8-n x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;0%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/Logo_WeightWorks_white_horizontal.svg" width="202" height="72" alt="Image" loading="lazy"></span></div></div></div></figure><article class="x-section e4508-e30 m3h8-0 m3h8-3 m3h8-6 m3h8-8 m3h8-c m3h8-d"><div class="x-row x-container max width e4508-e31 m3h8-p m3h8-s m3h8-t m3h8-x m3h8-z m3h8-11 m3h8-12 m3h8-15 m3h8-19 m3h8-1g m3h8-1k wow fadeInUp"><div class="x-row-inner"><div class="x-col e4508-e32 m3h8-1q m3h8-1r m3h8-1v m3h8-i m3h8-k m3h8-n m3h8-o x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text x-text-headline e4508-e33 m3h8-28 m3h8-29 m3h8-2c m3h8-2d m3h8-2e m3h8-2g m3h8-2j m3h8-2k m3h8-2l m3h8-f m3h8-g m3h8-h m3h8-i m3h8-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h4 class="x-text-content-text-primary">Want we did</h4></div></div></div></div><div class="x-col e4508-e34 m3h8-1q m3h8-1r"><div class="x-text x-content e4508-e35 m3h8-2t m3h8-2u"><p>We developed corporate guidelines, logo, color, image, and font usage. The bright magenta secondary color evokes WeightWorks' values. Besides the hummingbird, we added colored and transparent waves for a dynamic and lightweight feeling.&nbsp;</p></div><a class="x-anchor x-anchor-button has-graphic e4508-e36 m3h8-35 m3h8-36" tabindex="0" href="https://weightworks.nl/" target="_blank" rel="noopener noreferrer"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">Visit website</span></div></div></a><div class="x-text x-content e4508-e37 m3h8-2t m3h8-2u"><p>Services we provided for this project:</p></div><div class="x-div e4508-e38 m3h8-38 m3h8-39"><div class="x-div e4508-e39 m3h8-39"><div class="x-div e4508-e40 m3h8-39"><a class="x-anchor x-anchor-button has-graphic e4508-e41 m3h8-36 m3h8-37" tabindex="0" href="https://browndesign.nl/corporate-branding/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">corporate branding</span></div></div></a></div><div class="x-div e4508-e40 m3h8-39"><a class="x-anchor x-anchor-button has-graphic e4508-e41 m3h8-36 m3h8-37" tabindex="0" href="https://browndesign.nl/graphic-design/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">graphic design</span></div></div></a></div><div class="x-div e4508-e40 m3h8-39"><a class="x-anchor x-anchor-button has-graphic e4508-e41 m3h8-36 m3h8-37" tabindex="0" href="https://browndesign.nl/ui-ux-design/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">UI/UX design</span></div></div></a></div><div class="x-div e4508-e40 m3h8-39"><a class="x-anchor x-anchor-button has-graphic e4508-e41 m3h8-36 m3h8-37" tabindex="0" href="https://browndesign.nl/web-development/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">web development</span></div></div></a></div></div></div></div></div></div></article><div class="x-section e4508-e42 m3h8-0 m3h8-c m3h8-e"><div class="x-row x-container max width e4508-e43 m3h8-p m3h8-x m3h8-y m3h8-z m3h8-10 m3h8-11 m3h8-12 m3h8-13 m3h8-1a m3h8-1e m3h8-1l"><div class="x-row-inner"><div class="x-col e4508-e44 m3h8-1n m3h8-1q m3h8-1r m3h8-1s m3h8-1t"><span class="x-image e4508-e45 m3h8-2v m3h8-2w m3h8-2z m3h8-34 m3h8-g m3h8-i m3h8-j m3h8-n x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/WeightWorks_BMI_calculator_mobile_iPhone.png" width="375" height="400" alt="Scan result screen garbage Go" loading="lazy"></span></div><div class="x-col e4508-e46 m3h8-1n m3h8-1p m3h8-1q m3h8-1r m3h8-1s"><div class="x-text x-text-headline e4508-e47 m3h8-26 m3h8-27 m3h8-28 m3h8-2c m3h8-2d m3h8-2f m3h8-2g m3h8-2l m3h8-2r m3h8-f m3h8-g m3h8-i m3h8-j m3h8-n x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h2 class="x-text-content-text-primary">Quick Scan BMI calculator. <span style="color: rgba(101, 105, 155, 0.5);">In three steps, you know your BMI and need surgery.</span></h2></div></div></div></div></div></div></div><aside class="x-section e4508-e48 m3h8-0 m3h8-3 m3h8-5 m3h8-6 m3h8-8"><div class="x-row e4508-e49 m3h8-p m3h8-q m3h8-s m3h8-x m3h8-y m3h8-1b m3h8-1m"><div class="x-row-inner"><div class="x-col e4508-e50 m3h8-1q m3h8-1r"><div class="cs-content x-global-block x-global-block-4146 e4508-e51"><div class="x-section e4146-e2 m376-0"><div class="x-row x-container max width e4146-e3 m376-4 m376-5 wow fadeInUp"><div class="x-row-inner"><div class="x-col e4146-e4 m376-6 m376-7 m376-1 m376-2 x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text x-text-headline e4146-e5 m376-8 m376-2 m376-3 x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h4 class="x-text-content-text-primary">Want to know more?</h4></div></div></div></div><div class="x-col e4146-e6 m376-6"><div class="x-text x-content e4146-e7 m376-9"><p>Do you want to know more about this project? Do you have a project or a great idea? Let us know and request a <a href="/offerte/">quote</a> or <a href="/contact/">contact</a> us. We are happy to help.</p></div></div></div></div></div></div></div></div></div></aside></div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Garbage Go Microgame</title>
		<link>https://browndesign.nl/projects/garbage-go-microgame/</link>
		
		<dc:creator><![CDATA[Marco]]></dc:creator>
		<pubDate>Mon, 31 Jan 2022 10:14:38 +0000</pubDate>
				<category><![CDATA[corporate branding]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[UI/UX design]]></category>
		<category><![CDATA[featured]]></category>
		<guid isPermaLink="false">https://browndesign.nl/?page_id=3975</guid>

					<description><![CDATA[The dirtiest game of the Netherlands]]></description>
										<content:encoded><![CDATA[<div id="cs-content" class="cs-content"><div class="x-section e3975-e1 m32f-0 m32f-1 m32f-2 m32f-3"><div class="x-row x-container max width e3975-e2 m32f-l m32f-m m32f-n m32f-o m32f-p m32f-q m32f-r m32f-18 m32f-19"><div class="x-row-inner"><section class="x-col e3975-e3 m32f-1l m32f-1m m32f-1n m32f-1o m32f-1p m32f-1q m32f-1r"><div class="x-text x-text-headline e3975-e4 m32f-21 m32f-22 m32f-23 m32f-24 m32f-25 m32f-26 m32f-27 m32f-28 m32f-29 m32f-c m32f-d m32f-e m32f-f m32f-g x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text"><h1 class="x-text-content-text-primary">The dirtiest game of the Netherlands</h1>
</div></div></div><div data-x-element-text-type="{&quot;strings&quot;:[&quot;Garbage Go Microgame&quot;],&quot;type_speed&quot;:50,&quot;back_speed&quot;:50,&quot;start_delay&quot;:1000,&quot;back_delay&quot;:1000,&quot;loop&quot;:false,&quot;show_cursor&quot;:true,&quot;cursor&quot;:&quot;_&quot;}" class="x-text x-text-headline e3975-e5 m32f-21 m32f-22 m32f-23 m32f-27 m32f-28 m32f-2a m32f-2b m32f-2c m32f-c"><div class="x-text-content"><div class="x-text-content-text"><h2 class="x-text-content-text-primary"><span class="x-text-typing"></span>&nbsp;</h2>
</div></div></div></section></div></div></div><div class="x-section e3975-e6 m32f-0 m32f-2 m32f-3 m32f-4 m32f-5 m32f-6"><div class="x-row e3975-e7 m32f-l m32f-m m32f-o m32f-s m32f-t m32f-u m32f-v m32f-w m32f-x m32f-1a m32f-1b"><div class="x-row-inner"><figure class="x-col e3975-e8 m32f-1l m32f-1o m32f-1q m32f-1s m32f-1t m32f-1u m32f-e m32f-f m32f-h m32f-i x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;0%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-bg" aria-hidden="true"><div class="x-bg-layer-lower-image"></div></div></figure></div></div></div><div class="x-section e3975-e9 m32f-0 m32f-3 m32f-7 m32f-8"><article class="x-row x-container max width e3975-e10 m32f-l m32f-o m32f-p m32f-q m32f-t m32f-x m32f-y m32f-z m32f-10 m32f-11 m32f-1c m32f-1d"><div class="x-row-inner"><div class="x-col e3975-e11 m32f-1l m32f-1n m32f-1o m32f-1p m32f-1q m32f-1r m32f-1s"><div class="x-text x-text-headline e3975-e12 m32f-23 m32f-26 m32f-27 m32f-2a m32f-2d m32f-2e m32f-2f m32f-2g m32f-c m32f-d m32f-e m32f-f m32f-g x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h2 class="x-text-content-text-primary">Project<br />highlights</h2></div></div></div></div><div class="x-col e3975-e13 m32f-1l m32f-1n m32f-1o m32f-1p m32f-1q m32f-1r m32f-1s"><div class="x-text x-text-headline e3975-e14 m32f-21 m32f-22 m32f-23 m32f-24 m32f-27 m32f-2b m32f-2g m32f-2h m32f-c"><div class="x-text-content"><div class="x-text-content-text"><p class="x-text-content-text-primary">How do you solve a problem of more than 50 million kilos? That's the amount of garbage we throw away in the Netherlands per year! It comes from a pack of chewing gum, cigarette, or banana peel. Some people even throw away an entire refrigerator!</p>
</div></div></div><div class="x-text x-content e3975-e15 m32f-2m m32f-2n"><p><strong><span data-preserver-spaces="true">The solution<br />
</span></strong><span data-preserver-spaces="true">Becoming aware of cleaning up your mess starts from childhood. That's why we focused on the 8-year-old and developed a Pokemon-Go-style microgame. Instead of catching Pokemons, you'll catch garbage monsters. By playing the microgame, the youth becomes aware of what litter does to the environment. The purpose of this microgame is that you play it with your teacher and classmates. </span></p>
<p><strong><span data-preserver-spaces="true">Quiz element<br />
</span></strong><span data-preserver-spaces="true">We built a learning mechanism into the gameplay so that the player knows what kind of waste it is and how harmful it is to nature. We hope they don't throw their garbage away by creating awareness. You can earn credits by scanning and cleaning up trash. You can play a quiz to learn more and earn extra credits. Whoever has the most points is number one in the ranking! Unique to this game is that children stay motivated to play it.</span></p>
<p><strong><span data-preserver-spaces="true">Keep playing<br />
</span></strong><span data-preserver-spaces="true">The build-in-game elements and mechanisms keep the player motivated and triggered to score points by playing the app. And points lead to rankings and high scores. And what child doesn't want to have the highest score?</span></p></div></div></div></article></div><div class="x-section e3975-e16 m32f-0 m32f-9"><figure class="x-row x-container max width e3975-e17 m32f-l m32f-t m32f-v m32f-x m32f-y m32f-z m32f-11 m32f-12 m32f-1c m32f-1e"><div class="x-row-inner"><div class="x-col e3975-e18 m32f-1l m32f-1o m32f-1q m32f-1r m32f-1s m32f-1t"><span class="x-image e3975-e19 m32f-2p m32f-2q m32f-2r m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/01/Scan_Result_screen_Garbage_Go_banana_black2.png" width="250" height="342" alt="Scan result screen garbage Go" loading="lazy"></span></div><div class="x-col e3975-e20 m32f-1l m32f-1n m32f-1o m32f-1p m32f-1q m32f-1r m32f-1s"><div class="x-text x-text-headline e3975-e21 m32f-21 m32f-22 m32f-23 m32f-26 m32f-27 m32f-2a m32f-2f m32f-2g m32f-2i m32f-2j m32f-c m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h2 class="x-text-content-text-primary">Garbage Go connects the virtual world with the real world. <span style="color: #0000ff;">It's educational, and it's fun!</span></h2></div></div></div></div></div></figure></div><div class="x-section e3975-e22 m32f-0 m32f-3 m32f-6 m32f-7 m32f-a"><div class="x-row x-container max width e3975-e23 m32f-l m32f-o m32f-q m32f-r m32f-t m32f-u m32f-x m32f-10 m32f-13 m32f-14 m32f-18 m32f-1f"><div class="x-row-inner"><div class="x-col e3975-e24 m32f-1l m32f-1o m32f-1s m32f-1t m32f-1v m32f-1w"><span class="x-image e3975-e25 m32f-2p m32f-2q m32f-2s m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/01/Logo_Garbage-Go.png" width="500" height="285" alt="Logo Garbage Go" loading="lazy"></span><div class="x-text x-text-headline e3975-e26 m32f-22 m32f-23 m32f-27 m32f-2a m32f-2d m32f-2g m32f-2k"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Logo design</strong> Inspired by Pokemon Go.</h3></div></div></div></div></div></div><div class="x-row x-container max width e3975-e27 m32f-l m32f-o m32f-q m32f-r m32f-t m32f-u m32f-x m32f-10 m32f-14 m32f-15 m32f-18 m32f-1g"><div class="x-row-inner"><div class="x-col e3975-e28 m32f-1l m32f-1o m32f-1s m32f-1t m32f-1v m32f-1x m32f-1y"><span class="x-image e3975-e29 m32f-2p m32f-2s m32f-2t m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/01/Splash_screen_Garbage_Go_iPhone_black.png" width="167" height="317" alt="Image" loading="lazy"></span><div class="x-text x-text-headline e3975-e30 m32f-22 m32f-23 m32f-27 m32f-2a m32f-2d m32f-2g m32f-2k"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Splash</strong>&nbsp;screen design</h3></div></div></div></div><div class="x-col e3975-e31 m32f-1l m32f-1o m32f-1s m32f-1t m32f-1v m32f-1x m32f-1z"><span class="x-image e3975-e32 m32f-2p m32f-2s m32f-2t m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/01/Login_screen_Garbage_Go_iPhone_black.png" width="167" height="317" alt="Socios Influencer instagram linkedin marketing folder" loading="lazy"></span><div class="x-text x-text-headline e3975-e33 m32f-22 m32f-23 m32f-27 m32f-2a m32f-2d m32f-2g m32f-2k"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Log in</strong>&nbsp;screen design</h3></div></div></div></div></div></div><div class="x-row x-container max width e3975-e34 m32f-l m32f-o m32f-q m32f-r m32f-t m32f-u m32f-x m32f-10 m32f-14 m32f-15 m32f-18 m32f-1h"><div class="x-row-inner"><div class="x-col e3975-e35 m32f-1l m32f-1o m32f-1s m32f-1t m32f-1v m32f-1x m32f-1z"><span class="x-image e3975-e36 m32f-2p m32f-2s m32f-2t m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/Dashboard_screen_Garbage_Go_iPhone.png" width="167" height="317" alt="Dashboard screen Garbage Go" loading="lazy"></span><div class="x-text x-text-headline e3975-e37 m32f-22 m32f-23 m32f-27 m32f-2a m32f-2d m32f-2g m32f-2k"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Dashboard</strong>&nbsp;screen design</h3></div></div></div></div><div class="x-col e3975-e38 m32f-1l m32f-1o m32f-1s m32f-1t m32f-1v m32f-1x m32f-1z"><span class="x-image e3975-e39 m32f-2p m32f-2s m32f-2t m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/Quiz_screen_Garbage_Go_iPhone.png" width="167" height="317" alt="Quiz screen Garbage Go iPhone" loading="lazy"></span><div class="x-text x-text-headline e3975-e40 m32f-22 m32f-23 m32f-27 m32f-2a m32f-2d m32f-2g m32f-2k"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Quiz</strong>&nbsp;screen design</h3></div></div></div></div></div></div></div><article class="x-section e3975-e41 m32f-0 m32f-3 m32f-6 m32f-7 m32f-b"><div class="x-row x-container max width e3975-e42 m32f-l m32f-o m32f-p m32f-t m32f-v m32f-x m32f-y m32f-11 m32f-16 m32f-1c m32f-1i wow fadeInUp"><div class="x-row-inner"><div class="x-col e3975-e43 m32f-1o m32f-1p m32f-1q m32f-1r m32f-f m32f-h m32f-j m32f-k x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text x-text-headline e3975-e44 m32f-23 m32f-26 m32f-27 m32f-2a m32f-2d m32f-2e m32f-2f m32f-2g m32f-c m32f-d m32f-e m32f-f m32f-g x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h2 class="x-text-content-text-primary">What we did</h2></div></div></div></div><div class="x-col e3975-e45 m32f-1o m32f-1q m32f-1r"><div class="x-text x-content e3975-e46 m32f-2n m32f-2o"><p>This non-profit project is developed with Michiel Brongers, Han Houtekamer, and Tom Tol. After a brainstorming session, we came up with the Pokemon Go concept. We invented the name pay-off and created the logo, color scheme, typography, and user interface-experience design. As our target audience is 8-year old, we focused on creating a simple, challenging, and fun interface, so they keep motivated to play the game.</p>
<p>Services we provided for this project:</p></div><div class="x-div e3975-e47 m32f-2v"><div class="x-div e3975-e48 m32f-2v"><div class="x-div e3975-e49 m32f-2v"><a class="x-anchor x-anchor-button has-graphic e3975-e50 m32f-2w" tabindex="0" href="https://browndesign.nl/corporate-branding/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">corporate branding</span></div></div></a></div><div class="x-div e3975-e49 m32f-2v"><a class="x-anchor x-anchor-button has-graphic e3975-e50 m32f-2w" tabindex="0" href="https://browndesign.nl/graphic-design/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">graphic design</span></div></div></a></div><div class="x-div e3975-e49 m32f-2v"><a class="x-anchor x-anchor-button has-graphic e3975-e50 m32f-2w" tabindex="0" href="https://browndesign.nl/ui-ux-design/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">UI/UX design</span></div></div></a></div></div></div></div></div></div></article><div class="x-section e3975-e51 m32f-0 m32f-9"><figure class="x-row x-container max width e3975-e52 m32f-l m32f-t m32f-v m32f-w m32f-x m32f-y m32f-z m32f-12 m32f-1a m32f-1j"><div class="x-row-inner"><div class="x-col e3975-e53 m32f-1l m32f-1o m32f-1q m32f-1r m32f-1s m32f-1t"><span class="x-image e3975-e54 m32f-2p m32f-2q m32f-2r m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/01/Scan_Result_screen_Garbage_Go_banana_black2.png" width="250" height="342" alt="Scan result screen garbage Go" loading="lazy"></span></div><div class="x-col e3975-e55 m32f-1l m32f-1o m32f-1q m32f-1r m32f-1s m32f-1t m32f-20"><span class="x-image e3975-e56 m32f-2p m32f-2s m32f-2u m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/01/Logo_Garbage-Go.png" width="500" height="285" alt="Logo Garbage Go" loading="lazy"></span><div class="x-text x-text-headline e3975-e57 m32f-21 m32f-22 m32f-23 m32f-26 m32f-29 m32f-2a m32f-2f m32f-2j m32f-2l m32f-c m32f-f m32f-g m32f-h m32f-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h2 class="x-text-content-text-primary">The dirtiest game of the Netherlands!</h2></div></div></div></div></div></figure></div><div class="x-section e3975-e58 m32f-0 m32f-3 m32f-5 m32f-6 m32f-7"><aside class="x-row e3975-e59 m32f-l m32f-m m32f-o m32f-t m32f-u m32f-17 m32f-1k"><div class="x-row-inner"><div class="x-col e3975-e60 m32f-1o m32f-1q m32f-1r"><div class="cs-content x-global-block x-global-block-4146 e3975-e61"><div class="x-section e4146-e2 m376-0"><div class="x-row x-container max width e4146-e3 m376-4 m376-5 wow fadeInUp"><div class="x-row-inner"><div class="x-col e4146-e4 m376-6 m376-7 m376-1 m376-2 x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text x-text-headline e4146-e5 m376-8 m376-2 m376-3 x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h4 class="x-text-content-text-primary">Want to know more?</h4></div></div></div></div><div class="x-col e4146-e6 m376-6"><div class="x-text x-content e4146-e7 m376-9"><p>Do you want to know more about this project? Do you have a project or a great idea? Let us know and request a <a href="/offerte/">quote</a> or <a href="/contact/">contact</a> us. We are happy to help.</p></div></div></div></div></div></div></div></div></aside></div></div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>TBB Supercars</title>
		<link>https://browndesign.nl/projects/tbb-supercars/</link>
		
		<dc:creator><![CDATA[Marco]]></dc:creator>
		<pubDate>Thu, 14 May 2020 12:15:13 +0000</pubDate>
				<category><![CDATA[corporate branding]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[UI/UX design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[featured]]></category>
		<guid isPermaLink="false">https://browndesign.nl/?page_id=2368</guid>

					<description><![CDATA[Search, filter, and find your supercar in seconds]]></description>
										<content:encoded><![CDATA[<div id="cs-content" class="cs-content"><div class="x-section e2368-e1 m1ts-0 m1ts-1 m1ts-2 m1ts-3"><div class="x-row x-container max width e2368-e2 m1ts-p m1ts-q m1ts-r m1ts-s m1ts-t m1ts-u m1ts-v m1ts-1c m1ts-1d"><div class="x-row-inner"><section class="x-col e2368-e3 m1ts-1m m1ts-1n m1ts-1o m1ts-1p m1ts-1q m1ts-1r m1ts-1s"><div class="x-text x-text-headline e2368-e4 m1ts-20 m1ts-21 m1ts-22 m1ts-23 m1ts-24 m1ts-25 m1ts-26 m1ts-e m1ts-f m1ts-g m1ts-h m1ts-i m1ts-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text"><h1 class="x-text-content-text-primary">Search, filter, and find your supercar in seconds</h1>
</div></div></div><div data-x-element-text-type="{&quot;strings&quot;:[&quot;TBB Supercars&quot;],&quot;type_speed&quot;:50,&quot;back_speed&quot;:50,&quot;start_delay&quot;:1000,&quot;back_delay&quot;:1000,&quot;loop&quot;:false,&quot;show_cursor&quot;:true,&quot;cursor&quot;:&quot;_&quot;}" class="x-text x-text-headline e2368-e5 m1ts-21 m1ts-22 m1ts-23 m1ts-26 m1ts-27 m1ts-28 m1ts-29 m1ts-e"><div class="x-text-content"><div class="x-text-content-text"><h2 class="x-text-content-text-primary"><span class="x-text-typing"></span>&nbsp;</h2>
</div></div></div></section></div></div></div><div class="x-section e2368-e6 m1ts-0 m1ts-2 m1ts-3 m1ts-4 m1ts-5 m1ts-6"><div class="x-row e2368-e7 m1ts-p m1ts-q m1ts-s m1ts-w m1ts-x m1ts-y m1ts-z m1ts-10 m1ts-1e"><div class="x-row-inner"><figure class="x-col e2368-e8 m1ts-1m m1ts-1p m1ts-1r m1ts-1t m1ts-1u m1ts-1v m1ts-g m1ts-h m1ts-k m1ts-l x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;0%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-bg"><div class="x-bg-layer-lower-img"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/TBB_Supercars_Hero-image_iphone-car.jpg" alt="Image" loading="lazy"/></div></div></figure></div></div></div><div class="x-section e2368-e9 m1ts-0 m1ts-3 m1ts-7 m1ts-8"><article class="x-row x-container max width e2368-e10 m1ts-p m1ts-s m1ts-t m1ts-u m1ts-x m1ts-10 m1ts-11 m1ts-12 m1ts-13 m1ts-14 m1ts-15 m1ts-1f m1ts-1g"><div class="x-row-inner"><div class="x-col e2368-e11 m1ts-1m m1ts-1o m1ts-1p m1ts-1q m1ts-1r m1ts-1s m1ts-1t"><div class="x-text x-text-headline e2368-e12 m1ts-23 m1ts-25 m1ts-26 m1ts-27 m1ts-2a m1ts-2b m1ts-2c m1ts-2d m1ts-e m1ts-f m1ts-g m1ts-h m1ts-i m1ts-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h2 class="x-text-content-text-primary">Project<br />highlights</h2></div></div></div></div><div class="x-col e2368-e13 m1ts-1m m1ts-1o m1ts-1p m1ts-1q m1ts-1r m1ts-1s m1ts-1t"><div class="x-text x-text-headline e2368-e14 m1ts-21 m1ts-22 m1ts-23 m1ts-24 m1ts-26 m1ts-28 m1ts-2d m1ts-2e m1ts-e"><div class="x-text-content"><div class="x-text-content-text"><p class="x-text-content-text-primary">TBB Supercars is a German-based car leasing company specializing in the high-end exclusive market. They offer a solution to try a supercar for six months.</p>
</div></div></div><div class="x-text x-content e2368-e15 m1ts-2i m1ts-2j">TBB Supercars needed an easy-to-use and easy-to-navigate website. We worked closely with TBB Supercars and developed a responsive, easy-to-use interface. The interface is clean and intuitive. When designing the website, we focused on mobile-first.</div></div></div></article></div><div class="x-section e2368-e16 m1ts-0 m1ts-9 m1ts-a m1ts-b"><figure class="x-row x-container max width e2368-e17 m1ts-p m1ts-x m1ts-z m1ts-10 m1ts-11 m1ts-12 m1ts-16 m1ts-1h"><div class="x-row-inner"><div class="x-col e2368-e18 m1ts-1m m1ts-1p m1ts-1r m1ts-1s m1ts-1t m1ts-1u"><span class="x-image e2368-e19 m1ts-2l m1ts-2m m1ts-h m1ts-i m1ts-k m1ts-m m1ts-n x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/TBB_Supercars_Search-Filter-find.png" width="375" height="469" alt="TBB Supercars Search-filter-find" loading="lazy"></span></div><div class="x-col e2368-e20 m1ts-1m m1ts-1o m1ts-1p m1ts-1r m1ts-1s m1ts-1t m1ts-1w"><div class="x-text x-text-headline e2368-e21 m1ts-21 m1ts-22 m1ts-23 m1ts-25 m1ts-26 m1ts-27 m1ts-2c m1ts-2d m1ts-2f m1ts-e m1ts-h m1ts-i m1ts-j m1ts-k m1ts-m x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;0%&quot;,&quot;offsetBottom&quot;:&quot;0%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h2 class="x-text-content-text-primary">Search, filter, and find your supercar in seconds.</h2></div></div></div></div></div></figure></div><article class="x-section e2368-e22 m1ts-0 m1ts-3 m1ts-6 m1ts-7 m1ts-b m1ts-c"><div class="x-row x-container max width e2368-e23 m1ts-p m1ts-s m1ts-t m1ts-x m1ts-z m1ts-10 m1ts-11 m1ts-15 m1ts-17 m1ts-1f m1ts-1i wow fadeInUp"><div class="x-row-inner"><div class="x-col e2368-e24 m1ts-1p m1ts-1q m1ts-1r m1ts-1s m1ts-h m1ts-k m1ts-m m1ts-o x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text x-text-headline e2368-e25 m1ts-23 m1ts-25 m1ts-26 m1ts-27 m1ts-2a m1ts-2b m1ts-2c m1ts-2d m1ts-e m1ts-f m1ts-g m1ts-h m1ts-i m1ts-j x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h4 class="x-text-content-text-primary">What we did</h4></div></div></div></div><div class="x-col e2368-e26 m1ts-1p m1ts-1r m1ts-1s"><div class="x-text x-content e2368-e27 m1ts-2j m1ts-2k"><p>We developed the TBB Supercar's corporate identity, including logo, color scheme, font-family, typography, and the website user interface and usability design.</p>
<p>Services we provided for this project:</p></div><div class="x-div e2368-e28 m1ts-2q"><div class="x-div e2368-e29 m1ts-2q"><div class="x-div e2368-e30 m1ts-2q"><a class="x-anchor x-anchor-button has-graphic e2368-e31 m1ts-2r" tabindex="0" href="https://browndesign.nl/corporate-branding/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">corporate branding</span></div></div></a></div><div class="x-div e2368-e30 m1ts-2q"><a class="x-anchor x-anchor-button has-graphic e2368-e31 m1ts-2r" tabindex="0" href="https://browndesign.nl/graphic-design/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">graphic design</span></div></div></a></div><div class="x-div e2368-e30 m1ts-2q"><a class="x-anchor x-anchor-button has-graphic e2368-e31 m1ts-2r" tabindex="0" href="https://browndesign.nl/ui-ux-design/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">UI/UX design</span></div></div></a></div><div class="x-div e2368-e30 m1ts-2q"><a class="x-anchor x-anchor-button has-graphic e2368-e31 m1ts-2r" tabindex="0" href="https://browndesign.nl/web-development/"><div class="x-anchor-content"><span class="x-graphic" aria-hidden="true"><span data-x-single-anim="x-scale-up" class="x-icon x-graphic-child x-graphic-icon x-graphic-primary" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc. --><path d="M440.6 273.4c4.7-4.5 7.4-10.8 7.4-17.4s-2.7-12.8-7.4-17.4l-176-168c-9.6-9.2-24.8-8.8-33.9 .8s-8.8 24.8 .8 33.9L364.1 232 24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l340.1 0L231.4 406.6c-9.6 9.2-9.9 24.3-.8 33.9s24.3 9.9 33.9 .8l176-168z"/></svg></span></span><div class="x-anchor-text"><span class="x-anchor-text-primary">web development</span></div></div></a></div></div></div></div></div></div></article><div class="x-section e2368-e32 m1ts-0 m1ts-a m1ts-d"><div class="x-row x-container max width e2368-e33 m1ts-p m1ts-s m1ts-u m1ts-v m1ts-x m1ts-y m1ts-10 m1ts-14 m1ts-18 m1ts-19 m1ts-1c m1ts-1j"><div class="x-row-inner"><div class="x-col e2368-e34 m1ts-1m m1ts-1p m1ts-1t m1ts-1u m1ts-1x m1ts-1y wow fadeInUp"><span class="x-image e2368-e35 m1ts-2l m1ts-2n m1ts-2o m1ts-h m1ts-i m1ts-j m1ts-k m1ts-m wow fadeInUp x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/Logo_TBB_Supercars_vertical.png" width="267" height="154" alt="Logo TBB Supercars" loading="lazy"></span><div class="x-text x-text-headline e2368-e36 m1ts-22 m1ts-23 m1ts-27 m1ts-2a m1ts-2g m1ts-2h"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Logo</strong>&nbsp;<strong>T</strong>ry <strong>B</strong>efore you&nbsp;<strong>B</strong>uy Supercars<br />Vertical design</h3></div></div></div></div></div></div><div class="x-row x-container max width e2368-e37 m1ts-p m1ts-s m1ts-u m1ts-v m1ts-x m1ts-y m1ts-10 m1ts-14 m1ts-19 m1ts-1a m1ts-1c m1ts-1k"><div class="x-row-inner"><div class="x-col e2368-e38 m1ts-1m m1ts-1p m1ts-1t m1ts-1u m1ts-1x m1ts-1z"><span class="x-image e2368-e39 m1ts-2l m1ts-2o m1ts-2p m1ts-h m1ts-i m1ts-j m1ts-k m1ts-m x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/TBB_Supercars_Try-for-6-months.png" width="171" height="324" alt="Image" loading="lazy"></span><div class="x-text x-text-headline e2368-e40 m1ts-22 m1ts-23 m1ts-26 m1ts-27 m1ts-2a m1ts-2g"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Home</strong>&nbsp;screen design</h3></div></div></div></div><div class="x-col e2368-e41 m1ts-1m m1ts-1p m1ts-1t m1ts-1u m1ts-1x m1ts-1z"><span class="x-image e2368-e42 m1ts-2l m1ts-2o m1ts-2p m1ts-h m1ts-i m1ts-j m1ts-k m1ts-m x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2022/02/TBB_Supercars_Bugatti_Veyron2.png" width="171" height="324" alt="Image" loading="lazy"></span><div class="x-text x-text-headline e2368-e43 m1ts-22 m1ts-23 m1ts-26 m1ts-27 m1ts-2a m1ts-2g"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Selected cars</strong>&nbsp;screen design</h3></div></div></div></div></div></div></div><div class="x-section e2368-e44 m1ts-0 m1ts-3 m1ts-5 m1ts-6 m1ts-7"><aside class="x-row e2368-e45 m1ts-p m1ts-q m1ts-s m1ts-x m1ts-y m1ts-1b m1ts-1l"><div class="x-row-inner"><div class="x-col e2368-e46 m1ts-1p m1ts-1r m1ts-1s"><div class="cs-content x-global-block x-global-block-4146 e2368-e47"><div class="x-section e4146-e2 m376-0"><div class="x-row x-container max width e4146-e3 m376-4 m376-5 wow fadeInUp"><div class="x-row-inner"><div class="x-col e4146-e4 m376-6 m376-7 m376-1 m376-2 x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;10%&quot;,&quot;offsetBottom&quot;:&quot;10%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text x-text-headline e4146-e5 m376-8 m376-2 m376-3 x-effect-exit" data-x-effect="{&quot;scroll&quot;:true,&quot;offsetTop&quot;:&quot;5%&quot;,&quot;offsetBottom&quot;:&quot;5%&quot;,&quot;behaviorScroll&quot;:&quot;fire-once&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h4 class="x-text-content-text-primary">Want to know more?</h4></div></div></div></div><div class="x-col e4146-e6 m376-6"><div class="x-text x-content e4146-e7 m376-9"><p>Do you want to know more about this project? Do you have a project or a great idea? Let us know and request a <a href="/offerte/">quote</a> or <a href="/contact/">contact</a> us. We are happy to help.</p></div></div></div></div></div></div></div></div></aside></div></div>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
