Een nieuw ontwerp voor de productpagina van je webshop: van screenshots naar een duidelijke productpagina in HTML en CSS

Voorbeeldresultaat

Voorbeeld voor het pakket StandaardVolledig tonen

New design of a bakery's home page from a screenshot

Before: the screenshot the client sent

After: the new page

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

Client: Miller Street Bakery, a family bakery. Task: give the old home page a fresh, modern look, keeping the name, the warm brown colour, the opening hours and the list of what they bake, with big pictures of bread and a clear order button.

De klant en alle details zijn verzonnen.

Over deze dienst

Een productpagina moet verkopen op een klein telefoonscherm: de foto, de prijs, de opties en de koopknop moeten meteen zichtbaar zijn, en antwoorden op twijfels een scroll verder. Upload screenshots van je huidige productpagina, en wij ontwerpen hem opnieuw en bouwen hem: een duidelijk galerijgedeelte, naam, prijs en opties, voordelen in korte blokken, een leesbare tabel met specificaties, feiten over levering en retour, de beoordelingen die al op je pagina staan en veelgestelde vragen, in jouw kleuren en met jouw logo. Productfoto's worden nooit getekend: ze komen uit je screenshots als ze scherp genoeg zijn of blijven gemarkeerde plekken voor je originelen, en nieuwe afbeeldingen zijn alleen voor iconen, banners en achtergronden. Prijzen, voorraad en specificaties blijven precies zoals je ze opgeeft. De pagina heeft geen winkelwagen of afrekenen: de koopknop leidt naar de eigen link van je webshop.

Wat is inbegrepen

• Wat je krijgtEen ZIP-archief met de nieuwe pagina in HTML en CSS, de stijlen en afbeeldingen, klaar om naar je hosting te uploaden, en een voorbeeld op een computer en een telefoon op de bestelpagina. In Premium drie pagina's in één stijl.
• Koopblok in beeldFoto, prijs, opties en knop tegelijk
• Leesbare specificatiesEen tabel die op een telefoon past
• Alleen echte productenJouw foto's, nooit getekende
• Levering en retourJouw voorwaarden, duidelijk geplaatst
• Geschikt voor telefoons, nette codeGewone HTML en CSS

Hoe het werkt

1. 1
   ScreenshotsJe uploadt screenshots van de productpagina en zegt wat er moet veranderen
2. 2
   HerontwerpWij ontwerpen de pagina opnieuw, tekenen de afbeeldingen en bouwen hem
3. 3
   VoorbeeldJe vergelijkt de nieuwe pagina met de oude op een computer en een telefoon
4. 4
   ArchiefJe downloadt het archief en vraagt om aanpassingen binnen je pakket

Wat we van je nodig hebben

Maximaal 5 afbeeldingen als PNG, JPEG of WebP: screenshots van je productpagina, van boven naar beneden, en eventueel je logo als apart bestand. Zeg wat een koper als eerste moet zien, welke opties en specificaties het product heeft, je leverings- en retourvoorwaarden, welke beoordelingen getoond mogen worden, waar de koopknop heen moet leiden, wat je nu niet mooi vindt en een webshop die je mooi vindt als hint voor de stijl.

We vragen je:

• Welke productpagina is het?
• Wat moet een koper als eerste zien?
• Opties en specificaties
• Wat vind je nu niet mooi?
• Waar leidt de koopknop heen?

Pakketten vergelijken

Vragen en antwoorden

Staat je antwoord er niet bij? Vraag het ons