Landingspagina-ontwerp naar HTMLLay-out naar HTML

Het ontwerp van je landingspagina gebouwd in HTML en CSS: elke sectie uit je mock-up, met een mobiele versie

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

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

Het ontwerp van je landingspagina gebouwd in HTML en CSS: elke sectie uit je mock-up, 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

The page on a computer The page on a phone

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 landingspagina leeft van de volgorde van zijn secties: een eerste scherm dat het aanbod noemt, dan de redenen, het bewijs dat je hebt, prijzen en een duidelijke knop. Upload je landingspagina-mock-up als afbeeldingen, en wij bouwen die in HTML en CSS met de secties in jouw volgorde, hetzelfde grid en dezelfde kleuren, echte tekst die zoekmachines lezen, en een mobiele versie als je mock-up er geen heeft. Elke call-to-action-knop belt, opent WhatsApp of een messenger, schrijft een e-mail of verwijst naar je eigen bestel- of boekingslink. Een formulier in het ontwerp kan niets versturen, want er is geen server, dus stellen we een knop voor. Geen animaties, betalingen, trackers 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.
  • Secties in jouw volgordeVan het eerste scherm tot de footer, zoals in je mock-up
  • Knoppen met een duidelijke actieBellen, WhatsApp, e-mail of je eigen link
  • Mobiele versieGemaakt van het desktopontwerp als je geen mobiel ontwerp hebt
  • Klaar voor zoekmachinesEchte koppen, een paginatitel en een beschrijving
  • Schone codeGewone HTML en CSS, geen frameworks, niets wordt van andere sites geladen

Hoe het werkt

  1. 1
    UploadJe uploadt de landingspagina-mock-up en geeft aan waar elke knop naartoe leidt
  2. 2
    BouwWij bouwen de secties en tekenen de ontbrekende afbeeldingen
  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: je landingspagina-mock-up als één lang scherm of in delen op volgorde, een mobiele versie als je die hebt, en desgewenst je logo en foto's om zo te gebruiken. De definitieve teksten als die van de mock-up afwijken, een paginatitel en beschrijving voor zoekmachines, en waar elke knop naartoe leidt: telefoonnummer, WhatsApp, e-mail of je bestellink.

We vragen je:

  • Welk bestand hoort bij welk deel van de landingspagina?
  • Definitieve teksten
  • Waar leidt elke knop naartoe?
  • Paginatitel en beschrijving voor zoekmachines
  • Is het ontwerp van jou?

Pakketten vergelijken

BasisKorte landingspagina, maximaal 5 secties€ 19StandaardVolledige landingspagina, maximaal 10 secties€ 35PremiumLandingspagina en 2 extra pagina's€ 60
Levertijd1 dag2 dagen3 dagen
Revisies123
Pagina's113
Sectiesmaximaal 5maximaal 10maximaal 8 per pagina
Getekende afbeeldingen voor de pagina24—
Mobiele versieJaJaJa
Call-to-action-knoppenTelefoon, messenger, e-mail of je linkTelefoon, messenger, e-mail of je linkTelefoon, messenger, e-mail of je link
Getekende afbeeldingen voor de pagina's——6
BestellenBestellenBestellen

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

Mijn landingspagina heeft een aanmeldformulier. Verstuurt dat?

Nee, er is geen server. Het formulierblok kan een knop worden die WhatsApp, een messenger of een e-mail opent, of verwijst naar de formulierdienst die je al gebruikt.

Kunnen jullie analytics of advertentietracking koppelen?

Nee, de pagina heeft geen trackers en laadt niets van andere sites. Trackingcodes kun je later zelf aan de HTML toevoegen.

Kunnen jullie de teksten of de structuur verbeteren?

Deze dienst bouwt je mock-up zoals die is. Korte tekstwijzigingen uit je briefing kunnen; nieuwe teksten of een nieuwe volgorde van secties vallen er niet onder.

Werken de countdown of animaties uit mijn ontwerp?

Animaties maken geen deel uit van deze dienst. Een countdown wordt alleen getoond als die naar een echte datum wijst die je opgeeft; wij voegen geen valse deadlines of kortingen toe.

Komt het tot op de pixel overeen met mijn ontwerp?

Het komt dichtbij qua indeling, kleuren, maten en volgorde van secties, maar niet tot op de pixel: lettertypen zijn vergelijkbare systeemlettertypen en foto's worden opnieuw getekend tenzij je je eigen foto's uploadt. Met revisies pas je aan wat voor jou belangrijk is.

Staat je antwoord er niet bij?

Alle diensten in Ontwikkeling & IT

Meer in Ontwikkeling & IT

Bestellen · € 35· ~15 min