Da Sketch/XD a HTMLConversione del layout in HTML

Il suo design Sketch o XD realizzato in HTML e CSS: una pagina dalle artboard esportate, con versione mobile

Di solito pronto in 15 minutiRevisioni incluseControllo di qualità
Pagamento protettoDettagli
  • Le revisioni previste dal pacchetto sono gratuite.
  • Se non risponde entro 3 giorni dalla consegna, il lavoro viene accettato automaticamente.
Ordina · 35 €

Il denaro viene riservato al momento del pagamento e sbloccato solo quando accetta il lavoro.

Il suo design Sketch o XD realizzato in HTML e CSS: una pagina dalle artboard esportate, con versione mobile

Esempio di risultato

Esempio per il pacchetto Standard

Homepage di uno studio dentistico realizzata dal suo design

Prima: il design inviato dal cliente

Il design della homepage

Dopo: la pagina funzionante

La pagina sul computer La pagina sul telefono

File: un archivio ZIP con index.html, gli stili e 2 immagini per la pagina, pronto da caricare sull'hosting del cliente. Le immagini qui sono screenshot della pagina.

Cliente: Bright Smile Dental. Compito: trasformare il design della homepage in una pagina HTML funzionante, con lo stesso layout, gli stessi colori e testi, e pulsanti di prenotazione che chiamano lo studio.

Il cliente e tutti i dati sono inventati.

Informazioni sul servizio

Alcuni design restano ancora in file Sketch o Adobe XD difficili da aprire senza l'app, e la pagina non è mai stata realizzata. Esporti le artboard in PNG e le carichi, e le realizziamo in HTML e CSS: le stesse sezioni, griglia, colori e pulsanti, con testo vero, più una versione mobile ricavata dall'artboard desktop quando non ce n'è una mobile. Non possiamo aprire file .sketch o .xd, link cloud o prototipi, quindi tutto ciò che non è visibile nell'esportazione va indicato nel brief. Foto e icone vengono ridisegnate nello stesso spirito, a meno che non le esporti e le carichi separatamente. Niente animazioni, back end, CMS o hosting.

Cosa è incluso

  • Cosa riceveUn archivio ZIP con le pagine, gli stili e le illustrazioni, pronto da caricare sul suo hosting, più un'anteprima di ogni pagina nella pagina dell'ordine.
  • Dalle sue artboardSezioni, spaziature, colori e dimensioni dei caratteri come nell'esportazione
  • Versione mobileRicavata dal design desktop quando non ne ha uno mobile
  • Testo veroTitoli e paragrafi in HTML che i motori di ricerca leggono
  • Le sue immaginiFoto, icone e logo esportati separatamente vengono inseriti così come sono
  • Codice pulitoSemplice HTML e CSS, senza framework, nulla caricato da altri siti

Come funziona

  1. 1
    EsportazioneEsporta le artboard in PNG e le carica con le sue note
  2. 2
    RealizzazioneRealizziamo le pagine e disegniamo le immagini mancanti
  3. 3
    Anteprima e archivioConfronta le pagine con il suo design su computer e smartphone, scarica l'archivio e chiede le revisioni previste dal suo pacchetto

Cosa ci serve da lei

Fino a 5 immagini in PNG, JPEG o WebP: artboard esportate da Sketch (la sezione Export dell'Inspector) o da XD (File > Esporta > Selezionati), una pagina per file, a 1x o 2x, e, se vuole, foto, icone o il suo logo esportati separatamente. Indichi quale artboard corrisponde a quale pagina, i font, gli stati non visibili nell'esportazione come un menu aperto, e dove porta ogni pulsante. Non file .sketch o .xd.

Le chiederemo:

  • Quale artboard corrisponde a quale pagina?
  • Font del design
  • Modifiche rispetto al vecchio design
  • Dove porta ogni pulsante?
  • Il design è suo?

Confronto dei pacchetti

Base1 artboard, fino a 5 sezioni19 €Standard1 artboard, fino a 10 sezioni35 €PremiumFino a 3 artboard60 €
Tempi di consegna1 giorno2 giorni3 giorni
Revisioni123
Pagine113
Sezionifino a 5fino a 10fino a 8 per pagina
Illustrazioni disegnate per la pagina24—
Versione mobileSìSìSì
Cosa caricareEsportazione PNG delle artboardEsportazione PNG delle artboardEsportazione PNG delle artboard
Illustrazioni disegnate per le pagine——6
OrdinaOrdinaOrdina

Pagamento protetto

Paga al momento dell'ordine, ma il denaro viene sbloccato solo per un lavoro accettato.

  • Prezzo fissoIl prezzo del pacchetto non cambia dopo il pagamento.
  • Il denaro viene riservatoAl pagamento, l'importo viene solo riservato. Passa a Dleex quando accetta il lavoro.
  • Verificato prima della consegnaOgni risultato passa un controllo di qualità prima di arrivare a lei, e lo vede nella pagina dell'ordine prima di accettarlo.
  • Revisioni gratuiteRichieda revisioni nell'ambito del suo brief tante volte quante ne prevede il pacchetto.
  • Accettazione dopo 3 giorniSe entro 3 giorni dalla consegna non accetta il lavoro né richiede una revisione, il lavoro viene accettato automaticamente. Se scrive nella chat dell'ordine dopo la consegna, l'ordine resta in attesa; dopo la nostra risposta potremmo far ripartire i 3 giorni e glielo indicheremo nella chat.
  • Rifacimento o rimborso totaleSe il risultato non corrisponde al suo brief e le revisioni non hanno risolto il problema, oppure il lavoro richiede più del doppio dei tempi di consegna previsti, scriva nella chat dell'ordine: rifaremo il lavoro o le rimborseremo l'intero pagamento.
Come funziona →

Domande e risposte

Non ho più Sketch o XD installati.

Allora chieda a chi ha ancora il file di esportare le artboard, o ci invii screenshot nitidi del design se il testo vi è leggibile. Lavoriamo solo da immagini.

Potete usare il mio link cloud?

No, lavoriamo solo con immagini caricate, non con link o file di design, e non accediamo ai suoi account.

Corrisponderà al mio design al pixel?

Sarà molto vicino per impaginazione, colori, dimensioni e ordine delle sezioni, ma non al pixel: i font sono font di sistema simili, e le foto vengono ridisegnate a meno che non carichi le sue. Le revisioni sistemano ciò che conta per lei.

Potete rinnovare il vecchio design mentre lo realizzate?

Piccole modifiche dal suo brief, come un nuovo testo, un colore o l'etichetta di un pulsante, sì. Una nuova impaginazione di tutta la pagina è un redesign, che non fa parte di questo servizio: qui realizziamo il design che ci invia.

Non hai trovato la risposta?

Tutti i servizi di Sviluppo e IT

Altro in Sviluppo e IT

Ordina · 35 €· ~15 min