Photoshop vers HTMLIntégration de maquette en HTML

Votre design Photoshop intégré en HTML et CSS : une page à partir de votre maquette exportée, 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 · 35 €

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

Votre design Photoshop intégré en HTML et CSS : une page à partir de votre maquette exportée, 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

Beaucoup de sites commencent encore par une maquette Photoshop, souvent un seul plan de travail haut avec toute la page. Exportez-la en PNG ou JPEG et envoyez-la : nous l'intégrons en HTML et CSS, avec les mêmes sections, colonnes, couleurs et boutons, du vrai texte au lieu de texte dans une image, et une version mobile réalisée à partir de la maquette desktop quand il n'y en a pas. Nous ne pouvons pas ouvrir les fichiers PSD : calques, objets dynamiques et états masqués ne sont donc pas lus. Les photos et illustrations sont redessinées dans le même esprit, sauf si vous les exportez et les envoyez séparément. Ni animations, ni back-end, ni boutique, ni CMS, ni hébergement.

Ce qui est inclus

  • Ce que vous recevezUne archive ZIP avec les pages, les styles et les illustrations, prête à téléverser sur votre hébergement, et un aperçu de chaque page sur la page de la commande.
  • Proche de votre maquetteSections, colonnes, couleurs et tailles de texte comme dans l'export
  • Version mobileRéalisée à partir du design desktop si vous n'avez pas de version mobile
  • Du vrai texteTitres et paragraphes en HTML, lisibles par les moteurs de recherche
  • Vos photos à leur placeExportées ou envoyées en fichiers séparés, elles sont intégrées telles quelles
  • Un code propreHTML et CSS simples, sans frameworks, rien n'est chargé depuis d'autres sites

Comment ça marche

  1. 1
    ExportVous exportez les maquettes en images et les envoyez avec vos notes
  2. 2
    IntégrationNous intégrons les pages et dessinons les illustrations qui n'ont pas été envoyées
  3. 3
    Aperçu et archiveVous comparez les pages à votre design sur ordinateur et sur mobile, téléchargez l'archive et demandez des retouches dans le cadre de votre formule

Ce dont nous avons besoin

Jusqu'à 5 images en PNG, JPEG ou WebP : vos maquettes exportées depuis Photoshop via Fichier > Exporter > Exporter sous, une page par fichier, et, si vous le souhaitez, des photos ou votre logo en fichiers séparés à utiliser tels quels. Indiquez quel fichier correspond à quelle page, les polices utilisées, les textes qui diffèrent de la maquette, et où mène chaque bouton. Pas de fichiers PSD.

Nous vous demanderons :

  • Quel fichier correspond à quelle page ?
  • Polices de la maquette
  • Les textes doivent-ils être exactement ceux de la maquette ?
  • Où mène chaque bouton ?
  • Le design vous appartient-il ?

Comparer les formules

Essentiel1 maquette, jusqu'à 5 sections19 €Standard1 maquette, jusqu'à 10 sections35 €PremiumJusqu'à 3 maquettes60 €
Délai1 jour2 jours3 jours
Retouches123
Pages113
Sectionsjusqu'à 5jusqu'à 10jusqu'à 8 par page
Illustrations dessinées pour la page24—
Version mobileOuiOuiOui
Ce qu'il faut envoyerExport JPEG ou PNGExport JPEG ou PNGExport JPEG ou PNG
Illustrations 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

Comment exporter un PSD ?

Dans Photoshop, choisissez Fichier > Exporter > Exporter sous, sélectionnez PNG ou JPEG et exportez tout le plan de travail. Pour utiliser une photo exactement telle quelle, envoyez le fichier photo original séparément.

Ma maquette est très haute. Est-ce un problème ?

Non, une seule image haute par page convient tant que le texte reste lisible en taille réelle. Chaque fichier peut peser jusqu'à 20 MB.

Les photos de ma maquette seront-elles conservées ?

Seulement si vous les envoyez en fichiers séparés : nous ne pouvons pas les extraire proprement d'un export aplati. Sinon, elles sont redessinées dans le même esprit.

Le résultat sera-t-il identique à mon design au pixel près ?

Il sera proche 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 similaires, et les photos sont redessinées sauf si vous envoyez les vôtres. Les retouches corrigent ce qui compte pour vous.

Puis-je envoyer un template que j'ai acheté ?

Oui, si sa licence vous permet de l'utiliser pour un site web. Nous n'intégrons que des designs qui vous appartiennent ou que vous avez le droit d'utiliser.

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

Tous les services : Développement et informatique

Également dans Développement et informatique

Commander · 35 €· ~15 min