Mobiele versie uit ontwerpLay-out naar HTML

Je mobiele ontwerp gebouwd in HTML en CSS: een pagina uit je telefoonschermen die ook op computers goed opent

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.

Je mobiele ontwerp gebouwd in HTML en CSS: een pagina uit je telefoonschermen die ook op computers goed opent

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

Je ontwerp is eerst voor telefoons getekend en je hebt het nodig als pagina die in de hand goed aanvoelt. Upload je mobiele schermen als afbeeldingen, en wij bouwen ze in HTML en CSS: dezelfde secties in dezelfde volgorde, knoppen die groot genoeg zijn om op te tikken, een menu dat opent zoals in je ontwerp, en echte tekst die op het scherm past. Als je ook desktopschermen hebt, volgen we die; zo niet, dan maken we de layout zelf breder voor tablets en computers, en jij controleert dat in het voorbeeld. Foto's worden opnieuw getekend tenzij je ze uploadt. Wij werken met afbeeldingen, niet met ontwerpbestanden. Het is een webpagina, geen app, zonder animaties, 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.
  • Trouw aan je telefoonschermenSecties, witruimte, kleuren en lettergroottes zoals in je ontwerp
  • Ook voor grotere schermenJe desktopontwerp, of een bredere layout gemaakt van de mobiele
  • Makkelijk te tikkenKnoppen, links en menu in een maat voor touch
  • 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 je telefoonschermen en geeft aan hoe het menu opent
  2. 2
    BouwWij bouwen de pagina voor telefoons en maken hem breder voor grotere schermen
  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 telefoonschermen geëxporteerd uit je ontwerptool, één pagina of één hoog scherm per bestand, desktopschermen als je die hebt, en desgewenst je logo en foto's om zo te gebruiken. Geef aan welk bestand bij welke pagina hoort, hoe het menu moet openen en waar elke knop naartoe leidt; op telefoons kunnen knoppen een nummer bellen of WhatsApp openen.

We vragen je:

  • Welk bestand hoort bij welke pagina?
  • Heb je ook desktopschermen?
  • Hoe opent het menu?
  • Waar leiden knoppen naartoe?
  • Is het ontwerp van jou?

Pakketten vergelijken

PakkettenBasis1 mobiele pagina, maximaal 5 secties€ 19Standaard1 mobiele pagina, maximaal 10 secties€ 35PremiumMaximaal 3 mobiele pagina's€ 60
Levertijd1 dag2 dagen3 dagen
Revisies123
Pagina's113
Sectiesmaximaal 5maximaal 10maximaal 8 per pagina
Getekende afbeeldingen voor de pagina24—
Mobiele versieJaJaJa
Gebouwd uitJe telefoonschermenJe telefoonschermenJe telefoonschermen
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

Is dit een mobiele app?

Nee, het is een webpagina die in de browser van een telefoon opent. Hij wordt niet vanuit een appstore geïnstalleerd en stuurt geen pushmeldingen.

Ik heb alleen telefoonschermen. Wat toont een computer?

Wij maken de layout breder: de inhoud krijgt een prettige breedte, kolommen kunnen naast elkaar staan en het menu klapt uit. Je ziet het in het voorbeeld en kunt om aanpassingen vragen.

Kunnen knoppen bellen of een messenger openen?

Ja: een knop kan een nummer bellen, WhatsApp of een andere messenger openen, of een e-mail schrijven. Formulieren kunnen niets versturen, want er is geen server.

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.

Kunnen jullie mijn ontwerpbestand openen?

Nee, exporteer de schermen als afbeeldingen: wij kunnen geen Figma-, Sketch-, XD- of PSD-bestanden of -links openen.

Staat je antwoord er niet bij?

Pakketten