Productpagina naar HTMLLay-out naar HTML

Het ontwerp van je productpagina gebouwd in HTML en CSS: galerij, details en een bestelknop, met een mobiele versie

Meestal klaar in 15 minutenRevisies inbegrepenKwaliteitscontrole
Pakketten
BetaalbeschermingDetails
  • Revisies binnen het pakket zijn gratis.
  • Reageer je niet binnen 3 dagen na levering, dan wordt het werk automatisch goedgekeurd.

Het geld wordt bij betaling gereserveerd en pas vrijgegeven als je het werk goedkeurt.

Het ontwerp van je productpagina gebouwd in HTML en CSS: galerij, details en een bestelknop, met een mobiele versie

Voorbeeldresultaat

Voorbeeld voor het pakket Standaard

Dental clinic home page built from its design

Before: the design the client sent

The home page design

After: the working page

Files: a ZIP archive with index.html, the styles and 2 pictures for the page, ready to upload to the client's hosting. The pictures here are screenshots of the page.

Client: Bright Smile Dental. Task: turn the home page design into a working HTML page with the same layout, colours and texts, and booking buttons that call the clinic.

De klant en alle details zijn verzonnen.

Over deze dienst

Een productpagina heeft één taak: het artikel goed laten zien en de volgende stap duidelijk maken. Upload je productpagina-mock-up als afbeeldingen, en wij bouwen die in HTML en CSS: de fotogalerij, naam, prijs, opties, kenmerken, specificaties en FAQ in jouw layout, met een mobiele versie. De pagina toont het product maar verkoopt het niet: er is geen winkelwagen, voorraadteller, kassa of betaling. De bestelknop verwijst naar je bestaande winkel of advertentie op een marktplaats, een messenger of een e-mail. Productfoto's moeten je eigen foto's zijn, als aparte bestanden geüpload, want een getekende afbeelding zou het echte artikel niet tonen. Geen back-end, CMS of hosting.

Wat is inbegrepen

  • Wat je krijgtEen ZIP-archief met de pagina's, stijlen en afbeeldingen, klaar om naar je hosting te uploaden, plus een voorbeeld van elke pagina op de bestelpagina.
  • FotogalerijJe productfoto's, met miniaturen zoals in de mock-up
  • Details in jouw layoutKenmerken, een specificatietabel en FAQ uit je mock-up of briefing
  • Een duidelijke bestelknopNaar je winkelpagina, messenger of e-mail
  • Mobiele versieGemaakt van het desktopontwerp als je geen mobiel ontwerp hebt
  • Schone codeGewone HTML en CSS, geen frameworks, niets wordt van andere sites geladen

Hoe het werkt

  1. 1
    UploadJe uploadt de mock-up en je productfoto's en geeft de feiten
  2. 2
    BouwWij bouwen de pagina en plaatsen je foto's in de galerij
  3. 3
    Voorbeeld en archiefJe vergelijkt de pagina's met je ontwerp op een computer en een telefoon, downloadt het archief en vraagt binnen je pakket om aanpassingen

Wat we van je nodig hebben

Maximaal 5 afbeeldingen als PNG, JPEG of WebP: de productpagina-mock-up, een mobiele als je die hebt, en je echte productfoto's als aparte bestanden. De productnaam, prijs en specificaties precies zoals ze moeten staan, de link of het contact voor de bestelknop, en voor het pakket van 3 pagina's de teksten voor elk product. Beoordelingen alleen als ze echt zijn en je ze mag tonen.

We vragen je:

  • Welk bestand is welk?
  • Productgegevens
  • Waar leidt de bestelknop naartoe?
  • Is het ontwerp van jou?

Pakketten vergelijken

PakkettenBasis1 productpagina, maximaal 5 secties€ 19Standaard1 productpagina, maximaal 10 secties€ 35PremiumMaximaal 3 productpagina's€ 60
Levertijd1 dag2 dagen3 dagen
Revisies123
Pagina's113
Sectiesmaximaal 5maximaal 10maximaal 8 per pagina
Getekende afbeeldingen voor de pagina24—
Mobiele versieJaJaJa
BestelknopNaar je winkel, messenger of e-mailNaar je winkel, messenger of e-mailNaar je winkel, messenger of e-mail
Getekende afbeeldingen voor de pagina's——6
Bestellen BasisBestellen StandaardBestellen Premium

Betaalbescherming

Je betaalt bij het bestellen, maar het geld wordt alleen vrijgegeven voor goedgekeurd werk.

  • Vaste prijsDe prijs van het pakket verandert niet meer nadat je hebt betaald.
  • Het geld wordt gereserveerdBij betaling wordt het bedrag alleen gereserveerd. Het gaat pas naar de dienst als je het werk goedkeurt.
  • Gecontroleerd vóór leveringElk resultaat doorloopt een kwaliteitscontrole voordat het bij jou komt, en je ziet het op de bestelpagina voordat je het goedkeurt.
  • Gratis revisiesVraag wijzigingen binnen je briefing aan, zo vaak als het pakket toestaat.
  • Goedkeuring na 3 dagenKeur je het werk binnen 3 dagen na levering niet goed en vraag je ook geen wijzigingen, dan wordt het automatisch goedgekeurd. Schrijf je na levering in de chat van de bestelling, dan wacht de bestelling; zodra we hebben geantwoord, kunnen we de 3 dagen opnieuw laten ingaan en melden we dat in de chat.
  • Opnieuw doen of volledige terugbetalingPast het resultaat niet bij je briefing en hebben de revisies dat niet opgelost, of duurt het werk meer dan twee keer zo lang als de levertijd, schrijf dan in de chat van de bestelling: we doen het werk opnieuw of betalen het volledige bedrag terug.
Hoe het werkt →

Vragen en antwoorden

Kunnen mensen op de pagina kopen?

Er is geen winkelwagen, kassa of betaling: de bestelknop verwijst naar je bestaande winkel of marktplaatspagina, opent een messenger of schrijft een e-mail met de productnaam.

Tekenen jullie de productfoto's?

Liever niet: een getekende afbeelding toont je echte artikel niet. Upload je eigen foto's; zonder die krijgt de galerij neutrale plaatshouders die je later vervangt.

Drie producten maar 5 uploads?

Gebruik één mock-up voor alle drie de pagina's en stuur productfoto's als de andere bestanden, een of twee per artikel. Meer foto's kunnen later in de HTML worden toegevoegd.

Kunnen jullie waarderingen en beoordelingen tonen?

Alleen echte beoordelingen die je aanlevert en mag publiceren. Wij verzinnen nooit sterren, aantallen beoordelingen, ‘bestseller’-labels of kortingen.

Worden prijs en voorraad bijgewerkt?

Nee, de pagina is gewone HTML zonder koppeling met de gegevens van je winkel. Prijzen en voorraad worden met de hand in de code gewijzigd of via revisies.

Staat je antwoord er niet bij?

Pakketten