Hyvä projecten gerealiseerd
Component Library
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi, aperiam necessitatibus optio pariatur vero voluptatibus.
Atomics
Single-purpose primitives: buttons, arrow-pills, cta-links, slider-controls.
<x-atomics.button> (variants: primary / secondary / dark / outline-light · sizes: small / regular / large)
<x-atomics.arrow-pill>
<x-atomics.icon-tile> (tones: yellow / teal-tint / teal · sizes: sm / md / lg)
<x-atomics.cta-link> (caller levert het icoon via before:bg-* decoration-classes)
<x-atomics.slider-controls> (live demo met sample Alpine-state; counter + disabled-states werken)
Hero's & tekst
Page-openers en tekst/prose-blokken. De hero's zijn full-bleed; hier geclipt in een card zodat ze te beoordelen zijn.
<x-content.hero-default> (standaard home/service-hero met titel, teaser, CTA; optioneel DB-gedreven featured-case rechts. Full-bleed)
Een Hyvä-shop die snel laadt en soepel converteert
Van designconcept naar een nieuwe Magento-storefront op Hyvä. Gebouwd door senior consultants, versterkt door Vendic AI.
<x-content.hero-slim> (compacte hero voor secundaire pagina's: titel + teaser, geen featured case. Full-bleed)
Onze partners in de Magento-stack
Elke partner versterkt één specifieke laag van onze stack: frontend, platform, monitoring en payments. Geselecteerd op stabiliteit en bewezen samenwerking.
<x-content.hero-2-cols> (donkere 2-koloms service-hero met breadcrumbs, titel/teaser/CTA links en beeld rechts. Full-bleed, bg-teal-service)
Migreer van Shopware naar Magento Open Source
We begeleiden de volledige migratie met regressie-controle op je bestaande data.
<x-content.hero-case> (gecentreerde case-study-hero met tags, titel en groot browser-frame beeld. Full-bleed)
Een nieuwe storefront voor Voorbeeld-case
<x-content.section-heading> (canonieke eyebrow + h2 + subtitle; centered of left)
Titel van de sectie
Optionele subtitle die de sectie in een of twee zinnen inleidt.
<x-content.text-simple> (centered narrow text section)
Sample sectie
Sample body-tekst in een gecentreerde, smalle layout. Wordt gebruikt voor introducties en korte uitleg-secties.
<x-content.text-two-columns> (intro / split-text 2-col)
Eerste kolom met sample tekst. Wordt vaak gebruikt voor intro-paragrafen op case-detail-pagina's.
Tweede kolom met sample tekst. Beide kolommen kunnen meerdere paragrafen bevatten.
<x-content.split-teaser-text> (headline links, teaser-paragrafen rechts)
Sample headline aan de linker zijde
Eerste paragraph aan de rechter zijde, ter teaser van de sectie.
Tweede paragraph met meer context.
<x-content.case-rich-text> (prose wrapper voor case-detail body)
Sample h2 in case-rich-text
Sample paragraph met body-tekst. De prose-wrapper geeft automatische typografie-rules voor case-detail content.
Tweede paragraph om het ritme te tonen.
Proof & vertrouwen
Cijfers, stat-strips, trust-badges en partner-logo's: de verschillende proof-looks naast elkaar.
<x-content.stat-band> (canonieke hairline proof-strip; accepteert value/label of title/description; onDark-variant; size="default" voor cijfers, size="compact" voor tekst-frases)
Default — cijfers
- 30+
- Hyvä shops live
- 100%
- van onze Hyvä projecten haalt Core Web Vitals
- 25+
- takeovers in 2 jaar
- 13 jaar
- Magento, sinds 2013
Compact — tekst-frases
- 5 kansen
- uit de quickscan op jouw shop
- Binnen weken
- tot eerste module live
- 30+ modules
- onderbouwd met externe A/B-testdata
- Vaste prijs
- implementatie inbegrepen
<x-content.stat-tiles> (getinte, escalerende tiles met bottom-aligned cijfer; tone per item: light / muted / forest / pale / ink)
<x-content.stats-cards-section> (proof-stats, default + teal-anchor card)
van onze Hyvä projecten halen Core Web Vitals
<x-content.card-stats> · variant="case"
<x-content.card-stats> · variant="default"
100%
13+
30+
<x-content.trust-strip> (rij van trust-badges met logo + label + omschrijving; align left/center)
Hyvä Platinum Partner
Eerste Hyvä Platinum Partner ter wereld.
Emerce 100 2026
Bij de beste 100 e-commercebedrijven van Nederland.
<x-content.partners-grid> (DB-gedreven: query't zelf de actieve Partner-records; rendert niets als er geen zijn)
Cases & portfolio
Case-showcases, portfolio-grids en de galerij: de manieren waarop we werk laten zien.
<x-content.featured-case-box>
My Hair Shop
AI design + build
<x-content.featured-case-spotlight> (editorial single-case: browser-scroll + hairline-stats)
My Hair Shop
Van designconcept naar een volledig nieuwe Hyvä-shop, ontworpen met Vendic AI en gebouwd door senior Magento-developers.
Bekijk de volledige case
- 25%
- van de kosten van een maatwerktraject
- 6 weken
- van start tot live
- 90+
- PageSpeed-score
<x-content.card-complex-grid> (case-cards grid met optionele eyebrow + h2)
Bewezen resultaten
<x-content.portfolio-quote-card> (quote-cel tussen case-cards op de portfolio-index)
Vendic nam onze Magento-shop over en loste binnen twee weken de openstaande performance-issues op.
<x-content.gallery> · variant="case"
Gallery sample
<x-content.cases-carousel> (rendert CaseStudy-modellen uit de DB)
Uitgelichte cases
Testimonials & reviews
Klantcitaten in verschillende dichtheden: enkel, slider en review-grid.
<x-content.testimonial-single>
Wat klanten zeggen
"Sample-testimonial met meerdere zinnen om het premium-quote-ritme te tonen. Vendic heeft uitstekend werk geleverd op dit project."
<x-content.testimonials-slider> (rendert vanuit DB; lege state als geen reviews)
Clients on Vendic
Vendic took over technical maintenance and performed a Magento update. Clear communication and smooth execution from the start. Support remained excellent after go-live.
We receive thousands of visitors daily on the website who can place their orders lightning fast and without problems. This is thanks to the specialized Magento/Hyvä knowledge that Vendic has in-house!
Customer at Vendic since 2016. In my opinion the best partner for Magento 2 webshops. Still satisfied after more than 7 years.
Features & inhoudsblokken
Feature-grids, icon-cards, vergelijkingen en lijsten: de bouwstenen voor de body van een pagina.
<x-content.feature-grid>
Inclusief features
die opleveren
Snelle bezorging
Sample description.
Slim zoeken
Sample description.
Voorraad realtime
Sample description.
Snelle bezorging
Sample description.
Slim zoeken
Sample description.
Voorraad realtime
Sample description.
<x-content.feature-list>
Inclusief features
die opleveren
-
Nu besteld, [datum+tijd] bezorgd
Sample description voor een feature-item.
-
Geoptimaliseerd voor zoekmachines
Sample description voor een feature-item.
-
Aanvullen adresgegevens
Sample description voor een feature-item.
-
Veelgestelde vragen
Sample description voor een feature-item.
-
Alle merken in één overzicht
Sample description voor een feature-item.
-
Hoge Google PageSpeed scores
Sample description voor een feature-item.
<x-content.feature-grid-job-benefits> (gecentreerde headline + grid van features met gele icon-cirkel; icon = raw SVG-string)
Wat je krijgt
bij Vendic
Flexibel thuiswerken
Werk waar je het meest productief bent, met een vast teamritme.
Leerbudget
Ruimte om te groeien in Magento, Hyvä en AI-tooling.
Teamevents
Regelmatig samen offline, van hackdays tot borrels.
<x-content.topline-cards-section> (optionele per-item icon-key rendert een x-atomics.icon-tile; vervangt het oude icon-cards-section)
Sectie-headline
Card item 1
Sample content voor de eerste card.
Card item 2
Sample content voor de tweede card.
Card item 3
Sample content voor de derde card.
Icon-variant met heroicons
Hyperfocus op Magento
Geen versnipperd stack-verhaal, alleen Magento en Hyvä, tot in de details.
Complete suite
Frontend, checkout en admin in één samenhangend geheel opgeleverd.
Voorspelbaar proces
Vaste fases met regressie-controle op elke release.
Meetbare groei
Snellere Core Web Vitals die zich vertalen naar conversie.
<x-content.card> (4 thema-varianten)
Card headline smoke
Korte beschrijving van de card-content. Standaard ~2 zinnen lengte.
Les merCard headline porcelain
Korte beschrijving van de card-content. Standaard ~2 zinnen lengte.
Les merCard headline teal-service
Korte beschrijving van de card-content. Standaard ~2 zinnen lengte.
Les merCard headline teal
Korte beschrijving van de card-content. Standaard ~2 zinnen lengte.
Les mer<x-content.usp-grid>
USPs
Sample USP-section
USP 1
Sample beschrijving.
USP 2
Sample beschrijving.
USP 3
Sample beschrijving.
<x-content.comparison>
Magento development with more control, less noise
13+ years of Magento expertise plus AI agents inside our own development environment. For faster analysis, AI-assisted development and more transparent work.
What you often see
- Custom work as the default answer, even when it is not needed
- Development as a black box, with little visibility into choices and progress
- Using AI as a loose shortcut without process, context or ownership
- Keeping everything manual, even where repetitive work can be accelerated reliably
- Stacking low-quality external modules into technical debt
- Large releases at fixed moments, with a lot of risk per release
- Slowly allowing stores to become outdated
- Generic hosting and processes that do not fit Magento
- The right route per project: standardized, hybrid or fully custom
- Open communication via Slack, code visibility through GitHub and clear updates on hours and decisions
- AI-assisted workflows for analysis and scoped production work where the approach is tested and proven. Senior developers remain owners of architecture, security, quality and releases
- Faster codebase analysis, better documentation, sharper test scenarios and controlled production acceleration on proven tasks such as refactors, component variants and QA preparation
- Proven Vendic modules and carefully chosen external modules, without unnecessary complexity
- Release early and often: small, controlled improvements as soon as they are ready
- Active maintenance on performance, security, stability and technical sustainability
- Optimized Vendic hosting and development pipeline for fast, stable Magento stores
<x-content.pros-and-cons>
Wat je van ons mag verwachten
-
Sterke operationele partner
Het liefst bouwen we de hele dag. Tuurlijk, soms is er voorbereidend (inventariserend) werk nodig, maar we geloven sterk in learning by doing.
-
Focus op schaalbaarheid en onderhoud
We adviseren graag over de (toekomstige) schaalbaarheid en onderhoudbaarheid van jouw webshop.
-
Directe en open communicatie
Je kunt al onze communicatie over jouw project volgen en erin participeren.
Wat je beter elders belegt
-
Marketing
Marketing en branding laten we aan anderen, maar we implementeren uiteraard de technische implicaties van marketing in de webshop.
-
Strategisch advies
Je zult van ons geen uitgewerkt strategisch advies van 50 pagina's ontvangen.
-
Non Magento werk
Wij geloven sterk in specialisatie. Al het werk wat we doen, is binnen de Magento applicatie.
<x-content.dot-bullet-list> (dot: ink/muted/yellow · tone: muted/light)
- Bewezen webshopfunctionaliteit uit veel Magento-projecten
- Verkorte time-to-market vanuit een onderhouden basis
- Ruimte voor maatwerk waar jouw processen dat vragen
- Hosting en onderhoud in de maandprijs
- Kwartaalupdates na regressie-controle
- Geen eenmalige projectfee voor de basis
<x-content.bullet-point> (check-bullet voor lijsten)
Routes & services
Navigatie-blokken die de bezoeker naar de juiste service leiden: bento, route-grid en route-cards.
<x-content.services-bento> (bento-grid van service-cards in "bands"; per card tone/span/size op een 12-koloms grid)
Alles voor je Magento-shop
<x-content.solution-route-grid> (service-routes grid met tone-variants)
<x-content.design-route-card> (route-keuze-card met badge, checklist en optionele CTA; variant "ai" (smoke) vs "traditional" (porcelain). Meestal als paar)
Vendic AI Design
Van concept naar een nieuwe Hyvä-storefront, versterkt door Vendic AI.
- Vaste prijs
- AI-gedreven designs
- Regie door senior consultants
Maatwerk-traject
Volledig op maat ontworpen en gebouwd, als je specifieke wensen hebt.
- Volledig maatwerk
- Eigen designrichting
- Uitgebreide scope
Proces & stappen
Manieren om een proces of stappenplan te tonen.
<x-content.process-steps> ("SAMEN → VENDIC" stappen-band met genummerde cards + badges eronder. Gebouwd voor 5 stappen)
Van designconcept naar live shop
Vijf stappen: de eerste drie doen we samen, de laatste twee neemt Vendic voor z'n rekening.
Intake & scope
We brengen je shop, doelen en knelpunten in kaart.
Designconcept
AI-gegenereerde designs, geregisseerd door senior consultants.
Akkoord
Je kiest de richting; wij zetten het om in een bouwplan.
Bouw op Hyvä
Vendic bouwt de storefront met regressie-controle.
Livegang
Oplevering, monitoring en overdracht.
<x-content.steps-slider> (horizontale slider met stap-cards en prev/next-controls; child items met title/headline/content)
Ons proces
Prijzen & plannen
Pricing-tabellen en plan-cards.
<x-content.plans>
Project Forms
Choose what fits your project: standardization, custom work or a mix of the two.
Vendic Elements
- For a fast and well-standardized result
- Fixed monthly costs for Elements, hosting & maintenance
- Quick up and running
- Mega fast, finished Hyvä frontend
- Custom work in theme (limited) and features (few/no limitations) possible
Vendic AI Design
- Custom Magento design and Hyvä implementation, AI-leveraged
- Significantly faster and cheaper than traditional custom design
- Senior consultants direct design and execution
- Suitable for projects that want a unique visual brand experience
Custom project
- For a unique visual brand experience
- Relies completely or largely on a custom design
- Very suitable for projects that want a unique visual brand experience
- Extreme flexibility
- Longer time to market
- Higher required investment
<x-content.pricing-card> (default + highlight variant)
Maandelijkse Betaling
per maand
- Maandelijks opzegbaar
- Inclusief hosting & onderhoud
- Maatwerk wordt separaat afgerekend
Jaarlijkse Betaling
per maand, jaarlijkse betaling
- Jaarlijks opzegbaar
- Inclusief hosting & onderhoud
- Maatwerk wordt separaat afgerekend
FAQ, tabs & lijsten
Uitklap- en filter-patronen: accordions, tabs en filterbare lijsten.
<x-content.faq>
Veel gestelde vragen
<x-content.tabs-complex>
Sample tabs
Inhoud tab één
Sample-content voor de eerste tab. Twee à drie zinnen die laten zien hoe de tab-paneelinhoud uitlijnt naast de afbeeldingskolom.
Inhoud tab twee
Sample-content voor de tweede tab op een teal-achtergrond, om te zien hoe text-color en bi-border-menu zich verhouden.
Mockups & interactief
Device- en browser-frames om werk of CRO-modules in context te tonen.
<x-cro.phone-frame> (device-mockup voor CRO-modules; size sm/lg, brand-label, active-highlight)
<x-content.browser-frame> (browser-chrome frame rondom een screenshot; scrollt bij hover of met :autoplay. :expandable opent bij klik/tik de volledige capture in een scrollbare fullscreen-viewer — x-content.browser-lightbox, éénmalig per pagina gerenderd)
<x-content.before-after> in <x-content.browser-frame> (sleepbare voor/na-slider; flush = zonder eigen card-chrome voor gebruik in een frame, :autoplay laat de divider rustig sweepen tot de bezoeker zelf sleept. Browser-frame zonder image-prop rendert slot-content; badge = gele pill rechts in de chrome-bar)
<x-content.browser-deck> (kaartendeck van browser-frames dat per interval rustig doorshuffelt; URL-pill wisselt mee. Pauzeert op hover, statisch bij prefers-reduced-motion)
<x-content.phase-timeline> (levende fase-tijdlijn: indicator vordert door de fases, gele voortgangslijn groeit mee. Pauzeert op hover, statisch op de initial-fase bij prefers-reduced-motion. Gebruikt in de /overname-magento2-onderhoud hero)
Vendic Takeover
van overname tot vast ritme
- Code review
- Afstemming
- Parallelle setup
- Switch live
- Onderhoudsritme
<x-cro.module-morph> (Vendic Library-screenplay in één browser-frame: library-rail links met klikbare module-rijen, rechts een shop-stage die per module van layout wisselt (checkout / cart / PDP / categorie) zodat de module in z'n echte context landt. Auto-cycle tot de bezoeker zelf kiest. Gebruikt in de /vendic-cro hero)
Checkout
"Free" label on payment methods
#195 · 25 tests · 56% win
<x-content.maintenance-console> (levende onderhouds-console: proces-events schuiven rustig binnen in een feed, status-pill met puls. Pauzeert op hover, statisch bij prefers-reduced-motion. Events = commitments van de dienst, geen fake metrics. Gebruikt in de /magento-onderhoud hero)
Magento Maintenance
fixed rhythm · senior direction
Continuous maintenance rhythm: security patches assessed within 48 hours, updates tested on staging before go-live, 24/7 error monitoring and two Magento and PHP upgrades per year, under senior direction.
<x-content.storefront-morph> (interactieve mini-storefront: assembleert zichzelf bij load en wisselt merkstijlen via swatches of auto-cycle; demonstreert theming op één basis. tone="light|dark" voor donkere/lichte achtergronden)
CTA & conversie
Page-end CTA's, crosslink-cards en modal-popups.
<x-cta.contact-fat>
Wil je vrijblijvend meer weten?
Neem contact op met Niek om over jullie project te praten.
Book en intake
<x-content.inline-cta> (soft CTA-block met eyebrow + h3 + primary/secondary buttons)
Sample inline-CTA titel
Sample beschrijvende tekst voor de inline CTA. Compact en op-context.
<x-cta.section-followup> (quiet mid-page conversie-moment: lead + arrow-link, geen card-chrome; op het beslispunt van een sectie)
Weten wat dit voor jouw shop betekent?
Plan een intake<x-cta.crosslink-card variant="dark"> (mid-page heroic, max 1× per pagina)
<x-cta.crosslink-card variant="subtle"> (reminder, no card-frame)
<x-cta.takeover-code-review-popup> (modal-popup voor code-review-aanvraag; luistert op het 'takeover-code-review:open' Custom Event)
Trigger-button (sample; dispatcht het Custom Event waar de popup op luistert):
Know where you stand with your Magento shop
Our senior Magento developers map the state and complexity of your shop. The report translates technical findings into management implications, for stakeholders who want to quickly know where they stand.
- AI-assisted analysis + senior Magento developers
- Report in management language: state, complexity, implications
- No commitment to a follow-up
This month is fully booked
All free code reviews for this month are taken. Spots open up again on the 1st of next month.
We'll get started
We'll be in touch within 1 business day to schedule your code review.
<x-cta.cro-quickscan-popup> (modal-popup voor CRO-quickscan-aanvraag; luistert op het 'cro-quickscan:open' Custom Event)
Trigger-button (sample; dispatcht het Custom Event waar de popup op luistert):
Get 3-5 CRO quick-wins for your Magento store
We scan your store and send you a personal report with the most valuable CRO opportunities. Free, no obligation to talk.
- 3-5 concrete CRO opportunities on your store
- Per opportunity: expected impact and implementation effort
- Delivered within 3 working days by email
This week is full
From Monday there will be spots available again. Leave your details and we will schedule your quickscan.
We are on it
You will get a confirmation in your inbox shortly. Within 3 working days we will send you the CRO report.
<x-cta.intake-interest-popup> (modal-popup: e-mail + context vóór het plannen van een kennismaking; luistert op 'intake-interest:open')
Trigger-button (sample; dispatcht het Custom Event waar de popup op luistert):
Leave your email so we can prep context first
Niek prepares your call with the info you share below. After that you pick a time in his calendar.
Niet showcased
Components die niet als losse showcase werken: geen visuele staat of gebonden aan een specifieke data-context.
- Case-blocks (case-detail context, per-case uit de DB gerenderd, niet algemeen herbruikbaar)
- SEO / layout / plumbing components (data-only, geen visuele showcase nodig)