Je ontwerp gebouwd in HTML en CSS: een pagina van je screenshot of mock-up, met een telefoonversie

Voorbeeldresultaat

Voorbeeld voor het pakket StandaardVolledig tonen

Dental clinic home page built from its design

Before: the design the client sent

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

Je hebt een ontwerp en hebt het nodig als werkende pagina. Upload screenshots of PNG-exports van je mock-up uit Figma, Photoshop, Canva of een andere tool, en wij bouwen het in HTML en CSS: dezelfde secties in dezelfde volgorde, dezelfde indeling, kleuren en uitstraling, met echte tekst in plaats van een afbeelding van tekst. Pagina's zijn responsief: heeft je ontwerp alleen een desktopversie, dan maken wij daarvan de telefoonversie, met een telefoonmenu. Foto's en illustraties van de mock-up worden in dezelfde geest opnieuw getekend, of je eigen afbeeldingen worden gebruikt als je ze apart uploadt. Je krijgt een archief met de pagina's, stijlen en afbeeldingen, klaar voor je hosting, en een voorbeeld van elke pagina op de bestelpagina. We kunnen Figma-, PSD-, Sketch- of XD-bestanden zelf niet openen: exporteer de schermen als afbeeldingen. Animaties, een back-end, een webshop of een CMS maken geen deel uit van deze dienst.

Wat is inbegrepen

• Wat je krijgtEen ZIP-archief met de pagina's, stijlen en afbeeldingen, klaar om naar je hosting te uploaden, en een voorbeeld van elke pagina op de bestelpagina.
• Dicht bij je ontwerpSecties, indeling, kleuren en lettertypen zoals in je mock-up
• TelefoonversieGemaakt van een desktopontwerp als je geen mobiel ontwerp hebt
• Echte tekstKoppen en alinea's als HTML die zoekmachines lezen
• Afbeeldingen op hun plekOpnieuw getekend in de geest van de mock-up, of die van jou
• Schone codeGewone HTML en CSS, geen frameworks, niets geladen van andere sites

Hoe het werkt

1. 1
   UploadenJe uploadt de schermen van je ontwerp en zegt wat waar komt
2. 2
   BouwWe bouwen de pagina's en tekenen de afbeeldingen
3. 3
   VoorbeeldJe vergelijkt ze met je ontwerp op een computer en een telefoon
4. 4
   ArchiefJe 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 schermen van je ontwerp, telkens één pagina of één lang scherm, scherp genoeg om de tekst te lezen, en, als je wilt, je logo en foto's om ongewijzigd te gebruiken. Zeg welk bestand welke pagina is, de teksten als ze van de mock-up afwijken, en je contactgegevens en links. Geen Figma-, PSD-, Sketch- of XD-bestanden: exporteer de schermen als afbeeldingen.

We vragen je:

• Welk bestand is welke pagina?
• Moeten de teksten precies zoals in het ontwerp zijn?
• Links, contactgegevens en knoppen
• Is het ontwerp van jezelf?

Pakketten vergelijken

Vragen en antwoorden

Staat je antwoord er niet bij? Vraag het ons