SviluppoDa Photoshop a HTML
Il suo design Photoshop realizzato in HTML e CSS: una pagina dal layout esportato, con versione mobile
Prezzoda 19 €
Da Figma a HTMLConversione del layout in HTML
Pagamento protettoDettagli
- Le revisioni previste dal pacchetto sono gratuite.
- Se non risponde entro 3 giorni dalla consegna, il lavoro viene accettato automaticamente.
Il denaro viene riservato al momento del pagamento e sbloccato solo quando accetta il lavoro.
Esempio di risultato
Esempio per il pacchetto Standard
Homepage di uno studio dentistico realizzata dal suo design
Prima: il design inviato dal cliente
Dopo: la pagina funzionante
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
Il suo design è pronto in Figma e le serve come pagina funzionante. Esporti i frame in PNG a 1x o 2x e li carichi, e li realizziamo in HTML e CSS: le stesse sezioni, griglia, spaziature, colori e pulsanti, con testo vero al posto dell'immagine di un testo. Se ha un frame mobile, lo seguiamo; altrimenti realizziamo la versione mobile dal frame desktop. Non possiamo aprire file .fig o link Figma, quindi livelli, componenti, varianti e link del prototipo non vengono letti: tutto ciò che non è visibile nell'esportazione, come i colori al passaggio del mouse, va indicato nel brief. Le foto vengono ridisegnate a meno che non le carichi. 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.
- Fedele ai suoi frameSezioni, griglia, spaziature, colori e dimensioni dei caratteri come nell'esportazione
- Versione mobileDal suo frame mobile, o ricavata da quello desktop
- Testo veroTitoli e paragrafi in HTML che i motori di ricerca leggono
- Le sue immagini, se ce le inviaFoto e icone esportate separatamente vengono inserite così come sono; il resto viene ridisegnato
- Codice pulitoSemplice HTML e CSS, senza framework, nulla caricato da altri siti
Come funziona
- 1EsportazioneEsporta i frame in PNG, li carica e indica ciò che non è visibile
- 2RealizzazioneRealizziamo le pagine e disegniamo le immagini mancanti
- 3Anteprima 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: frame esportati da Figma a 1x o 2x, una pagina per file, più, se vuole, foto, illustrazioni o il suo logo esportati separatamente da usare così come sono. Indichi quale frame corrisponde a quale pagina, i nomi dei font usati, gli stati al passaggio del mouse o di apertura non visibili nell'esportazione, e dove porta ogni pulsante. Non file .fig né link Figma.
Le chiederemo:
- Quale frame corrisponde a quale pagina?
- Font del design
- Stati non visibili nell'esportazione
- Dove porta ogni pulsante?
- Il design è suo?
Confronto dei pacchetti
| Pacchetti | Base1 frame Figma, fino a 5 sezioni19 € | Standard1 frame Figma, fino a 10 sezioni35 € | PremiumFino a 3 frame Figma60 € |
|---|---|---|---|
| Tempi di consegna | 1 giorno | 2 giorni | 3 giorni |
| Revisioni | 1 | 2 | 3 |
| Pagine | 1 | 1 | 3 |
| Sezioni | fino a 5 | fino a 10 | fino a 8 per pagina |
| Illustrazioni disegnate per la pagina | 2 | 4 | — |
| Versione mobile | Sì | Sì | Sì |
| Cosa caricare | Esportazione PNG dei frame | Esportazione PNG dei frame | Esportazione PNG dei frame |
| Illustrazioni disegnate per le pagine | — | — | 6 |
| Ordina Base | Ordina Standard | Ordina Premium |
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.
Domande e risposte
Come esporto da Figma?
Selezioni il frame, aggiunga un'impostazione di esportazione nella sezione Export del pannello di destra, scelga PNG a 1x o 2x e clicchi Export. Una pagina lunga può essere un unico frame alto; i frame molto alti si esportano meglio a 1x.
Potete usare direttamente il mio link Figma?
No, lavoriamo solo con immagini caricate, non con link o file .fig, e non accediamo ai suoi account.
Verranno usati i miei font?
Le pagine usano font di sistema simili ai suoi, perché nulla viene caricato da altri siti. Ci indichi i nomi dei font così scegliamo i più vicini; potrà aggiungere i file dei web font in seguito, se la licenza lo consente.
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.
Le interazioni del prototipo funzioneranno?
Link, pulsanti e menu per smartphone funzionano. Flussi del prototipo, overlay, animazioni e transizioni non fanno parte di questo servizio.
Non hai trovato la risposta?
Sviluppo
SviluppoDa Sketch/XD a HTML
Il suo design Sketch o XD realizzato in HTML e CSS: una pagina dalle artboard esportate, con versione mobile
Prezzoda 19 €
SviluppoPagina su riferimento di stile
Una pagina in HTML e CSS nello stile di un sito che le piace, con i suoi contenuti e versione mobile
Prezzoda 19 €
SviluppoVersione mobile dal design
Il suo design mobile realizzato in HTML e CSS: una pagina dalle sue schermate per smartphone che si apre bene anche sui computer
Prezzoda 19 €