Homepage naar HTMLLay-out naar HTML

Het ontwerp van je homepage gebouwd in HTML en CSS: header, secties en footer, 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 homepage gebouwd in HTML en CSS: header, secties en footer, 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 homepage bepaalt de look die de hele site volgt: de header met logo en menu, het eerste scherm, de belangrijkste secties en de footer. Upload je homepage-mock-up als afbeeldingen, en wij bouwen die in HTML en CSS met hetzelfde grid, dezelfde kleuren en volgorde, echte tekst en een menu dat op telefoons inklapt tot een knop. In het pakket van 3 pagina's delen twee binnenpagina's dezelfde header, footer en stijlen, zodat de rest van je site daaruit kan groeien. Menu-items voor pagina's die je niet bestelt, leiden waar jij zegt, bijvoorbeeld naar een sectie of naar contact. Foto's worden opnieuw getekend tenzij je ze uploadt; geen CMS, back-end 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.
  • Header en menuLogo, menu en contactgegevens zoals in de mock-up, met een mobiel menu op kleine schermen
  • Secties op volgordeLayout, kleuren en lettertypen zoals in je mock-up
  • Een basis voor de restHeader, footer en stijlen gedeeld door elke pagina
  • Echte tekstKoppen en alinea's als HTML die zoekmachines lezen
  • Schone codeGewone HTML en CSS, geen frameworks, niets wordt van andere sites geladen

Hoe het werkt

  1. 1
    UploadJe uploadt de homepage-mock-up en geeft aan waar de menu-items naartoe leiden
  2. 2
    BouwWij bouwen de pagina's 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 homepage-mock-up als één hoog scherm of in delen op volgorde, mock-ups van de binnenpagina's voor het pakket van 3 pagina's, een mobiele versie als je die hebt, en desgewenst je logo en foto's om zo te gebruiken. Geef aan waar elk menu-item en elke knop naartoe leidt, je contactgegevens voor de header en footer, en teksten die afwijken van de mock-up.

We vragen je:

  • Welk bestand hoort bij welke pagina?
  • Waar leiden de menu-items naartoe?
  • Contactgegevens voor de header en footer
  • Moeten de teksten precies zo zijn als in het ontwerp?
  • Is het ontwerp van jou?

Pakketten vergelijken

PakkettenBasisHomepage, maximaal 5 secties€ 19StandaardHomepage, maximaal 10 secties€ 35PremiumHome en 2 binnenpagina's€ 60
Levertijd1 dag2 dagen3 dagen
Revisies123
Pagina's113
Sectiesmaximaal 5maximaal 10maximaal 8 per pagina
Getekende afbeeldingen voor de pagina24—
Mobiele versieJaJaJa
Header en footerZoals in je ontwerpZoals in je ontwerpZoals in je ontwerp
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

Het menu heeft meer items dan ik pagina's bestel.

Elk item kan leiden naar een sectie van de homepage, naar een pagina van je huidige site of naar contact. Pagina's die nog niet bestaan, kunnen later worden toegevoegd.

Kunnen jullie de binnenpagina's zonder mock-ups bouwen?

Elke pagina wordt het best gebouwd uit een eigen mock-up. Heb je er geen voor een binnenpagina, som dan de secties en teksten op, dan stellen we die samen uit de onderdelen en de stijl van je homepage; je controleert het in het voorbeeld.

Kunnen jullie het koppelen aan WordPress of een CMS?

Nee. Je krijgt pagina's in gewone HTML en CSS die op elke hosting zelfstandig werken; ze later in een CMS-thema onderbrengen is apart werk.

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?

Pakketten