Il design della sua home page realizzato in HTML e CSS: intestazione, sezioni e footer, con versione mobile

Esempio di risultato

Esempio per il pacchetto StandardMostra tutto

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

Una home page definisce l'aspetto che seguirà tutto il sito: l'intestazione con logo e menu, la prima schermata, le sezioni principali e il footer. Carichi il mock-up della sua home page come immagini, e la realizziamo in HTML e CSS con la stessa griglia, gli stessi colori e lo stesso ordine, testo vero e un menu che sugli smartphone si raccoglie in un pulsante. Nel pacchetto da 3 pagine, due pagine interne condividono la stessa intestazione, lo stesso footer e gli stessi stili, così il resto del sito può crescere da lì. Le voci di menu per pagine che non ordina portano dove indica, ad esempio a una sezione o ai contatti. Le foto vengono ridisegnate a meno che non le carichi; niente CMS, back end 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.
• Intestazione e menuLogo, menu e contatti come nel mock-up, con un menu per smartphone sugli schermi piccoli
• Sezioni in ordineImpaginazione, colori e font come nel suo mock-up
• Una base per il restoIntestazione, footer e stili condivisi da ogni pagina
• Testo veroTitoli e paragrafi in HTML che i motori di ricerca leggono
• Codice pulitoSemplice HTML e CSS, senza framework, nulla caricato da altri siti

Come funziona

1. 1
   CaricamentoCarica il mock-up della home page e indica dove portano le voci di menu
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: il mock-up della sua home page come un'unica schermata alta o in parti in ordine, i mock-up delle pagine interne per il pacchetto da 3 pagine, una versione mobile se ce l'ha, e, se vuole, il logo e foto da usare così come sono. Indichi dove porta ogni voce di menu e ogni pulsante, i contatti per intestazione e footer, ed eventuali testi diversi dal mock-up.

Le chiederemo:

• Quale file corrisponde a quale pagina?
• Dove portano le voci di menu?
• Contatti per intestazione e footer
• I testi devono essere esattamente come nel design?
• Il design è suo?

Confronto dei pacchetti

Domande e risposte

Non hai trovato la risposta? Chiedi a noi