Noupou | BEATTHEWHITES

<!DOCTYPE html>   <html lang="en-US">  <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Noupou | BEATTHEWHITES</title> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://www.beatthewhites.com/xmlrpc.php"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">  <script> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="i9RhbZIbO6VPs4qzUtXaRl9BHnu1pVsH";;analytics.SNIPPET_VERSION="4.15.3"; analytics.load("i9RhbZIbO6VPs4qzUtXaRl9BHnu1pVsH"); analytics.page(); }}(); </script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <link rel="canonical" href="https://www.beatthewhites.com/project/noupou/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Noupou | BEATTHEWHITES" /> <meta property="og:url" content="https://www.beatthewhites.com/project/noupou/" /> <meta property="og:site_name" content="BEATTHEWHITES" /> <meta property="article:publisher" content="https://www.facebook.com/beatthewhites" /> <meta property="article:modified_time" content="2022-10-18T10:31:28+00:00" /> <meta property="og:image" content="https://www.beatthewhites.com/wp-content/uploads/2022/08/btw-og-image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.beatthewhites.com/project/noupou/","url":"https://www.beatthewhites.com/project/noupou/","name":"Noupou | BEATTHEWHITES","isPartOf":{"@id":"https://www.beatthewhites.com/#website"},"datePublished":"2022-01-14T15:24:48+00:00","dateModified":"2022-10-18T10:31:28+00:00","breadcrumb":{"@id":"https://www.beatthewhites.com/project/noupou/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://www.beatthewhites.com/project/noupou/"]}]},{"@type":"BreadcrumbList","@id":"https://www.beatthewhites.com/project/noupou/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.beatthewhites.com/"},{"@type":"ListItem","position":2,"name":"Projects","item":"https://manage.btwbox.com/project/"},{"@type":"ListItem","position":3,"name":"Noupou"}]},{"@type":"WebSite","@id":"https://www.beatthewhites.com/#website","url":"https://www.beatthewhites.com/","name":"BEATTHEWHITES","description":"Digital Solutions","publisher":{"@id":"https://www.beatthewhites.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.beatthewhites.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://www.beatthewhites.com/#organization","name":"BEATTHEWHITES","url":"https://www.beatthewhites.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://www.beatthewhites.com/#/schema/logo/image/","url":"https://www.beatthewhites.com/wp-content/uploads/2022/08/favicon-152.jpg","contentUrl":"https://www.beatthewhites.com/wp-content/uploads/2022/08/favicon-152.jpg","width":152,"height":152,"caption":"BEATTHEWHITES"},"image":{"@id":"https://www.beatthewhites.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/beatthewhites","https://www.instagram.com/beatthewhites/","https://www.behance.com/beatthewhites"]}]}</script>  <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel="alternate" type="application/rss+xml" title="BEATTHEWHITES » Feed" href="https://www.beatthewhites.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="BEATTHEWHITES » Comments Feed" href="https://www.beatthewhites.com/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.beatthewhites.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.6.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://www.beatthewhites.com/wp-includes/css/dist/block-library/style.min.css?ver=6.6.2' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='slick-css' href='//cdn.jsdelivr.net/jquery.slick/1.5.9/slick.css?ver=6.6.2' type='text/css' media='all' /> <link rel='stylesheet' id='mainstyle-css' href='https://www.beatthewhites.com/wp-content/themes/btw/assets/css/style.css?v=1732369279&ver=6.6.2' type='text/css' media='all' /> <link rel='stylesheet' id='temp-css-css' href='https://www.beatthewhites.com/wp-content/themes/btw/style.css?v=1732369279&ver=6.6.2' type='text/css' media='all' /> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/ua-parser.min.js?ver=0.7.28" id="ua_parser-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/btw-ua-parser.js?ver=1732369279" id="btw_ua_parser-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/utilities.min.js?ver=1732369279" id="utilities-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/scripts.js?v=1732369279&ver=6.6.2" id="scripts_js-js"></script> <link rel="https://api.w.org/" href="https://www.beatthewhites.com/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.beatthewhites.com/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.beatthewhites.com/?p=1866' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.beatthewhites.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.beatthewhites.com%2Fproject%2Fnoupou%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.beatthewhites.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.beatthewhites.com%2Fproject%2Fnoupou%2F&format=xml" /> <script> /* <![CDATA[ */ var BTW = {"ajaxUrl":"https:\/\/www.beatthewhites.com\/wp-admin\/admin-ajax.php","is_blog_page":false} /* ]]> */ </script> <link rel="icon" href="https://www.beatthewhites.com/wp-content/uploads/2022/08/cropped-btw-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://www.beatthewhites.com/wp-content/uploads/2022/08/cropped-btw-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://www.beatthewhites.com/wp-content/uploads/2022/08/cropped-btw-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://www.beatthewhites.com/wp-content/uploads/2022/08/cropped-btw-favicon-270x270.png" /> </head> <body class="project-template-default single single-project postid-1866"> <div class="global_wrapper clear" itemscope itemtype="https://schema.org/WebSite"> <header class="global_header wrapper">  <button class="view_projects_header"> <a href="https://www.beatthewhites.com/work/">ALL PROJECTS</a> </button> <figure class="header_logo"> <a href="https://www.beatthewhites.com" title="BTW">  <?xml version="1.0" encoding="utf-8"?>  <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 246.6 88.6" style="enable-background:new 0 0 246.6 88.6;" xml:space="preserve"> <g id="Group_5057" transform="translate(360.338 -149.131)"> <g id="Group_4914" transform="translate(-360.338 149.132)"> <rect id="Rectangle_25" y="0" width="17.7" height="17.8"/> <rect id="Rectangle_26" x="17.7" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_27" x="35.4" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_28" x="53.2" y="0" width="17.7" height="17.8"/> <rect id="Rectangle_29" x="17.7" y="17.8" width="17.8" height="17.7"/> <rect id="Rectangle_30" x="53.2" y="17.8" width="17.7" height="17.7"/> <rect id="Rectangle_31" x="17.7" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_32" x="35.4" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_33" x="53.2" y="35.4" width="17.7" height="17.8"/> <rect id="Rectangle_34" x="17.7" y="53.2" width="17.8" height="17.8"/> <rect id="Rectangle_35" x="53.2" y="53.2" width="17.7" height="17.8"/> <rect id="Rectangle_36" y="70.9" width="17.7" height="17.7"/> <rect id="Rectangle_37" x="17.7" y="70.9" width="17.8" height="17.7"/> <rect id="Rectangle_38" x="35.4" y="70.9" width="17.8" height="17.7"/> <rect id="Rectangle_39" x="53.2" y="70.9" width="17.7" height="17.7"/> </g> <g id="Group_4915" transform="translate(-290.087 149.132)"> <rect id="Rectangle_40" x="0" y="0" width="17.7" height="17.8"/> <rect id="Rectangle_41" x="17.7" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_42" x="35.4" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_43" x="53.2" y="0" width="17.7" height="17.8"/> <rect id="Rectangle_44" x="70.8" y="0" width="17.8" height="17.8"/> <rect id="Rectangle_45" x="35.4" y="17.8" width="17.8" height="17.7"/> <rect id="Rectangle_46" x="35.4" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_47" x="35.4" y="53.2" width="17.8" height="17.8"/> <rect id="Rectangle_48" x="35.4" y="70.9" width="17.8" height="17.7"/> </g> <g id="Group_4916" transform="translate(-202.378 149.132)"> <rect id="Rectangle_49" x="0" y="0" width="17.8" height="17.7"/> <rect id="Rectangle_50" x="70.9" y="0" width="17.8" height="17.7"/> <rect id="Rectangle_51" x="0" y="17.7" width="17.8" height="17.8"/> <rect id="Rectangle_52" x="70.9" y="17.7" width="17.8" height="17.8"/> <rect id="Rectangle_53" x="0" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_54" x="35.5" y="35.4" width="17.7" height="17.8"/> <rect id="Rectangle_55" x="70.9" y="35.4" width="17.8" height="17.8"/> <rect id="Rectangle_56" x="0" y="53.2" width="17.8" height="17.7"/> <rect id="Rectangle_57" x="17.8" y="53.2" width="17.8" height="17.7"/> <rect id="Rectangle_58" x="53.2" y="53.2" width="17.8" height="17.7"/> <rect id="Rectangle_59" x="70.9" y="53.2" width="17.8" height="17.7"/> <rect id="Rectangle_60" x="0" y="70.8" width="17.8" height="17.8"/> <rect id="Rectangle_61" x="70.9" y="70.8" width="17.8" height="17.8"/> </g> </g> </svg> </a> </figure> <button class="toggle_nav"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve"> <style type="text/css"> .st0{fill:none;stroke:#000000;stroke-width:2;} </style> <g id="Group_5067" transform="translate(10908 19737)"> <g id="Group_5056" transform="translate(-103 -23.256)"> <line id="Line_2099" class="st0" x1="-10800" y1="-19697.7" x2="-10769" y2="-19697.7"/> <line id="Line_2100" class="st0" x1="-10800" y1="-19689.2" x2="-10779" y2="-19689.2"/> </g> </g> </svg> </button>  </header> <div class="main_nav"> <div class="main_nav_inner"> <a href="/"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/btw-text-logo-white.svg" class="menu_logo" alt="Menu Button" class="menu_logo"></a> <button class="button close_modal"> <img src="https://www.beatthewhites.com/wp-content/themes/btw/assets/imgs/icons/icon-close.svg" alt=""> </button> <div class="main_menu_container"> <nav class="navigation"> <ul id="menu-main-menu" class="menu"><li id="menu-item-441" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-441"><a href="https://www.beatthewhites.com/">Home</a></li> <li id="menu-item-2070" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2070"><a href="https://www.beatthewhites.com/work/">Work</a></li> <li id="menu-item-442" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-442"><a href="https://www.beatthewhites.com/about/">About</a></li> <li id="menu-item-2494" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2494"><a href="https://www.beatthewhites.com/blog/">Blog</a></li> <li id="menu-item-446" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-446"><a href="https://www.beatthewhites.com/contact/">Contact</a></li> </ul> </nav> <ul class="menu_social_desktop"> <li class="menu_social_title menu_info_list_title">FOLLOW US</li> <li class="behance social_links"> <a href="https://www.instagram.com/beatthewhites" title="Follow BTW on Instagram" target="_blank">In</a> </li> <li class="facebook social_links"> <a href="https://www.facebook.com/beatthewhites" title="Follow BTW on Facebook" target="_blank">Fb</a> </li> </ul> </div> <div class="menu_info"> <div class="menu_info_conainer"> <ul class="menu_info_email"> <li class="menu_info_list_title"> ENQUIRIES </li> <li class="menu_info_list_info"> <a title="Email Adress" href="">hello@beatthewhites.com</a> </li> </ul> <ul class="menu_info_phone"> <li class="menu_info_list_title"> PHONE </li> <li class="menu_info_list_info"> <a title="Call Us" href="tel:+302107211072">(+30) 210 721 1072</a> </li> </ul> <ul class="menu_social_mobile"> <li class="menu_social_title menu_info_list_title">FOLLOW US</li> <li class="behance social_links"> <a href="https://www.instagram.com/beatthewhites" title="Follow BTW on Instagram" target="_blank">In</a> </li> <li class="facebook social_links"> <a href="https://www.facebook.com/beatthewhites" title="Follow BTW on Facebook" target="_blank">Fb</a> </li> </ul> </div> </div> </div> </div> </div>  <span class="header_project_color header_dark_mode" style="background-color: #ffffff;"></span> <div class="post single_post project_post"> <div class="header_dark_mode " style="background-color: #ffffff;"> <div class="bg_wrapper"> <header class="project_header header_mode wide_wrapper header_dark_mode " style="background-color: #ffffff;"> <figure class="bg_post__image single_img"> <div class="bg_container" title="Noupou" href="https://www.nou-pou.gr/" style="background-image: url(https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-main-image.jpg);"> </div> </figure> <div class="project_content" style="color: #000000;"> <h1 class="project__title">NOUPOU</h1> <div class="project__category s-font"> <span>PORTAL</span> </div> <div class="project_lead m-font"> Noupou.gr is a news and lifestyle portal dedicated to the southern suburbs of Athens. Since 2013, it has published a remarkable amount of content, reaching 350,000 unique users, which makes NouPou one of the most contemporary and reliable sources of content in the south of the city and beyond. </div> <a class="button arrow_btn s-font" title="Go to this website" href="https://www.nou-pou.gr/" target="_blank" title="View Website"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 15 10" style="enable-background:new 0 0 15 10;" xml:space="preserve"> <g id="Group_4923" transform="translate(-246.5 -789.337)"> <g id="Line_89"> <rect x="247.7" y="793.8" width="11.8" height="1"/> </g> <g id="Path_1143"> <polygon points="256.3,798.6 255.5,798 259,794.3 255.5,790.6 256.3,790 260.4,794.3 "/> </g> </g> </svg> <span>VISIT</span> </a> </div> </header> </div> </div>  <main class="single_project_content"> <div class="global_wrapper"> <div class="wrapper"> <div class="about_project single_section inner_wrapper header_dark_mode header_mode"> <div class="flex_container"> <h2 class="single_section_title"> SERVICES </h2> <ul class="single_services paragraph"> <li>Market research & analysis</li> <li>Consulting</li> <li>UI/UX Prototyping</li> <li>Web Design</li> <li>Web Development</li> <li>Hosting</li> </ul> </div> <div class="flex_container"> <h2 class="single_section_title"> CHALLENGE + SOLUTION </h2> <div class="paragraph"> <p>With not only commercial but also news and corporate content, NouPou is an active daily information source for the southern suburbs.The portal team entrusted us for the second time with the enhanced redesign of the corporate identity to highlight their new business vision.</p> <p>We started by creating a new logo for NP which exudes a more solid business image for the brand. The logo gave direction to the changes in the visual communication of the digital content for both the fonts and the spacing of the portal layout. We also emphasised the flow of information and transitions from desktop to mobile view, to accommodate the needs for advertising and easier mobile navigation.</p> </div> </div> </div>  </div>  </div> <div class="project_preview"> <div class="bg_black"> <div class="bg_wrapper"> <div class="project_preview_about bg_black wide_wrapper light_dark_mode"> <div class="destop_view"> <h2 class="single_section_title"> DESKTOP VIEW </h2> </div> <div class="video"> <video class="project_video video_file" loop muted playsinline> <source src="https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-desktop.mp4" type="video/mp4"> Your Browser doesn't support videos. </video> </div> </div>  <div class="project_preview_grid bg_black wide_wrapper"> <div class="grid_img_container"> <figure class="grid_img"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-screen-1-2.jpg" alt=""> </figure> <figure class="grid_img"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-screen-2-2.jpg" alt=""> </figure> </div>  <div class="grid_img_container grid_right_col"> <figure class="grid_img"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-screen-3-3.jpg" alt=""> </figure> <figure class="grid_img"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-screen-4-2.jpg" alt=""> </figure> <figure class="blockquote_img"> <img src="" alt=""> </figure> </div>  </div>  </div> </div>  <div class="logo_design_section light_mode "> <h2 class="single_section_title single_section_title_mobile"> LOGO DESIGN </h2> <div class="logo_design_container"> <div class="logo_design_img_container" style="background-color: ;"> <figure class="logo_design"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/btw-noupou-post-logo.svg" alt="noupou logo design by btw"> </figure> </div> <div class="logo_design_flex_container"> <div class="logo_design_content"> <h2 class="single_section_title single_section_title_desktop"> LOGO DESIGN </h2> <div class="paragraph"> <p>As NP has entered a new phase, with business plans becoming more extroverted and targeting a wider market, the renewal of its corporate identity was a natural next step.</p> <p>The new logo removes all unnecessary elements, emphasising a new dynamic, modern perception of the name. It balances the laidback pop lifestyle of the southern suburbs with the veracity and reliability of the portal’s content.</p> </div> </div> </div> </div> </div> <div class="global_wrapper"> <div class="wrapper"> <div class="mobile_preview header_dark_mode header_mode inner_wrapper"> <h2 class="single_section_title"> MOBILE VIEW </h2> <div class="mobile_preview_container"> <figure class="mobile_sreen"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/mobile-screen-noupou-2-b.jpg" alt=""> </figure> <div class="video"> <video class="project_video video_file in_slick_video" loop muted playsinline> <source src="https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-mobile.mp4" type="video/mp4"> Your Browser doesn't support videos. </video> </div> <figure class="mobile_sreen"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/mobile-screen-noupou-1-b.jpg" alt=""> </figure> </div> </div>  </div> </div> <div class="bg_black"> <div class="bg_wrapper"> </div> </div> <div class="bg_color"> <div class="bg_wrapper"> <div class="project_typography header_dark_mode header_mode wide_wrapper"> <div class="color_palette"> <h2 class="single_section_title"> COLOR PALETTE </h2> <figure class="color_palette_img"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-palette.svg" alt="noupou color pallet design by btw"> </figure> </div>  <div class="project_fonts header_dark_mode header_mode single_font"> <h2 class="single_section_title"> FONTS </h2> <div class="typography_container"> <div class="typography_font_container"> <figure class="typography_font"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/noupou-font.svg" alt="noupou font design by btw"> <span class="icon_label">PF BAGUE SANS PRO</span> </figure> </div> </div>  </div>  </div>  </div> </div> </div>  </main>  </div>  <aside class="next_project_section next_previous_projects clear"> <a title="Go on Next Project" href="https://www.beatthewhites.com/project/pfh/" title="View project: PFH"> <h2 class="nex_project small">NEXT PROJECT</h2> <h2 class="next_project_title">PFH</h2> </a> </aside> <div class="bg_black"> <div class="bg_wrapper"> <footer class="global__footer footer_wrapper header_light_mode header_mode bg_black" style="background-color: black; color: white;"> <figure class="footer_logo"> <img src="https://www.beatthewhites.com/wp-content/uploads/2022/01/btw-initials-logo-white.svg" alt="Beatthewhites Logo"> </figure> <nav class="footer_nav"> <ul class="footer_info"> <li class="footer_title">PHONE</li> <li class="footer_content"> <a title="Call us" href="tel:+302107211072">(+30) 210 721 1072</a></li> </ul> <ul class="footer_info footer_adress"> <li class="footer_title">ADDRESS</li> <li class="footer_content"> <p><a href="https://www.google.com/maps/place/BEATTHEWHITES+P.C./@37.9717357,23.7468294,15z/data=!4m5!3m4!1s0x0:0xbbf59ffb516018ad!8m2!3d37.9717164!4d23.7468466" target="_blank" rel="noopener">Ellanikou 39-41,<br /> 11634 Athens, GR</a></p> </li>  </ul> <ul class="footer_info"> <li class="footer_title">ENQUIRIES</li> <li class="footer_content"><a title="Email Adress" href="mailto: hello@beatthewhites.com">hello@beatthewhites.com</a></li> </ul> <ul class="footer_social"> <li class="footer_title">FOLLOW US</li> <li class="instagram social_links"> <a title="BTW Instagram page" href="https://www.instagram.com/beatthewhites" title="Follow BTW on Instagram" target="_blank">In</a> </li> <li class="facebook social_links"> <a title="BTW Facebook page" href="https://www.facebook.com/beatthewhites" title="Follow BTW on Facebook" target="_blank">Fb</a> </li> </ul> <div class="footer_info footer_legal"> <div class="footer_title"> LEGAL MENTIONS</div> <div class="footer_content"> <ul id="menu-legal_nav" class="menu"><li id="menu-item-2495" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-2495"><a rel="privacy-policy" href="https://www.beatthewhites.com/policy/">Privacy Policy</a></li> <li id="menu-item-2496" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2496"><a href="https://www.beatthewhites.com/cookies-policy/">Cookies Policy</a></li> </ul> </div> </div> </nav> <div class="copyright"> <span class="copyright_date"> 2024 ©BTW</span> <span class="footer_legal_nav"><ul id="menu-legal_nav-1" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-2495"><a rel="privacy-policy" href="https://www.beatthewhites.com/policy/">Privacy Policy</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2496"><a href="https://www.beatthewhites.com/cookies-policy/">Cookies Policy</a></li> </ul> </span> <span>| Thanks for visiting! </span> </div> <button class="get_in_touch_mobile xs-font"> <a href="https://www.beatthewhites.com/contact/">GET IN TOUCH</a> </button> <button class="side_scroll_mobile xs-font"> </button> </footer> </div> </div> <button class="get_in_touch header_mode xs-font"> <a href="https://www.beatthewhites.com/contact/"> GET IN TOUCH </a> </button> <button class="side_scroll header_mode xs-font"> SCROLL </button> <button class="side_project_links"> <a href="https://www.beatthewhites.com/work/"> VIEW ALL PROJECTS </a> </button> <div id="user_consent"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.5.9/slick.min.js?ver=6.6.2" id="slick_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/slick-sliders-config.js?v=1732369279&ver=1732369279" id="slick_sliders_config_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/bodymovin.js?ver=1732369279" id="bodymovin_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/animations.js?ver=1732369279" id="animations_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/video-controller.js?ver=1732369279" id="video_controller-js"></script> <script type="text/javascript" id="cookies_js-js-extra"> /* <![CDATA[ */ var BTW_CONSENT = {"ajaxUrl":"https:\/\/www.beatthewhites.com\/wp-admin\/admin-ajax.php","btw_nonce":"84fd9d1331","ua_id":"GTM-PCGTDF7","pixel_id":"","lang":"en"}; /* ]]> */ </script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/js.cookie.js?ver=2.1.4" id="cookies_js-js"></script> <script type="text/javascript" src="https://www.beatthewhites.com/wp-content/themes/btw/assets/js/cookie_consent/cookie-consent.min.js?ver=1732369279" id="cookie_consent-js"></script> </body> </html>

CINXE.COM

Noupou | BEATTHEWHITES