Van desktop naar mobielOp basis van sjabloon

Mobiele versie van je site op basis van een desktopscreenshot

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.

Mobiele versie van je site op basis van een desktopscreenshot

Voorbeeldresultaat

Voorbeeld voor het pakket Standaard

Mobile version of a bakery site from a desktop screenshot

Before: the desktop homepage

The desktop screenshot

After: the phone screen

The mobile homepage mock-up

File: PNG mock-up, about 1.5 megapixels. A picture of the design for the client's developer, not HTML code or a Figma file.

Client: Crumb & Kettle, a neighbourhood bakery. Task: show how their homepage should look on a phone, keeping the fonts, colours, button and photos of the desktop site.

De klant en alle details zijn verzonnen.

Over deze dienst

Een desktoppagina met drie kolommen, een breed menu en blokken naast elkaar krimpt niet zomaar tot een telefoonscherm: de kolommen moeten onder elkaar, het menu klapt in tot een menuknop en knoppen worden groot genoeg om met een duim te tikken. Upload een screenshot van je desktoppagina en wij tekenen hoe dezelfde pagina er op een telefoon uit kan zien, met behoud van je kleuren, lettertypen en volgorde van blokken, zodat je ontwikkelaar het doel ziet voordat hij de code aanraakt. Elke afbeelding komt uit één van je screenshots en wordt altijd een staande PNG-mockup van 2:3 van ongeveer 1,5 megapixel (circa 1024 x 1536 pixels), ongeacht de vorm van de upload, zodat zelfs een brede desktopscreenshot een telefoonscherm wordt. Je krijgt een afbeelding, geen code of Figma-bestand.

Wat is inbegrepen

  • Dit krijg jeJe krijgt 1, 3 of 5 staande PNG-mockups van je desktoppagina's, opnieuw getekend voor een telefoon, elk van ongeveer 1,5 megapixel. Stuur je minder screenshots dan het pakket afbeeldingen heeft, dan tonen de extra afbeeldingen meer van dezelfde pagina, zoals de onderste blokken of het geopende menu.
  • Eén kolom voor de telefoonBlokken naast elkaar herschikt van boven naar beneden in een duidelijke volgorde
  • MenuknopJe brede navigatie ingeklapt tot een menu-icoon in de header
  • Knoppen op duimformaatKnoppen en links die groot genoeg zijn om op te tikken, geen piepkleine desktoplinks
  • Jouw uitstraling behoudenKleuren, lettertypen en witruimte overgenomen uit je desktopscreenshot
  • Een doel voor je ontwikkelaarEen duidelijke telefoonindeling om de responsieve versie van te bouwen

Hoe het werkt

  1. 1
    DesktopscreenshotJe uploadt de pagina en zegt welke blokken op een telefoon het belangrijkst zijn
  2. 2
    TelefoonindelingWij herschikken de pagina tot één kolom in jouw kleuren en lettertypen
  3. 3
    PNG en revisiesJe vergelijkt met de desktopversie en vraagt binnen je pakket om aanpassingen

Wat we van je nodig hebben

Maximaal 5 scherpe screenshots van je desktoppagina's als PNG, JPEG of WebP (geen PDF), één pagina per bestand, van een site die je mag gebruiken. Vertel ons bij elke pagina welke blokken op de telefoon als eerste moeten komen, welke kunnen vervallen of worden ingeklapt, en de koppen en knopteksten precies zoals ze moeten staan. Stuur bij een lange pagina het deel dat je nodig hebt, of verdeel hem over meerdere mockups.

We vragen je:

  • Welke desktoppagina's moeten telefoonschermen worden?
  • Welke blokken moeten op een telefoon bovenaan blijven?
  • Wat kan op mobiel worden verborgen of ingekort?
  • Welke koppen en knoppen moeten er staan?

Pakketten vergelijken

PakkettenBasis1 mobiel scherm€ 9Standaard3 mobiele schermen€ 20Premium5 mobiele schermen€ 35
Levertijd1 dag1 dag2 dagen
Revisies123
Mockups135
FormaatPNGPNGPNG
Schermennaar keuzenaar keuzenaar keuze
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

Mijn screenshot is breed. Wordt het resultaat ook breed?

Nee. In dit aanbod is elke afbeelding een staand telefoonscherm van 2:3, ongeveer 1024 x 1536 pixels, ongeacht de vorm van je upload, dus een brede desktopscreenshot wordt opnieuw getekend als hoge mobiele pagina. Een heel lange pagina past niet in detail op één telefoonscherm en wordt daarom compact getoond; verdeel hem over meerdere mockups om elk deel te zien.

Wordt mijn site hierdoor responsief?

Niet vanzelf. Je krijgt PNG-afbeeldingen van de telefoonindeling, geen HTML- of CSS-code, geen Figma- of XD-bestand en geen thema-instelling. Jij of je ontwikkelaar bouwt de pagina na op basis van de afbeelding. Kijk bij Shopify, WordPress, Wix, Squarespace of Webflow wat de mobiele instellingen van je thema nu toestaan, want wij wijzigen niets op je site.

Komt de tekst overeen met mijn desktoppagina?

Koppen en knopteksten die je ons geeft worden in de afbeelding getekend, dus houd ze kort; lopende tekst verschijnt als plaatshouderregels. Omdat de afbeelding opnieuw wordt getekend, kunnen kleine tekst, iconen, lettertypen en je logo licht afwijken of onzuiver uitvallen. Talen met Latijns schrift komen het netst uit. Controleer elk woord en vraag om een revisie.

Kan ik een site die ik mooi vind sturen in plaats van mijn eigen site?

Je kunt je eigen site sturen, of een voorbeeld dat je mooi vindt met je eigen inhoud in de briefing. Een voorbeeld dat door iemand anders is gemaakt gebruiken we alleen voor de stijl, nooit voor logo, teksten of afbeeldingen, en we zetten geen logo's van andere merken op het scherm. We maken geen documenten, certificaten of officiële formulieren na en voegen geen valse beoordelingen, cijfers of onderscheidingen toe.

Staat je antwoord er niet bij?

Pakketten