Ga naar hoofdinhoud

Webshop voor consumenten

Nutribel Een satellietwebshop verbonden met de Marma API

Een eigen merkwebsite en webshop voor Nutribel, als satellietwebsite verbonden met de Marma API.

Een project van Wouter Van Damme · Web Satelliet.

Webshop voor consumenten — Nutribel
Nutribel heeft een eigen merkuitstraling en webshopnavigatie, terwijl de website via de Marma API verbonden is met Marma. De afbeelding toont het portfolio-ontwerp; de huidige website kan intussen gewijzigd zijn.

Waar dit project om draait.

Het project voor Nutribel combineert een webshop voor consumenten met de digitale uitstraling van een duurzaam merk. Gezondheid en authenticiteit staan centraal in de presentatie.

Een webshop is ook een plek waar bezoekers een merk leren kennen. Producten en merkverhaal krijgen daarom allebei een plaats in de digitale presentatie.

Wat het project omvat.

  • Een eigen merkpresentatie met een consumentenwebshop
  • Een verbinding met de Marma API
  • Navigatie voor producten, nieuws en recepten
  • Zoekfunctie, login en winkelmand

Verbinding in dit project

  • Marma
  • Marma API
  • Nutribel-website en webshop

Een eigen gezicht voor het Nutribel-assortiment

Nutribel is een satellietwebsite van Marma: een afzonderlijke website die een eigen merk presenteert en via de Marma API verbonden is met de achterliggende omgeving. Die opzet maakt dit project anders dan een volledig losstaande webshop. Het merk heeft een eigen ingang voor bezoekers, terwijl er een technische verbinding met Marma bestaat.

In de getoonde homepage komt die zelfstandige uitstraling duidelijk naar voren. De warme kleuren, het grote logo en de productverpakkingen geven Nutribel een eigen gezicht. Producten, nieuws en recepten krijgen elk een plaats in de navigatie. Een bezoeker leert het merk dus kennen via meer dan alleen een rij artikelen.

De Marma API als verbinding tussen de websites

De aansluiting op de Marma API is een concreet onderdeel van dit project. Een API is een afgesproken manier waarop systemen met elkaar communiceren. Voor Nutribel vormt die de verbinding tussen de eigen website en Marma. De merkpresentatie aan de voorkant en de aansluiting op een bestaande omgeving zijn daardoor allebei onderdeel van de ontwikkeling.

Voor een vergelijkbare opzet begint de technische uitwerking bij de verdeling van verantwoordelijkheden. Welke informatie wordt in de centrale omgeving beheerd en welke inhoud hoort bij de merkwebsite zelf? Die keuze bepaalt hoe een nieuwe satellietwebsite wordt opgebouwd. Een API-koppeling vraagt daarom ook afspraken over gegevens en beheer, naast het ontwerp dat bezoekers zien.

Bekijk de B2B-webshop en koppelingen van Marma →

Productinformatie, inspiratie en bestellen bij elkaar

De Nutribel-homepage toont verschillende manieren om verder te gaan: het assortiment ontdekken, informatie lezen of naar de webshop gaan. De zoekfunctie, login en winkelmand hebben daarnaast een herkenbare plaats. De website combineert zo merkcommunicatie met ingangen voor bezoekers die al een product of aankoop in gedachten hebben.

Ook recepten en nieuws staan in het menu. Zulke inhoud kan helpen om producten in hun gebruikscontext te tonen. Bij een eigen productmerk is dat een andere vraag dan bij een groothandel: de bezoeker wil niet alleen een artikel vinden, maar soms ook ontdekken wat hij ermee kan doen.

Van het merk naar het assortiment

  1. Het merk herkennen

    Logo, kleuren en productbeelden geven de Nutribel-website een eigen visuele identiteit.

  2. Producten ontdekken

    Assortiment, zoekfunctie en recepten bieden verschillende ingangen voor productinteresse.

  3. Verder winkelen

    De webshop, login en winkelmand ondersteunen het deel van de site dat op bestellen gericht is.

Een tweede merkwebsite op je bestaande omgeving

Heb je meerdere merken of een assortiment dat een eigen website verdient? Dan kunnen we bekijken of een satellietwebsite past. Het Nutribel-project laat een concrete combinatie zien: een eigen merkpresentatie met een aansluiting op de Marma API. Voor jouw organisatie onderzoeken we eerst welke verbindingen mogelijk zijn en welke informatie gedeeld moet worden.

Dit bespreken we voor jouw project

  • Welke inhoud is eigen aan het merk en welke gegevens zijn gemeenschappelijk?
  • Is er een bestaande API en wat kan die beschikbaar maken?
  • Wie beheert de centrale omgeving en wie beheert de merkwebsite?

Web Satelliet werkt met zelfstandigen en kleine bedrijven in Leuven en Heverlee. Je bespreekt de inhoud, functies en aanpak rechtstreeks met Wouter.

Bekijk de aanpak voor webshops →

Een bedrijfswebsite zonder webshop of extra modules kan voor €850 eenmalig, excl. btw. Webshops en toepassingen bespreken we afzonderlijk.

Vragen over Nutribel en vergelijkbare projecten.

Wat is een satellietwebsite?

Dat is hier een afzonderlijke website die bij een grotere omgeving hoort en daarmee verbonden is. Nutribel heeft een eigen merkpresentatie en webshop en is aangesloten op de Marma API. Het is dus een eigen ingang voor bezoekers met een technische verbinding naar Marma.

Kan een gekoppelde webshop toch een volledig eigen uitstraling hebben?

Ja. De Nutribel-website laat zien dat een koppeling aan een centrale omgeving niet betekent dat de vormgeving gelijk moet zijn. Het ontwerp en de merkinhoud kunnen een eigen karakter hebben. De technische afspraken bepalen welke gegevens of functies de sites delen.

Wat moet ik weten voordat ik een API-koppeling laat maken?

We hebben inzicht nodig in de bestaande software, de beschikbare API en de gegevens die je wilt verbinden. Daarna bepalen we welke informatie waar beheerd wordt en wat er moet gebeuren wanneer een verbinding tijdelijk niet beschikbaar is. Dat onderzoek hoort bij de afbakening van het project.

Meer werk om te bekijken.

Een selectie uit het werk van Web Satelliet. Deze projecten tonen verschillende mogelijkheden; een reserveringsmodule, klantenzone of webshop is afzonderlijk maatwerk.

Vertel me over je zaak.

Wat doe je, wie wil je bereiken en heb je al een website? Met die informatie bekijken we wat voor jou past.