<?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 Archieven &#8211; BROWN DΞSIGN</title>
	<atom:link href="https://browndesign.nl/project-category/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>https://browndesign.nl/project-category/web-development/</link>
	<description>Branding, Graphic Design, Webdesign, Development</description>
	<lastBuildDate>Tue, 15 Apr 2025 09:05:56 +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 Archieven &#8211; BROWN DΞSIGN</title>
	<link>https://browndesign.nl/project-category/web-development/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Web Event Concept</title>
		<link>https://browndesign.nl/project/web-event-concept/</link>
		
		<dc:creator><![CDATA[Marco]]></dc:creator>
		<pubDate>Thu, 27 Mar 2025 17:30:51 +0000</pubDate>
				<guid isPermaLink="false">https://browndesign.nl/?post_type=project&#038;p=4928</guid>

					<description><![CDATA[Web application concept with custom NFT integration, built using React, Next.js, Vite, and Chakra UI. It delivers a smooth and fast user experience, allowing users to filter, add, and delete events easily. The app dynamically fetches data from the MyJSON Server API, ensuring real-time updates and seamless functionality.]]></description>
										<content:encoded><![CDATA[<div id="cs-content" class="cs-content"><div class="x-section e4928-e1 m3sw-0 m3sw-1 m3sw-2 m3sw-3"><article class="x-row x-container max width e4928-e2 m3sw-g m3sw-h m3sw-i m3sw-j m3sw-k m3sw-l m3sw-m m3sw-r m3sw-s"><div class="x-row-inner"><div class="x-col e4928-e3 m3sw-w m3sw-x m3sw-y m3sw-z m3sw-10 m3sw-11"></div><div class="x-col e4928-e4 m3sw-w m3sw-x m3sw-y m3sw-z m3sw-11"><div class="x-text x-content e4928-e5 m3sw-14 m3sw-15"><p class="" data-start="0" data-end="425">The app is versioned on <a href="https://github.com/MarcusBr0wn8/WINC_React_NFT_Event_App" target="_blank" rel="noopener">GitHub</a> and hosted on <a href="https://winc-nft-events-react.netlify.app/" target="_blank" rel="noopener">Netlify</a>, ensuring smooth collaboration and clean code that meets industry standards. Beyond functionality, I focused on visual impact by integrating exclusive NFTs, conceptualized, designed, and minted by me. These digital assets, available on OpenSea, highlight my ability to merge traditional web development with blockchain innovation, adding a collectible element to the app.</p>
<p class="" data-start="427" data-end="772">More than just enhancing the UI, these NFTs open the door to future possibilities and paving the way for scalable Web3 applications. This project showcases expertise in building high-performance web solutions combined with blockchain.</p></div></div></div></article></div><div class="x-section e4928-e6 m3sw-2 m3sw-4 m3sw-7 m3sw-8 m3sw-9 m3sw-a 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;reset&quot;}"><div class="x-bg" style="border-radius: 20px;"><div class="x-bg-layer-lower-img" data-x-element-bg-layer="{&quot;parallaxSize&quot;:&quot;105%&quot;,&quot;parallaxDir&quot;:&quot;v&quot;,&quot;parallaxRev&quot;:false}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2025/03/Brown_React_Webapp_screens-scaled.jpg" alt="Web Event Concept" loading="lazy"/></div></div><figure class="x-row x-container max width e4928-e7 m3sw-h m3sw-i m3sw-j m3sw-n m3sw-o m3sw-t"><div class="x-row-inner"><div class="x-col e4928-e8 m3sw-w m3sw-z m3sw-11 m3sw-12"><div class="x-text x-text-headline e4928-e9 m3sw-17 m3sw-18 m3sw-19 m3sw-1a m3sw-a m3sw-b m3sw-c m3sw-d 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;reset&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary">A web app with custom NFT integration, built using React, Next.js, Vite, and Chakra User Interface css.</h3></div></div></div><div class="x-text x-text-headline e4928-e10 m3sw-17 m3sw-18 m3sw-19 m3sw-1a m3sw-a m3sw-b m3sw-c m3sw-d 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;reset&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary">High-performance web application combined with blockchain.</h3></div></div></div></div></div></figure></div><article class="x-section e4928-e11 m3sw-0 m3sw-2 m3sw-5 m3sw-6"><div class="x-row x-container max width e4928-e12 m3sw-g m3sw-i m3sw-j m3sw-l m3sw-o m3sw-p m3sw-r m3sw-u wow fadeInUp"><div class="x-row-inner"><div class="x-col e4928-e13 m3sw-z m3sw-10 m3sw-11 m3sw-8 m3sw-9 m3sw-a m3sw-e 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 e4928-e14 m3sw-18 m3sw-19 m3sw-1b m3sw-9 m3sw-a m3sw-c m3sw-d m3sw-f 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;reset&quot;}"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary">Added some extra's</h3></div></div></div></div><div class="x-col e4928-e15 m3sw-z m3sw-11"><div class="x-text x-content e4928-e16 m3sw-15 m3sw-16"><p class="" data-start="0" data-end="326"><strong>Here&rsquo;s where it gets interesting:</strong> I didn&rsquo;t just build the app, I integrated my own custom NFTs. I designed a collection of <em>NFTee's</em>, listed them on OpenSea, and added a real-world twist. When you buy one, you don&rsquo;t just get a digital collectible; you also receive a matching physical t-shirt delivered to your door. It&rsquo;s a unique combination of web development, and blockchain innovation.</p></div><a class="x-anchor x-anchor-button has-graphic e4928-e17 m3sw-1d" tabindex="0" href="https://winc-nft-events-react.netlify.app/" 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 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" data-x-single-anim="x-slide-left">Visit project</span></div></div></a><a class="x-anchor x-anchor-button has-graphic e4928-e18 m3sw-1d" tabindex="0" href="https://opensea.io/BROWNDESIGN" 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 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" data-x-single-anim="x-slide-left">Visit OpenSea</span></div></div></a></div></div></div></article><div class="x-section e4928-e19 m3sw-0 m3sw-2 m3sw-3 m3sw-5"><div class="x-row e4928-e20 m3sw-g m3sw-i m3sw-m m3sw-q m3sw-v"><div class="x-row-inner"><div class="x-col e4928-e21 m3sw-w m3sw-x m3sw-z m3sw-13"><span class="x-image e4928-e22 m3sw-1e m3sw-8 m3sw-9 m3sw-a m3sw-d 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;reset&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2025/03/HOME_Event_web_App_LikkBill.png" srcset="https://browndesign.nl/wp-content/uploads/2025/03/HOME_Event_web_App_LikkBill.png 500w, https://browndesign.nl/wp-content/uploads/2025/03/HOME_Event_web_App_LikkBill-251x500.png 251w, https://browndesign.nl/wp-content/uploads/2025/03/HOME_Event_web_App_LikkBill-100x199.png 100w" sizes="(max-width: 500px) 100vw, 500px" alt="Splash screen Web Event Concept" loading="lazy"></span><div class="x-text x-text-headline e4928-e23 m3sw-18 m3sw-1a m3sw-1c"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>home</strong> screen</h3></div></div></div></div><div class="x-col e4928-e24 m3sw-w m3sw-x m3sw-z m3sw-13"><span class="x-image e4928-e25 m3sw-1e m3sw-8 m3sw-9 m3sw-a m3sw-d 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;reset&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2025/03/ADD_Event_web_App2.png" srcset="https://browndesign.nl/wp-content/uploads/2025/03/ADD_Event_web_App2.png 500w, https://browndesign.nl/wp-content/uploads/2025/03/ADD_Event_web_App2-251x500.png 251w, https://browndesign.nl/wp-content/uploads/2025/03/ADD_Event_web_App2-100x199.png 100w" sizes="(max-width: 500px) 100vw, 500px" alt="Splash screen Web Event Concept" loading="lazy"></span><div class="x-text x-text-headline e4928-e26 m3sw-18 m3sw-1a m3sw-1c"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>ADD</strong> event</h3></div></div></div></div><div class="x-col e4928-e27 m3sw-w m3sw-x m3sw-z m3sw-13"><span class="x-image e4928-e28 m3sw-1e m3sw-8 m3sw-9 m3sw-a m3sw-d 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;reset&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2025/03/EDIT_Event_web_App_LikkBill.png" srcset="https://browndesign.nl/wp-content/uploads/2025/03/EDIT_Event_web_App_LikkBill.png 500w, https://browndesign.nl/wp-content/uploads/2025/03/EDIT_Event_web_App_LikkBill-251x500.png 251w, https://browndesign.nl/wp-content/uploads/2025/03/EDIT_Event_web_App_LikkBill-100x199.png 100w" sizes="(max-width: 500px) 100vw, 500px" alt="Splash screen Web Event Concept" loading="lazy"></span><div class="x-text x-text-headline e4928-e29 m3sw-18 m3sw-1a m3sw-1c"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>EDIT</strong> event</h3></div></div></div></div><div class="x-col e4928-e30 m3sw-w m3sw-x m3sw-z m3sw-13"><span class="x-image e4928-e31 m3sw-1e m3sw-8 m3sw-9 m3sw-a m3sw-d 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;reset&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2025/03/Delete_Event_web_App.png" srcset="https://browndesign.nl/wp-content/uploads/2025/03/Delete_Event_web_App.png 500w, https://browndesign.nl/wp-content/uploads/2025/03/Delete_Event_web_App-251x500.png 251w, https://browndesign.nl/wp-content/uploads/2025/03/Delete_Event_web_App-100x199.png 100w" sizes="(max-width: 500px) 100vw, 500px" alt="Splash screen Web Event Concept" loading="lazy"></span><div class="x-text x-text-headline e4928-e32 m3sw-18 m3sw-1a m3sw-1c"><div class="x-text-content"><div class="x-text-content-text">
<h3 class="x-text-content-text-primary"><strong>delete</strong> event</h3></div></div></div></div></div></div></div></div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WeightWorks</title>
		<link>https://browndesign.nl/project/weightworks/</link>
		
		<dc:creator><![CDATA[Marco]]></dc:creator>
		<pubDate>Wed, 26 Mar 2025 13:10:54 +0000</pubDate>
				<guid isPermaLink="false">https://browndesign.nl/?post_type=project&#038;p=4998</guid>

					<description><![CDATA[WeightWorks had an outdated brand that wasn’t quite working anymore, so they asked us to give it a full refresh. We brought it to life with a more lively, dynamic feel. We also built a custom BMI calculator that’s simple and useful.]]></description>
										<content:encoded><![CDATA[<div id="cs-content" class="cs-content"><div class="x-section e4998-e1 m3uu-0 m3uu-1"><article class="x-row x-container max width e4998-e2 m3uu-6 m3uu-7 m3uu-9 m3uu-a"><div class="x-row-inner"><div class="x-col x-hide-sm x-hide-xs e4998-e3 m3uu-c m3uu-d m3uu-e m3uu-f m3uu-g m3uu-h"></div><div class="x-col e4998-e4 m3uu-c m3uu-e m3uu-f m3uu-g m3uu-i m3uu-j"><div class="x-text x-content e4998-e5 m3uu-l m3uu-m"><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></div></div></div></article></div><div class="x-section e4998-e6 m3uu-0 m3uu-2"><div class="x-row x-container max width e4998-e7 m3uu-6 m3uu-8 m3uu-9 m3uu-b"><div class="x-row-inner"><div class="x-col e4998-e8 m3uu-c m3uu-d m3uu-e m3uu-h"><div class="x-text x-text-headline e4998-e9 m3uu-o m3uu-3 m3uu-4 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">Build simple, made smart</h4></div></div></div><div class="x-text x-content e4998-e10 m3uu-l m3uu-n"><p><span class="css-1jxf684 r-bcqeeo r-1ttztb7 r-qvutc0 r-poiln3 r-a8ghvy"><span class="css-1jxf684 r-bcqeeo r-1ttztb7 r-qvutc0 r-poiln3">We build a custom BMI calculator from the ground up using <strong>HTML</strong>, <strong>CSS</strong>, and <strong>JavaScript</strong>, keeping it straightforward and user-friendly. In just three quick steps, you get your BMI figured out. We added extra options&mdash;you can choose health conditions, for a sharper, more personal result. At the end, leave your email, and we&rsquo;ll send your score right to you. Behind the scenes, we hooked it up to a database so the client can follow up with anyone who used it.</span></span></p></div><a class="x-anchor x-anchor-button has-graphic e4998-e11 m3uu-p" 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 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" data-x-single-anim="x-slide-left">Visit project</span></div></div></a></div><div class="x-col e4998-e12 m3uu-c m3uu-f m3uu-h m3uu-i m3uu-k"><span class="x-image e4998-e13 m3uu-q m3uu-4 m3uu-5 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;reset&quot;}"><img decoding="async" src="https://browndesign.nl/wp-content/uploads/2025/03/iPhone_WeightWorks_BMI_Calculator_v1.png" width="375" height="413" alt="WeightWorks" loading="lazy"></span></div></div></div></div></div>]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>IT Local</title>
		<link>https://browndesign.nl/project/it-local/</link>
		
		<dc:creator><![CDATA[Marco]]></dc:creator>
		<pubDate>Thu, 06 Mar 2025 17:06:28 +0000</pubDate>
				<guid isPermaLink="false">https://browndesign.nl/?post_type=project&#038;p=4934</guid>

					<description><![CDATA[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.]]></description>
										<content:encoded><![CDATA[<div id="cs-content" class="cs-content"><article class="x-section e4934-e1 m3t2-0 m3t2-1 m3t2-2"><div class="x-row x-container max width e4934-e2 m3t2-i m3t2-j m3t2-k m3t2-l m3t2-m m3t2-n m3t2-o m3t2-p m3t2-11 m3t2-12"><div class="x-row-inner"><div class="x-col e4934-e3 m3t2-1c m3t2-1d m3t2-1e"></div><div class="x-col e4934-e4 m3t2-1c m3t2-1d m3t2-1e m3t2-1f m3t2-1g m3t2-1h"><div class="x-text x-content e4934-e5 m3t2-1q m3t2-1r"><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 e4934-e6 m3t2-0 m3t2-2 m3t2-3 m3t2-4"><div class="x-row x-container max width e4934-e7 m3t2-i m3t2-m m3t2-o m3t2-p m3t2-q m3t2-r m3t2-s m3t2-13 m3t2-14"><div class="x-row-inner"><div class="x-col e4934-e8 m3t2-1c m3t2-1f m3t2-1i m3t2-1j m3t2-1k m3t2-1l"><span class="x-image e4934-e9 m3t2-1t m3t2-1u m3t2-1v m3t2-1w m3t2-1x m3t2-9 m3t2-a m3t2-b m3t2-c 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 e4934-e10 m3t2-26 m3t2-27 m3t2-28 m3t2-29 m3t2-2a m3t2-2b"><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 e4934-e11 m3t2-i m3t2-m m3t2-o m3t2-p m3t2-q m3t2-r m3t2-s m3t2-13 m3t2-15"><div class="x-row-inner"><div class="x-col e4934-e12 m3t2-1c m3t2-1f m3t2-1i m3t2-1j m3t2-1m m3t2-1n m3t2-1o"><span class="x-image e4934-e13 m3t2-1t m3t2-1v m3t2-1w m3t2-1x m3t2-1y m3t2-1z m3t2-9 m3t2-a m3t2-b m3t2-c 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 e4934-e14 m3t2-26 m3t2-27 m3t2-28 m3t2-29 m3t2-2a m3t2-2c"><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 e4934-e15 m3t2-i m3t2-m m3t2-o m3t2-p m3t2-r m3t2-s m3t2-t m3t2-13 m3t2-16"><div class="x-row-inner"><div class="x-col e4934-e16 m3t2-1c m3t2-1f m3t2-1i m3t2-1j m3t2-1n m3t2-1o m3t2-1p"><span class="x-image e4934-e17 m3t2-1t m3t2-1v m3t2-1w m3t2-1x m3t2-20 m3t2-9 m3t2-a m3t2-b m3t2-c 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 e4934-e18 m3t2-26 m3t2-27 m3t2-28 m3t2-29 m3t2-2c m3t2-2d"><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 e4934-e19 m3t2-1c m3t2-1f m3t2-1i m3t2-1j m3t2-1l m3t2-1n m3t2-1p"><span class="x-image e4934-e20 m3t2-1t m3t2-1v m3t2-1w m3t2-1x m3t2-20 m3t2-9 m3t2-a m3t2-b m3t2-c 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 e4934-e21 m3t2-26 m3t2-27 m3t2-28 m3t2-29 m3t2-2a m3t2-2b"><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 e4934-e22 m3t2-0 m3t2-3 m3t2-5"><div class="x-row x-container max width e4934-e23 m3t2-i m3t2-j m3t2-k m3t2-p m3t2-u m3t2-v m3t2-w m3t2-17"><div class="x-row-inner"><div class="x-col e4934-e24 m3t2-1c m3t2-1d m3t2-1e m3t2-1f m3t2-1i"><span class="x-image e4934-e25 m3t2-1t m3t2-1v m3t2-1x m3t2-1z m3t2-21 m3t2-22 m3t2-b m3t2-c m3t2-d m3t2-e 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 e4934-e26 m3t2-1c m3t2-1d m3t2-1e m3t2-1f m3t2-1g m3t2-1h"><div class="x-text x-text-headline e4934-e27 m3t2-28 m3t2-29 m3t2-2e m3t2-2f m3t2-b m3t2-c m3t2-d m3t2-e m3t2-f 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 e4934-e28 m3t2-0 m3t2-2 m3t2-6 m3t2-7"><div class="x-row x-container max width e4934-e29 m3t2-i m3t2-j m3t2-m m3t2-n m3t2-p m3t2-w m3t2-x m3t2-11 m3t2-18 wow fadeInUp"><div class="x-row-inner"><div class="x-col e4934-e30 m3t2-1c m3t2-1d m3t2-1e m3t2-1h m3t2-9 m3t2-b m3t2-e m3t2-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 x-text-headline e4934-e31 m3t2-26 m3t2-29 m3t2-2f m3t2-2g m3t2-b m3t2-c m3t2-d m3t2-f m3t2-h 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;reset&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 e4934-e32 m3t2-1c m3t2-1d m3t2-1e"><div class="x-text x-content e4934-e33 m3t2-1q m3t2-1s"><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 e4934-e34 m3t2-2h" 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 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" data-x-single-anim="x-slide-left">Visit website</span></div></div></a></div></div></div></article><figure class="x-section e4934-e35 m3t2-0 m3t2-2 m3t2-7 m3t2-8"><div class="x-row e4934-e36 m3t2-i m3t2-m m3t2-o m3t2-p m3t2-s m3t2-t m3t2-y m3t2-z m3t2-13 m3t2-19"><div class="x-row-inner"><div class="x-col e4934-e37 m3t2-1c m3t2-1e m3t2-1f m3t2-1i m3t2-1j"><span class="x-image e4934-e38 m3t2-1t m3t2-1w m3t2-23 m3t2-24 m3t2-9 m3t2-b m3t2-c m3t2-e 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 e4934-e39 m3t2-i m3t2-m m3t2-o m3t2-q m3t2-s m3t2-y m3t2-10 m3t2-13 m3t2-1a"><div class="x-row-inner"><div class="x-col e4934-e40 m3t2-1c m3t2-1e m3t2-1f m3t2-1i m3t2-1j"><span class="x-image e4934-e41 m3t2-1t m3t2-1w m3t2-1x m3t2-22 m3t2-23 m3t2-9 m3t2-b m3t2-c m3t2-e 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 e4934-e42 m3t2-i m3t2-o m3t2-p m3t2-q m3t2-r m3t2-s m3t2-u m3t2-y m3t2-13 m3t2-1b"><div class="x-row-inner"><div class="x-col e4934-e43 m3t2-1c m3t2-1e m3t2-1f m3t2-1i m3t2-1j"><span class="x-image e4934-e44 m3t2-1t m3t2-1w m3t2-22 m3t2-23 m3t2-25 m3t2-9 m3t2-b m3t2-c m3t2-e 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></div>]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
