HTML à partir d'une maquetteIntégration de maquette en HTML

Votre design intégré en HTML et CSS : une page à partir de votre capture ou maquette, avec version mobile

Généralement prêt en 15 minutesRetouches inclusesContrôle qualité
Paiement protégéEn savoir plus
  • Les retouches prévues par la formule sont gratuites.
  • Sans réponse de votre part dans les 3 jours suivant la livraison, le travail est validé automatiquement.
Commander · 40 €

L’argent est réservé au paiement et versé uniquement une fois le travail validé.

Votre design intégré en HTML et CSS : une page à partir de votre capture ou maquette, avec version mobile

Exemple de résultat

Exemple pour la formule Standard

Page d'accueil d'un cabinet dentaire réalisée à partir de sa maquette

Avant : la maquette envoyée par le client

La maquette de la page d'accueil

Après : la page fonctionnelle

La page sur ordinateur La page sur téléphone

Fichiers : une archive ZIP avec index.html, les styles et 2 images pour la page, prête à être mise en ligne sur l'hébergement du client. Les images présentées ici sont des captures d'écran de la page.

Client : Bright Smile Dental. Mission : transformer la maquette de la page d'accueil en une page HTML fonctionnelle, avec la même mise en page, les mêmes couleurs et les mêmes textes, et des boutons de prise de rendez-vous qui appellent le cabinet.

Le client et tous les détails sont fictifs.

À propos de ce service

Vous avez un design et il vous faut une page qui fonctionne. Envoyez des captures d'écran ou des exports PNG de votre maquette Figma, Photoshop, Canva ou de tout autre outil, et nous l'intégrons en HTML et CSS : les mêmes sections dans le même ordre, la même mise en page, les mêmes couleurs et le même rendu, avec du vrai texte au lieu d'une image de texte. Les pages sont responsives : si votre design n'existe qu'en version ordinateur, nous en tirons la version mobile, avec un menu mobile. Les photos et illustrations de la maquette sont redessinées dans le même esprit, ou vos propres images sont utilisées si vous les envoyez à part. Vous recevez une archive avec les pages, les styles et les images, prête pour votre hébergement, et un aperçu de chaque page sur la page de la commande. Nous ne pouvons pas ouvrir les fichiers Figma, PSD, Sketch ou XD eux-mêmes : exportez les écrans en images. Les animations, un back-end, une boutique ou un CMS ne font pas partie de ce service.

Ce qui est inclus

  • Ce que vous recevezUne archive ZIP avec les pages, les styles et les images, prête à déposer sur votre hébergement, et un aperçu de chaque page sur la page de la commande.
  • Fidèle à votre designSections, mise en page, couleurs et polices comme dans votre maquette
  • Version mobileTirée d'un design ordinateur si vous n'en avez pas pour mobile
  • Du vrai texteTitres et paragraphes en HTML, lisibles par les moteurs de recherche
  • Images en placeRedessinées dans l'esprit de la maquette, ou les vôtres
  • Code propreHTML et CSS simples, sans framework, rien de chargé depuis d'autres sites

Comment ça marche

  1. 1
    EnvoiVous envoyez les écrans de votre design et indiquez ce qui va où
  2. 2
    IntégrationNous intégrons les pages et dessinons les images
  3. 3
    AperçuVous les comparez à votre design sur ordinateur et sur téléphone
  4. 4
    ArchiveVous téléchargez l'archive et demandez des modifications dans le cadre de votre formule

Ce dont nous avons besoin

Jusqu'à 5 images en PNG, JPEG ou WebP : les écrans de votre design, une page ou un long écran chacune, assez nettes pour lire le texte, et, si vous le souhaitez, votre logo et vos photos à utiliser tels quels. Indiquez quel fichier correspond à quelle page, les textes s'ils diffèrent de la maquette, ainsi que vos contacts et liens. Pas de fichiers Figma, PSD, Sketch ou XD : exportez les écrans en images.

Nous vous demanderons :

  • Quel fichier correspond à quelle page ?
  • Les textes doivent-ils être exactement ceux du design ?
  • Liens, contacts et boutons
  • Le design vous appartient-il ?

Comparer les formules

Essentiel1 page de 5 sections maximum23 €Standard1 page de 10 sections maximum40 €PremiumJusqu'à 3 pages70 €
Délai1 jour2 jours3 jours
Retouches123
Pages113
Sectionsjusqu'à 5jusqu'à 10jusqu'à 8 par page
Images dessinées pour la page24—
Version mobileOuiOuiOui
Images dessinées pour les pages——6
CommanderCommanderCommander

Paiement protégé

Vous payez à la commande, mais l’argent n’est versé que pour un travail validé.

  • Prix fixeLe prix de la formule ne change pas après le paiement.
  • L’argent est réservéAu paiement, le montant est seulement réservé. Il n’est versé à Dleex qu’une fois le travail validé.
  • Vérifié avant livraisonChaque résultat passe un contrôle qualité avant de vous parvenir, et vous le voyez sur la page de la commande avant de le valider.
  • Retouches gratuitesDemandez des retouches dans le cadre de votre brief autant de fois que la formule le permet.
  • Validation au bout de 3 joursSi, dans les 3 jours suivant la livraison, vous n’avez ni validé le travail ni demandé de retouches, il est validé automatiquement. Si vous écrivez dans le chat de la commande après la livraison, la commande est mise en attente ; après notre réponse, nous pourrons relancer le délai de 3 jours et vous le signalerons dans le chat.
  • Travail refait ou remboursement intégralSi le résultat ne correspond pas à votre brief et que les retouches n’y ont rien changé, ou si le travail prend plus du double du délai prévu, écrivez dans le chat de la commande : nous referons le travail ou vous rembourserons intégralement.
Comment ça marche →

Questions et réponses

Pouvez-vous ouvrir mon fichier Figma ou PSD ?

Non, nous travaillons à partir d'images des écrans. Dans Figma, sélectionnez un frame et exportez-le en PNG en 1x ou 2x ; dans Photoshop, utilisez Exporter sous. Une longue page peut tenir dans une seule image haute.

Le rendu sera-t-il au pixel près ?

Il sera fidèle à votre design pour la mise en page, les couleurs, les tailles et l'ordre des sections, mais pas au pixel près : les polices sont des polices système d'aspect proche, et les photos sont redessinées sauf si vous envoyez les vôtres. Les retouches corrigent ce qui compte pour vous.

Mon design n'a pas de version mobile. Que faire ?

Nous en créons une à partir du design ordinateur : les colonnes s'empilent, le menu se replie dans un bouton, et les images et le texte sont dimensionnés pour un téléphone. Vous voyez les deux versions dans l'aperçu.

Pouvez-vous intégrer un design tiré du site de quelqu'un d'autre ?

Nous intégrons des designs qui vous appartiennent ou que vous avez le droit d'utiliser. Nous ne copions pas à l'identique le site d'une autre entreprise ; un site qui vous plaît peut seulement servir d'indication de style.

Le connectez-vous à WordPress ou à un CMS ?

Non. Vous recevez des pages en HTML et CSS simples qui fonctionnent seules sur n'importe quel hébergement ; votre développeur pourra ensuite les intégrer à un thème de CMS si besoin.

Vous n’avez pas trouvé la réponse ?

Tous les services : Développement et informatique

Également dans Développement et informatique

Commander · 40 €· ~15 min