Project Verfifoods - online store development for company in Overijse/title> <meta content="Fully functional online store and website with all products." name="description"> <meta content="Projet Verfifoods - nouvelle boutique en ligne" property="og:title"> <meta content="Fully functional online store and website with all products." property="og:description"> <meta content="Projet Verfifoods - nouvelle boutique en ligne" property="twitter:title"> <meta content="Fully functional online store and website with all products." property="twitter:description"> <meta property="og:type" content="website"> <meta content="summary_large_image" name="twitter:card"> <meta content="width=device-width, initial-scale=1" name="viewport"> <link rel="canonical" href="https://www.codoo.be/en/projects/project-verfifoods.html"> <link rel="alternate" hreflang="nl" href="https://www.codoo.be/projecten/project-verfifoods.html" /> <link rel="alternate" hreflang="fr" href="https://www.codoo.be/fr/projets/projet-verfifoods.html" /> <link href="/css/normalize.css" rel="stylesheet" type="text/css"> <link href="/css/webflow.css" rel="stylesheet" type="text/css"> <link href="/css/codoobe.webflow.css" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com" rel="preconnect"> <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script> <script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Great Vibes:400","Lora:regular,700","EB Garamond:regular,500,800","Teko:regular,500,600,700"] }});</script> <script src="https://use.typekit.net/toj2lhf.js" type="text/javascript"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script> <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script> <link href="/images/favicon.png" rel="shortcut icon" type="image/x-icon"> <link href="/images/webclip.png" rel="apple-touch-icon"> <style> .toggle { width: 60px; height: 30px; background-color: #ccc; border-radius: 15px; position: relative; cursor: pointer; } .toggle .slider { width: 26px; height: 26px; background-color: #fff; border-radius: 50%; position: absolute; top: 2px; left: 2px; transition: transform 0.2s ease-in-out; } .toggle.active .slider { transform: translateX(30px); } .loading-line { position: absolute; bottom: 0; left: 0; height: 4px; background: #78efb5; animation: loadLine 5s linear forwards; width: 0; } @keyframes loadLine { to { width: 100%; } } </style> </head> <body class="body projects"> <div class="bg-popup" id="lang-pick-modal"> <div class="popup-holder" id="lang-pick-box"> <div class="popup-holder-inner"> <div class="popup-close-button" id="lang-modal-close-btn"> <div>X</div> </div> <div class="lang-links"> <a class='lang-link' href='/fr/projets/projet-verfifoods'> <img src="/images/lang-fr.svg" loading="lazy" width="32" alt="" class="languageflag"> <div>Français</div> </a> <a class='lang-link' href='/en/projects/project-verfifoods'> <img src="/images/lang-en.svg" loading="lazy" width="32" alt="" class="languageflag"> <div>English</div> </a> <a class='lang-link' href='/projecten/project-verfifoods'> <img src="/images/lang-nl.svg" loading="lazy" width="32" alt="" class="languageflag"> <div>Nederlands</div> </a> </div> </div> </div> </div> <div class="navbar"> <div class="colornav nocolour"> <div class="navinner"> <a aria-current='page' class='brand w-nav-brand w--current' href='/en/'><img width="31" loading="lazy" alt="Codoo logo" src="/images/logo_new_gr.png" class="logonav"> <div> <div class="montserrat">Codoo</div> </div> </a> <div class="rightsidenav"> <div class="holder-lang-pick" id="lang-pick-btn"> <img src="/images/lang-en.svg" loading="lazy" width="32" alt="" class="languageflag" id="lang-flag"> <div id="lang-text">EN</div> <div class="downarrow">></div> </div> <div id="navmenu" class="nav-menu"> <a href="/en/about-me" class="nav-link w-inline-block"> <div>About me</div> <div class="service-list-arrow in-nav"> <svg fill="none" height="16" viewBox="0 0 64 64" width="16" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="m54.28 53.99v-45.33h-45.33v2.93h40.33l-41.25 41.25 2.07 2.07 41.25-41.25v40.33z"></path> </svg> </div> </a> <a href="/en/services" class="nav-link w-inline-block"> <div>Services</div> <div class="service-list-arrow in-nav"> <svg fill="none" height="16" viewBox="0 0 64 64" width="16" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="m54.28 53.99v-45.33h-45.33v2.93h40.33l-41.25 41.25 2.07 2.07 41.25-41.25v40.33z"></path> </svg> </div> </a> <a href="/en/projects" class="nav-link w-inline-block"> <div>Projects</div> <div class="service-list-arrow in-nav"> <svg fill="none" height="16" viewBox="0 0 64 64" width="16" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="m54.28 53.99v-45.33h-45.33v2.93h40.33l-41.25 41.25 2.07 2.07 41.25-41.25v40.33z"></path> </svg> </div> </a> <a class='button navbtn w-button' href='/en/contact'>Contact</a> </div><img src="/images/icons8-menu-64.png" loading="lazy" width="32" id="menuicon" alt="" class="menuicon"> </div> </div> </div> </div> <div class="holder-nav-projects"></div> <div class="overlay"></div> <div id="startscreen" class="startstcreenproject verfifoods"> <div class="loading-line"></div> </div> <div id="holderpopupimage" class="imagepopup"> <div class="div-imagepop-and-close"> <a id="closepopupimage" href="#" class="closebtn w-button">X</a><img src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" id="popupimage" alt="" class="imageinpopup"> </div> </div> <div class="holder-scroll-btns"> <div><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" id="leftupscroll" alt="" class="scrollbtn leftup"><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" id="leftscroll" alt="" class="scrollbtn left"><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" id="leftdownscroll" alt="" class="scrollbtn leftdown"></div> <div><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" id="upscroll" alt="" class="scrollbtn up"> <div class="scrollbtn inv">></div><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" id="downscroll" alt="" class="scrollbtn down"> </div> <div><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" id="rightupscroll" alt="" class="scrollbtn rightup"><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" id="rightscroll" alt="" class="scrollbtn"><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" id="rightdownscroll" alt="" class="scrollbtn rightdown"></div> </div> <div id="sidebtns" class="holder-links"> <div id="aanpaklink" class="sidelinkandclose"> <div id="aanpaktekst" class="link-in-project">Our approach</div> <div id="aanpakclose" class="closebtnsidelink">X</div> </div> <a data-w-id="110efb6a-a391-09f9-51ea-af5f369d3fef" href="http://www.verfifoods.be" target="_blank" class="link-in-project w-inline-block"><img src="/images/211620_b_right_arrow_icon.svg" loading="lazy" width="12" alt="" class="arrowgotowebsite"> <div>View website</div> </a> </div> <div id="canvas" class="canvas-parent"> <div id="grid" class="grid"> <h1 id="title" class="title-project bigger">Verfifoods</h1><img src="/images/Screenshot-2025-06-19-at-20.49.48.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.49.48-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.49.48-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.49.48-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.49.48-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.49.48-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.49.48-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.49.48.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.51.25.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.51.25-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.51.25-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.51.25-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.51.25-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.51.25-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.51.25-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.51.25.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.49.27.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.49.27-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.49.27-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.49.27-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.49.27-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.49.27-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.49.27-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.49.27.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.50.17.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.50.17-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.50.17-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.50.17-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.50.17-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.50.17-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.50.17-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.50.17.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.57.24.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.57.24-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.57.24-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.57.24-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.57.24-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.57.24-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.57.24-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.57.24.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.52.48.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.52.48-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.52.48-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.52.48-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.52.48-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.52.48-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.52.48-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.52.48.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.53.11.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.53.11-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.53.11-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.53.11-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.53.11-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.53.11-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.53.11-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.53.11.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.52.10.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.52.10-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.52.10-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.52.10-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.52.10-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.52.10-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.52.10-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.52.10.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.58.24.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.58.24-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.58.24-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.58.24-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.58.24-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.58.24-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.58.24-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.58.24.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.59.18.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.59.18-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.59.18-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.59.18-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.59.18-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.59.18-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.59.18-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.59.18.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.59.34.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.59.34-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.59.34-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.59.34-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.59.34-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.59.34-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.59.34-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.59.34.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.57.54.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.57.54-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.57.54-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.57.54-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.57.54-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.57.54-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.57.54-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.57.54.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.50.56.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.50.56-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.50.56-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.50.56-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.50.56-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.50.56-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.50.56-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.50.56.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.48.33.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.48.33-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.48.33-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.48.33-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.48.33-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.48.33-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.48.33-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.48.33.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.51.52.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.51.52-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.51.52-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.51.52-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.51.52-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.51.52-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.51.52-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.51.52.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.50.35.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.50.35-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.50.35-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.50.35-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.50.35-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.50.35-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.50.35-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.50.35.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.47.11.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.47.11-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.47.11-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.47.11-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.47.11-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.47.11-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.47.11-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.47.11.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.58.41.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.58.41-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.58.41-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.58.41-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.58.41-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.58.41-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.58.41-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.58.41.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.48.55.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.48.55-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.48.55-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.48.55-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.48.55-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.48.55-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.48.55-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.48.55.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.46.35.png" loading="lazy" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.46.35-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.46.35-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.46.35-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.46.35-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.46.35-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.46.35-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.46.35.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.48.09.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.48.09-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.48.09-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.48.09-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.48.09-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.48.09-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.48.09-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.48.09.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.47.53.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.47.53-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.47.53-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.47.53-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.47.53-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.47.53-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.47.53-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.47.53.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.46.52.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.46.52-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.46.52-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.46.52-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.46.52-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.46.52-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.46.52-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.46.52.png 3024w" alt="" class="grid-item"><img src="/images/Screenshot-2025-06-19-at-20.53.45.png" loading="eager" sizes="(max-width: 3024px) 100vw, 3024px" srcset="/images/Screenshot-2025-06-19-at-20.53.45-p-500.png 500w, /images/Screenshot-2025-06-19-at-20.53.45-p-800.png 800w, /images/Screenshot-2025-06-19-at-20.53.45-p-1080.png 1080w, /images/Screenshot-2025-06-19-at-20.53.45-p-1600.png 1600w, /images/Screenshot-2025-06-19-at-20.53.45-p-2000.png 2000w, /images/Screenshot-2025-06-19-at-20.53.45-p-2600.png 2600w, /images/Screenshot-2025-06-19-at-20.53.45.png 3024w" alt="" class="grid-item"> </div> </div> <div id="aanpak" class="popupsection"> <div class="contain-center popupprojecten"> <div class="columns-project w-row"> <div class="columnleftproj w-col w-col-6"><img src="/images/66dc10b2b379c2ee62714e99_Viennoiserie-Type-Aanbod.jpg" loading="lazy" alt="" class="image-case-page"></div> <div class="column w-col w-col-6"> <h2 class="heading smaller padtopphone">User-friendly online shop that reflects Verfifoods’ quality as a supplier of frozen products, breads, and pastries.</h2><img src="/images/66dc11f82d24625a206ecc98_Gebak-Type-Aanbod.jpg" loading="lazy" alt="" class="image-case-page"> </div> </div> <div class="columns-project w-row"> <div class="columnspaced w-col w-col-6"> <p>For Verfifoods, a distributor of bread and other frozen products, we created a renewed online shop. The shop was also optimized for SEO, with a separate page for each product to improve visibility.</p> </div> <div class="columnspaced w-col w-col-6"> <p>We combined a modern design with the existing brand image for this new online store—a clear and user-friendly platform where customers can easily place their orders.</p> </div> </div> <div class="holder-text-and-phones"> <div> <h3 class="heading smaller">Easy ordering on all devices</h3> <div class="spacer-smallest"></div> <p>Verfifoods customers can now place their orders more easily, even via smartphone or tablet. The shop is fully optimized for mobile use, allowing users to browse the catalog, add products to their cart, and complete their orders—anytime, anywhere.</p> <p>This user-friendly experience ensures that both loyal customers and new users can order faster and without hassle. The system works on all devices and also takes previous orders into account, making repeat purchases simple.</p> </div> </div> <div class="holder-phones"> <div class="holder-phone"><img width="159" sizes="(max-width: 479px) 100vw, 159px" alt="" src="/images/webshop-vf2.png" loading="lazy" srcset="/images/webshop-vf2-p-500.png 500w, /images/webshop-vf2-p-800.png 800w, /images/webshop-vf2-p-1080.png 1080w, /images/webshop-vf2.png 1170w" class="phone-image"></div> <div class="holder-phone"><img width="159" sizes="(max-width: 479px) 100vw, 159px" alt="" src="/images/webshop-vf1.png" loading="lazy" srcset="/images/webshop-vf1-p-500.png 500w, /images/webshop-vf1-p-800.png 800w, /images/webshop-vf1-p-1080.png 1080w, /images/webshop-vf1.png 1170w" class="phone-image"></div> </div> </div> </div> </div> <script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6470b1096e7f562eb85f142f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="/js/index.js" type="text/javascript"></script> <script> const gridImages = document.querySelectorAll('.grid-item'); // Function to copy images function copyImages(images, numberOfCopies) { images.forEach(image => { for (let i = 0; i < numberOfCopies; i++) { const copy = image.cloneNode(true); image.parentNode.appendChild(copy); } shuffleElements('grid'); setTimeout(function() { document.getElementById('startscreen').style.opacity = 0; $('.title-project').removeClass('bigger'); setTimeout(function() { document.getElementById('startscreen').style.display = "none"; document.getElementById('sidebtns').style.display = "flex"; }, 500); }, 3000); }); } copyImages(gridImages, 200); function shuffleElements(containerId) { var container = document.getElementById(containerId); for (var i = container.children.length; i >= 0; i--) { container.appendChild(container.children[Math.random() * i | 0]); } } </script> <script> const scrollableDiv = document.getElementById('canvas'); if (window.innerWidth > 750) { scrollableDiv.scrollLeft = 5 * window.innerWidth; scrollableDiv.scrollTop = 50 * window.innerHeight; } else { scrollableDiv.scrollLeft = 700; scrollableDiv.scrollTop = 700; } const aanpakBtn = document.getElementById('aanpaklink'); const aanpakDiv = document.getElementById('aanpak'); const aanpakCloseBtn = document.getElementById('aanpakclose'); aanpakBtn.addEventListener("mouseover", aanpakShow); aanpakCloseBtn.addEventListener("click", aanpakHide); function aanpakShow () { aanpakDiv.style.display = "flex"; document.getElementById('aanpaktekst').classList.add('open'); aanpakCloseBtn.style.display = "flex"; } function aanpakHide () { aanpakDiv.style.display = "none"; document.getElementById('aanpaktekst').classList.remove('open'); aanpakCloseBtn.style.display = "none"; } document.getElementById('rightscroll').addEventListener('click', function() { scrollableDiv.scrollBy({ top: 0, left: 100, behavior: 'smooth' }); }); document.getElementById('rightupscroll').addEventListener('click', function() { scrollableDiv.scrollBy({ top: -100, left: 100, behavior: 'smooth' }); }); document.getElementById('rightdownscroll').addEventListener('click', function() { scrollableDiv.scrollBy({ top: 100, left: 100, behavior: 'smooth' }); }); document.getElementById('downscroll').addEventListener('click', function() { scrollableDiv.scrollBy({ top: 100, left: 0, behavior: 'smooth' }); }); document.getElementById('leftdownscroll').addEventListener('click', function() { scrollableDiv.scrollBy({ top: 100, left: -100, behavior: 'smooth' }); }); document.getElementById('leftscroll').addEventListener('click', function() { scrollableDiv.scrollBy({ top: 0, left: -100, behavior: 'smooth' }); }); document.getElementById('leftupscroll').addEventListener('click', function() { scrollableDiv.scrollBy({ top: -100, left: -100, behavior: 'smooth' }); }); document.getElementById('upscroll').addEventListener('click', function() { scrollableDiv.scrollBy({ top: -100, left: 0, behavior: 'smooth' }); }); </script> <script> const popupHolder = document.getElementById('holderpopupimage'); const popupImage = document.getElementById('popupimage'); const closeBtnImage = document.getElementById('closepopupimage'); document.querySelectorAll('.grid-item').forEach(item => { item.addEventListener('click', function() { const srcset = this.getAttribute('srcset'); console.log("clicked image"); if (srcset) { const sources = srcset.split(', '); const largestImage = sources[sources.length - 1].split(' ')[0]; popupImage.src = largestImage; } else { popupImage.src = this.src; } popupHolder.style.display = 'flex'; }); }); closeBtnImage.addEventListener('click', function() { popupHolder.style.display = "none"; }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-N6JQLNEHS7"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-N6JQLNEHS7'); </script> </body> </html>