<?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>web development Archives &#8211; BROWN DΞSIGN</title>
	<atom:link href="https://browndesign.nl/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>https://browndesign.nl/web-development/</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>web development Archives &#8211; BROWN DΞSIGN</title>
	<link>https://browndesign.nl/web-development/</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>IT Local</title>
		<link>https://browndesign.nl/projects/it-local-happy-with-it/</link>
		
		<dc:creator><![CDATA[Marco]]></dc:creator>
		<pubDate>Fri, 22 May 2020 17:43:04 +0000</pubDate>
				<category><![CDATA[corporate branding]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[featured]]></category>
		<guid isPermaLink="false">https://browndesign.nl/?page_id=2541</guid>

					<description><![CDATA[Enjoy working wherever and whenever you want]]></description>
										<content:encoded><![CDATA[<div id="cs-content" class="cs-content"><div class="x-section e2541-e1 m1yl-0 m1yl-1 m1yl-2 m1yl-3"><div class="x-row x-container max width e2541-e2 m1yl-p m1yl-q m1yl-r m1yl-s m1yl-t m1yl-u m1yl-v m1yl-1g m1yl-1h"><div class="x-row-inner"><section class="x-col e2541-e3 m1yl-1v m1yl-1w m1yl-1x m1yl-1y m1yl-1z m1yl-20"><div class="x-text x-text-headline e2541-e4 m1yl-2f m1yl-2g m1yl-2h m1yl-2i m1yl-2j m1yl-2k m1yl-2l m1yl-2m m1yl-f m1yl-g m1yl-h m1yl-i m1yl-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">Enjoy working wherever and whenever you want</h1>
</div></div></div><div data-x-element-text-type="{&quot;strings&quot;:[&quot;IT Local Happy with it&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 e2541-e5 m1yl-2g m1yl-2h m1yl-2m m1yl-2n m1yl-2o m1yl-2p m1yl-2q m1yl-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 e2541-e6 m1yl-0 m1yl-1 m1yl-2 m1yl-4 m1yl-5 m1yl-6"><div class="x-row e2541-e7 m1yl-p m1yl-q m1yl-s m1yl-w m1yl-x m1yl-y m1yl-z m1yl-10 m1yl-11 m1yl-1i m1yl-1j"><div class="x-row-inner"><div class="x-col e2541-e8 m1yl-1v m1yl-1y m1yl-1z m1yl-20 m1yl-21 m1yl-22 m1yl-23 m1yl-h m1yl-i m1yl-k m1yl-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/IT-Local_Happy-with-it_laptop_iPhone_homepage.jpg" alt="IT Local homepage laptop" loading="lazy"/></div></div></div></div></div></figure><article class="x-section e2541-e9 m1yl-0 m1yl-2 m1yl-7 m1yl-8 m1yl-9"><div class="x-row x-container max width e2541-e10 m1yl-p m1yl-s m1yl-t m1yl-u m1yl-x m1yl-11 m1yl-12 m1yl-13 m1yl-14 m1yl-15 m1yl-16 m1yl-1k m1yl-1l"><div class="x-row-inner"><div class="x-col e2541-e11 m1yl-1v m1yl-1x m1yl-1y m1yl-1z m1yl-20 m1yl-21 m1yl-24"><div class="x-text x-text-headline e2541-e12 m1yl-2h m1yl-2i m1yl-2l m1yl-2m m1yl-2o m1yl-2r m1yl-2s m1yl-2t m1yl-f m1yl-g m1yl-h m1yl-i m1yl-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 e2541-e13 m1yl-1v m1yl-1x m1yl-1y m1yl-1z m1yl-20 m1yl-21 m1yl-24"><div class="x-text x-text-headline e2541-e14 m1yl-2f m1yl-2g m1yl-2h m1yl-2j m1yl-2m m1yl-2n m1yl-2p m1yl-2u m1yl-f"><div class="x-text-content"><div class="x-text-content-text"><p class="x-text-content-text-primary">IT Local’s existing brand was selling them short. The time was right to rebrand and to better communicate with their customers.
They wanted to bring happiness, and joy to their online workplace.</p>
</div></div></div><div class="x-text x-content e2541-e15 m1yl-31 m1yl-32"><p><strong>The solution</strong><br />IT Local's marketing- and communication manager came up with the 'happy-with-it' pay-off. IT doesn't need to be boring; it can be fun. To illustrate that feeling, we added the happy-fellow. A simple outlined blue fellow that pops up now and then.</p>
<p>We redesigned IT Local's brand with an updated logo, a new color scheme, and several corporate designs. We also refreshed and built a responsive new website and an easy-to-use CMS. The page builder tool is built into the WordPress environment and packed with design assets. Their SEO company can quickly create landings pages, all in line with their new corporate branding.</p></div></div></div></div></article><figure class="x-section e2541-e16 m1yl-0 m1yl-2 m1yl-6 m1yl-7 m1yl-a"><div class="x-row x-container max width e2541-e17 m1yl-p m1yl-s m1yl-u m1yl-v m1yl-x m1yl-y m1yl-11 m1yl-15 m1yl-17 m1yl-18 m1yl-19 m1yl-1g m1yl-1m"><div class="x-row-inner"><div class="x-col e2541-e18 m1yl-1v m1yl-1y m1yl-21 m1yl-22 m1yl-25 m1yl-26 m1yl-27"><span class="x-image e2541-e19 m1yl-34 m1yl-35 m1yl-36 m1yl-37 m1yl-i m1yl-j m1yl-k m1yl-m 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/Logo_IT-Local_white_transp.png" width="500" height="268" alt="IT Local logo" loading="lazy"></span><div class="x-text x-text-headline e2541-e20 m1yl-2g m1yl-2h m1yl-2n m1yl-2o m1yl-2r m1yl-2v m1yl-2w m1yl-2x"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Logo </strong>design</h3></div></div></div></div></div></div><div class="x-row x-container max width e2541-e21 m1yl-p m1yl-s m1yl-u m1yl-v m1yl-x m1yl-y m1yl-11 m1yl-15 m1yl-17 m1yl-18 m1yl-19 m1yl-1g m1yl-1n"><div class="x-row-inner"><div class="x-col e2541-e22 m1yl-1v m1yl-1y m1yl-21 m1yl-22 m1yl-25 m1yl-28 m1yl-29 m1yl-2a m1yl-2b"><span class="x-image e2541-e23 m1yl-34 m1yl-36 m1yl-37 m1yl-38 m1yl-39 m1yl-i m1yl-j m1yl-k m1yl-m 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/Logo_construction_IT-Local.svg" width="705" height="478" alt="IT Local logo construction" loading="lazy"></span><div class="x-text x-text-headline e2541-e24 m1yl-2g m1yl-2h m1yl-2n m1yl-2o m1yl-2r m1yl-2v m1yl-2w m1yl-2y"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Logo </strong>construction with clear space</h3></div></div></div></div></div></div><div class="x-row x-container max width e2541-e25 m1yl-p m1yl-s m1yl-u m1yl-v m1yl-x m1yl-y m1yl-11 m1yl-15 m1yl-18 m1yl-19 m1yl-1a m1yl-1g m1yl-1o"><div class="x-row-inner"><div class="x-col e2541-e26 m1yl-1v m1yl-1y m1yl-21 m1yl-22 m1yl-25 m1yl-29 m1yl-2a m1yl-2b m1yl-2c"><span class="x-image e2541-e27 m1yl-34 m1yl-36 m1yl-37 m1yl-3a m1yl-i m1yl-j m1yl-k m1yl-m 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/Construction_IT-Local_happy-guy.png" width="375" height="471" alt="Happy Guy construction" loading="lazy"></span><div class="x-text x-text-headline e2541-e28 m1yl-2g m1yl-2h m1yl-2n m1yl-2o m1yl-2r m1yl-2v m1yl-2y m1yl-2z"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Happy-fellow construction</strong><br />The construction of the happy-guy consists entirely of circles and two rounded rectangles. By connecting them, we created the arms and legs. Using the app logo's shape, we designed the body.</h3></div></div></div></div><div class="x-col e2541-e29 m1yl-1v m1yl-1y m1yl-21 m1yl-22 m1yl-25 m1yl-27 m1yl-29 m1yl-2a m1yl-2c"><span class="x-image e2541-e30 m1yl-34 m1yl-36 m1yl-37 m1yl-3a m1yl-i m1yl-j m1yl-k m1yl-m 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/Happy_guy_white_reflected.png" width="375" height="506" alt="Quiz screen Garbage Go iPhone" loading="lazy"></span><div class="x-text x-text-headline e2541-e31 m1yl-2g m1yl-2h m1yl-2n m1yl-2o m1yl-2r m1yl-2v m1yl-2w m1yl-2x"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>Happy-fellow&nbsp;</strong>on blue background</h3></div></div></div></div></div></div></figure><div class="x-section e2541-e32 m1yl-0 m1yl-a m1yl-b"><div class="x-row x-container max width e2541-e33 m1yl-p m1yl-x m1yl-z m1yl-10 m1yl-11 m1yl-12 m1yl-13 m1yl-1b m1yl-1i m1yl-1p"><div class="x-row-inner"><div class="x-col e2541-e34 m1yl-1v m1yl-1y m1yl-1z m1yl-20 m1yl-21 m1yl-22"><span class="x-image e2541-e35 m1yl-34 m1yl-36 m1yl-39 m1yl-3b m1yl-g m1yl-i m1yl-j m1yl-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/IT-Local_Sinterklaas_Katoenentas.png" width="375" height="515" alt="IT Local Sinterklaas strooitas" loading="lazy"></span></div><div class="x-col e2541-e36 m1yl-1v m1yl-1x m1yl-1y m1yl-1z m1yl-20 m1yl-21 m1yl-24"><div class="x-text x-text-headline e2541-e37 m1yl-2f m1yl-2g m1yl-2h m1yl-2l m1yl-2n m1yl-2o m1yl-2t m1yl-30 m1yl-f m1yl-g m1yl-i m1yl-j m1yl-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"><span style="color: rgba(0, 113, 206, 0.5);">Treat bag with a</span> Saint Nicholas happy-fellow.</h2></div></div></div></div></div></div></div><article class="x-section e2541-e38 m1yl-0 m1yl-2 m1yl-6 m1yl-8 m1yl-c m1yl-d"><div class="x-row x-container max width e2541-e39 m1yl-p m1yl-s m1yl-t m1yl-x m1yl-z m1yl-11 m1yl-12 m1yl-16 m1yl-1c m1yl-1k m1yl-1q wow fadeInUp"><div class="x-row-inner"><div class="x-col e2541-e40 m1yl-1y m1yl-1z m1yl-20 m1yl-24 m1yl-i m1yl-k m1yl-n m1yl-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 e2541-e41 m1yl-2h m1yl-2i m1yl-2l m1yl-2m m1yl-2o m1yl-2r m1yl-2s m1yl-2t m1yl-f m1yl-g m1yl-h m1yl-i m1yl-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 e2541-e42 m1yl-1y m1yl-1z m1yl-20"><div class="x-text x-content e2541-e43 m1yl-31 m1yl-33"><p>We've defined an extensive branding guideline, including visual identity guidelines, usage of images, font family, color schemes, buttons, and stationery elements.</p>
<p>After the happy-with-it pay-off was approved, we created the happy fellow. The happy-fellow reinforces the 'Happy with it' feeling and contributes to the positioning of IT Local. You can use him or her as a striking element in your expression or as a watermark.</p></div><a class="x-anchor x-anchor-button has-graphic e2541-e44 m1yl-3f m1yl-3g" tabindex="0" href="https://itlocal.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 e2541-e45 m1yl-31 m1yl-33"><p>Services we delivered for this project:</p></div><div class="x-div e2541-e46 m1yl-3i m1yl-3j"><div class="x-div e2541-e47 m1yl-3j"><div class="x-div e2541-e48 m1yl-3j"><a class="x-anchor x-anchor-button has-graphic e2541-e49 m1yl-3g m1yl-3h" 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 e2541-e48 m1yl-3j"><a class="x-anchor x-anchor-button has-graphic e2541-e49 m1yl-3g m1yl-3h" 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 e2541-e48 m1yl-3j"><a class="x-anchor x-anchor-button has-graphic e2541-e49 m1yl-3g m1yl-3h" 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><figure class="x-section e2541-e50 m1yl-0 m1yl-2 m1yl-6 m1yl-8 m1yl-d m1yl-e"><div class="x-row x-container max width e2541-e51 m1yl-p m1yl-s m1yl-u m1yl-v m1yl-x m1yl-y m1yl-11 m1yl-15 m1yl-19 m1yl-1a m1yl-1d m1yl-1g m1yl-1r"><div class="x-row-inner"><div class="x-col e2541-e52 m1yl-1v m1yl-1y m1yl-21 m1yl-22 m1yl-25 m1yl-2a m1yl-2d m1yl-2e"><span class="x-image e2541-e53 m1yl-34 m1yl-37 m1yl-3c m1yl-3d m1yl-i m1yl-j m1yl-k m1yl-n 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/Homepage_It-Local_screen1.jpg" width="750" height="650" alt="IT Local Homepage" loading="lazy"></span></div></div></div><div class="x-row x-container max width e2541-e54 m1yl-p m1yl-s m1yl-u m1yl-v m1yl-x m1yl-y m1yl-11 m1yl-15 m1yl-17 m1yl-19 m1yl-1e m1yl-1g m1yl-1s"><div class="x-row-inner"><div class="x-col e2541-e55 m1yl-1v m1yl-1y m1yl-20 m1yl-21 m1yl-22 m1yl-25 m1yl-2e"><span class="x-image e2541-e56 m1yl-34 m1yl-37 m1yl-3d m1yl-3e m1yl-i m1yl-j m1yl-k m1yl-n 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/IT-Local_guidelines1.jpg" width="750" height="500" alt="IT Local branding guidelines" loading="lazy"></span></div></div></div><div class="x-row x-container max width e2541-e57 m1yl-p m1yl-s m1yl-u m1yl-v m1yl-x m1yl-y m1yl-11 m1yl-15 m1yl-17 m1yl-18 m1yl-19 m1yl-1g m1yl-1t"><div class="x-row-inner"><div class="x-col e2541-e58 m1yl-1v m1yl-1y m1yl-20 m1yl-21 m1yl-22 m1yl-25 m1yl-2e"><span class="x-image e2541-e59 m1yl-34 m1yl-37 m1yl-3d m1yl-3e m1yl-i m1yl-j m1yl-k m1yl-n 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/IT-Local_guidelines2.jpg" width="750" height="500" alt="IT Local branding guidelines" loading="lazy"></span></div></div></div></figure><aside class="x-section e2541-e60 m1yl-0 m1yl-2 m1yl-5 m1yl-6 m1yl-8"><div class="x-row e2541-e61 m1yl-p m1yl-q m1yl-s m1yl-x m1yl-y m1yl-1f m1yl-1u"><div class="x-row-inner"><div class="x-col e2541-e62 m1yl-1y m1yl-1z m1yl-20"><div class="cs-content x-global-block x-global-block-4146 e2541-e63"><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>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>
