Come presentare la bozza al cliente: consigli ed esempi
|
|
- Rosa Baldini
- 4 anni fa
- Visualizzazioni
Transcript
1 Come presentare la bozza al cliente: consigli ed esempi Ecco, ci siamo, ce l abbiamo fatta: l ispirazione ha finalmente dato i suoi frutti e la bozza grafica del sito su cui stiamo lavorando è finalmente completa. Un ultima revisione ai dettagli et voilà, pronta da presentare al cliente su un vassoio d argento. Si, ma come? Qual è il modo più efficace per presentare la bozza al cliente, in modo che egli ne capisca e apprezzi tutte le potenzialità? Come rendere il nostro disegno accattivante e renderlo il più somigliante possibile a quella che sarà poi la versione finale su browser? Scopriamolo insieme. Occhio ai dettagli Nella fase di ultimazione di una bozza è facile che alcuni dettagli vengano un po trascurati. Prima di presentare il progetto al cliente assicuriamoci che tutto sia corretto e nello stesso tempo rifiniamo alcuni particolari capaci di dare al nostro design un tocco in più. Stato attivo e hover dei link nella navigazione La navigazione è uno degli elementi principali del layout e proprio per questo necessita di un look & feel capace di attirare l attenzione dell utente (e del tuo cliente) in modo immediato. Fai in modo che nella bozza sia evidente sia lo stato attivo e lo stato hover dei link, cosi che la navigazione risulti, già dal disegno statico, usabile e gradevole dal punto di vista visivo. Formattazione del testo, anche se fittizio Qualche tempo fa un curioso articolo di Design Informer ha attirato la nostra attenzione con un titolo volutamente provocatorio: il Lorem ipsum uccide il design? La risposta, manco a dirlo, è si: non c è niente di più sgraziato di un layout presentato con una paginata di testo fittizio: 1 / 8
2 Una soluzione c è: in attesa dei contenuti reali che dovranno popolare la pagina non resta che formattare in modo adeguato il nostro lorem ipsum, in modo da renderlo piu gradevole e leggibile. Dividiamo il testo in paragrafi ben distanziati e dall interlinea corretta, aggiungiamo qualche grassetto, emuliamo il colore dei link nel testo, inseriamo un elenco puntato: rendiamo il testo quanto più realistico possibile in modo che la pagina sia armoniosa ed equilibrata. 2 / 8
3 Diamo colore con immagini d esempio Le immagini sono un altro punto focale di un layout, ragion per cui è bene evitare, nel caso ancora non avessimo le foto definitive da inserire nel sito, di presentare una bozza popolata da sterili quadrati e rettangoli grigi. L effetto è infatti decisamente antiestetico, non credi? 3 / 8
4 Lasciamo i rettangoli ai nostri mockup e Inseriamo qualche immagine fittizia, colorata, che ravvivi il layout. Metti la bozza online 4 / 8
5 C è chi dice che c è un solo modo per evitare recriminazioni e dare una panoramica corretta su quello che sarà il sito una volta online: saltare lo step della bozza in un programma di grafica e strutturare il layout direttamente in html, permettendone cosi la visione su browser al cliente. Personalmente credo che questo metodo non sia dei più corretti e ho già avuto modo di dire come la penso sull argomento. Tuttavia un unico particolare mi trova d accordo: mettere la bozza online e farla visionare al cliente direttamente da browser. Ovvero: salvo la bozza come un immagine, metto su una paginetta in HTML di circostanza e assegno al background l immagine del layout. Niente di particolarmente complesso. Questo perché? Prima di tutto l impatto visivo con il layout visualizzato nel proprio browser è decisamente diverso da quello che il cliente avrebbe visionando una bozza in Jpg o, peggio ancora, visionando una bozza stampata su carta. Tutto ciò che riguarda colori, dimensioni, distanze, sarebbe cosi facilmente verificabile da parte del tuo cliente, che toccando con mano sul proprio computer avrebbe modo di prendere atto di alcuni dettagli altrimenti difficili da notare. In secondo luogo in questo modo è possibile testare direttamente su browser tutte le caratteristiche del layout interenti le diverse risoluzioni dei monitor: se presenti una bozza con un background a 1920pixel, è preferibile far capire al cliente che dal suo monitor con risoluzione 1280 x 1024 non potrà visualizzare tutta l immagine, e cosi via. Ho conosciuti clienti che sono rimasti profondamente contrariati dal fatto che riuscivano a visualizzare nei loro computer solo una piccola parte del background mostrato nella bozza in jpg: meglio chiarire subito questi dettagli grafici per evitare possibili controversie una volta pubblicato il sito online. Fai vedere gli effetti Javascript in azione Se la tua bozza prevede l integrazione, in una seconda fase, di determinati effetti Javascript, non limitarti ad inserire l immagine dello slider e le due frecce nel design e a liquidare il tuo cliente con una frase generica tipo qua ci mettiamo uno slider animato con le foto che scorrono, ma fagli toccare con mano le caratteristiche e le potenzialità dell animazione che verrà utilizzata. Dagli inoltre più alternative, consigliandogli un effetto fade piuttosto che uno scrolling orizzontale e facendogli vedere la differenza tra i vari effetti disponibili. Ogni effetto javascript disponibile online mette a disposizione un utilissima ed esauriente pagina 5 / 8
6 demo: usala. In questo modo il cliente si sentirà coinvolto in prima persona nel processo di strutturazione del sito e avrà modo di capire le reali potenzialità che avrà il suo sito una volta online. La bozza è pronta..come la presento al cliente? Sul modo corretto di esprimersi e di porsi con il cliente al momento della presentazione della bozza abbiamo parlato abbondantemente in questo articolo, di cui mi limito a riportare un piccolo sunto: 1. Quando è possibile, è consigliabile presentare la bozza in modo diretto, così da poterne spiegare i dettagli al cliente; 2. Ricordati che non sei pagato per fare ciò che vuoi e che, soprattutto agli inizi, è essenziale instaurare un rapporto di fiducia reciproca con il tuo cliente. Il tuo compito è quello di capire le sue esigenze e di tradurle in modo appropriato in un prodotto finito; 3. Presentare al cliente una bozza grafica, senza accompagnarla con un esauriente descrizione tecnica delle sue caratteristiche, è uno degli errori più comuni dei web designer alle prime armi; 4. Una volta esposte le caratteristiche tecniche del tuo lavoro, cerca di richiamare l attenzione del cliente sugli eventuali punti di forza del tuo progetto e come le tue scelte costituiscano un reale beneficio per quello che sarà il prodotto finale; 5. Anche se non sempre è facile, quando ricevi un obiezione l atteggiamento che devi tenere è sempre e comunque di massimo e totale rispetto. Non imporre mai la tua opinione e soprattutto non prendere l obiezione come un affronto personale: il cliente sta mettendo in dubbio alcuni punti del tuo progetto, non la tua persona o il tuo operato. Ma qual è il modo migliore per presentare una bozza? Se presentare la bozza sul browser non ti convince, puoi optare per un metodo più tradizionale e comunque professionale. Una buona idea, efficace e originale? Crea un approfondita presentazione delle bozze realizzate, combinando in modo creativo immagini e informazioni. Inizia con il crearti un piccolo mockup, che potrai poi personalizzare per ogni tuo progetto. Inserisci immagini di alta qualità e di dimensioni minime 900/1000pixel, cosi che il tuo cliente possa vedere i dettagli del design. 6 / 8
7 Soprattutto se non presenti le bozze in modo diretto ma ti limiti ad inviarle via e a discuterne telefonicamente con il tuo cliente, è fondamentale creare una presentazione accattivante e informativa. Dai una panoramica del tuo progetto inserendo più immagini, spiegando nel dettaglio i motivi dietro determinate scelte (colori, tipografia, elementi grafici), rendi la presentazione unica e originale, curata nei dettagli. Nel nostro caso abbiamo realizzato una presentazione di tre pagine: una copertina grafica, una prima pagina che contiene lo screenshot del progetto e alcune informazioni testuali, e una terza pagina in cui abbiamo inserito alcune informazioni dettagliate circa la testata, la sezione di twitter, le informazioni nel footer, ecc. 7 / 8
8 Powered by TCPDF ( Informativa e bella da vedere! Che cosa ne pensi? E tu? Quando realizzi una bozza, con che metodo la presenti al tuo cliente? Crei anche tu una presentazione grafica del progetto? 8 / 8
Il dibattito: è possibile sviluppare la bozza di un sito direttamente nel browser?
Il dibattito: è possibile sviluppare la bozza di un sito direttamente nel browser? YIW è anche un luogo di confronto e di crescita professionale e individuale per cui, quando possibile, ci fa piacere coinvolgervi
DettagliUn layout in stile tipografico: consigli ed esempi
Un layout in stile tipografico: consigli ed esempi Non é certo un mistero: la tipografia svolge, in ogni tipo di design volto alla comunicazione, il ruolo di prima donna. Un font leggibile, un altro più
DettagliOlìmpo: il template xhtml/css per il tuo portfolio online
Olìmpo: il template xhtml/css per il tuo portfolio online In quest'estate cosi afosa che ci siamo lasciati alle spalle (ma anche no!), per passare il tempo in un modo diverso dal solito (ah ah, bella questa!)
DettagliUn layout semplice e professionale? Disegniamolo insieme in pochi semplici step
Un layout semplice e professionale? Disegniamolo insieme in pochi semplici step In questo articolo abbiamo visto alcuni siti veramente accattivanti accumunati tra di loro da uno stile semplice, pulito
DettagliCome realizzare un sito in stile corporate/business?
Come realizzare un sito in stile corporate/business? Lunedì scorso abbiamo inaugurato la nuova rubrica dedicata all analisi dei diversi stili del web design spiegando che cos e il corporate/business style
DettagliWeb & Tipografia: gli errori da non commettere
Web & Tipografia: gli errori da non commettere Un buon sito, come qualsiasi lavoro grafico, inizia con una serie di piccoli ma essenziali accorgimenti. E la tipografia, proprio come nella grafica cartacea,
DettagliWebdesign: comunica nel modo giusto con il tuo sito web
Webdesign: comunica nel modo giusto con il tuo sito web Se sei agli inizi della tua professione di web designer, potresti ancora pensare erroneamente- che realizzare un sito sia semplicemente mettere in
DettagliDi verso: un Template HTML Free, versatile e responsive
Di verso: un Template HTML Free, versatile e responsive Come ti avevamo promesso nell articolo di ieri, iniziamo questa nuova stagione con una splendida risorsa che abbiamo deciso di rilasciare in modo
DettagliCome progettare un layout minimalista? attenzione ai dettagli
Come progettare un layout minimalista? attenzione ai dettagli Secondo Webdesignerledger è uno dei web design trend del 2010, secondo altri è uno stile destinato a rimanere ormai intramontabile e segno
Dettaglijquery - Creazione di form con label animate
jquery - Creazione di form con label animate Anche in questo articolo, ed ancora una volta, integreremo nel nostro sito un effetto semplice e carino utilizzando poche righe di JavaScript, grazie alla libreria
DettagliTutorial e Psd: creare un Vcard professionale in pochi passi
Tutorial e Psd: creare un Vcard professionale in pochi passi Una settimana fa abbiamo parlato del fenomeno VCard: cosa sono, a cosa servono e quali sono le caratteristiche principali di un VCard efficace.
DettagliTipografia e minimalismo per un layout semplice e bello da vedere
Tipografia e minimalismo per un layout semplice e bello da vedere Una delle perplessità più comuni che ho sentito esprimere nei confronti dello stile tipografico è: si, va bene, carino, creativo ma non
DettagliIl Galateo di Photoshop per Web Designer
Il Galateo di Photoshop per Web Designer Penso tu abbia già sentito parlare di Photoshop Etiquette, un documento online uscito nel 2011, ideato e curato da Dan Rose, che spiega le regole base che ogni
DettagliCome utilizzare i filtri CSS3 per creare immagini accattivanti
Come utilizzare i filtri CSS3 per creare immagini accattivanti I filtri css3 sono potenti strumenti che permettono di modificare le immagini direttamente sul browser, creando effetti di transizione e animazione
DettagliCome creare un Menu animato in CSS3 senza Javascript
Come creare un Menu animato in CSS3 senza Javascript Esistono molti web designer che conoscono in modo impeccabile HTML e CSS, ma hanno carenze per quanto riguarda Javascript. Per questo cercano delle
DettagliImpaginare con InDesign: le tabelle
Impaginare con InDesign: le tabelle Perchè scrivere un articolo solo per parlare delle tabelle in InDesign? Se hai letto l articolo dedicato ai paragrafi lo puoi immaginare: trattiamo un eccezione alla
DettagliCome progettare un layout web responsive con le media queries?
Come progettare un layout web responsive con le media queries? Dopo le prime due lezioni introduttive sul Responsive Web Design, oggi ci addentreremo nel codice CSS attraverso le nuove istruzioni messe
DettagliSezione aurea e web design: come usarla e perché?
Sezione aurea e web design: come usarla e perché? Se ne parla spesso come di un qualcosa di affascinante e sfuggente che ancora nelle nostre menti di web designer stenta a prendere forma in un concetto
DettagliI tooltips nel web design: a cosa servono e come si utilizzano
I tooltips nel web design: a cosa servono e come si utilizzano Oggi voglio parlarvi dei tooltips, ovvero le finestre pop up che si aprono nel momento in cui posizioniamo il mouse su un immagine o su un
DettagliCome disegnare un layout in stile magazine? tutorial e psd
Come disegnare un layout in stile magazine? tutorial e psd La nostra rubrica sugli stili del web design procede: nuovo giro, nuovo tutorial questa volta tocca ad un layout in stile magazine, realizzato
DettagliCome disegnare un layout in stile web 2.0? tutorial e psd
Come disegnare un layout in stile web 2.0? tutorial e psd Dopo aver analizzato le caratteristiche e i trend dello stile web 2.0, oggi disegneremo il terzo layout di questa rubrica. Dopo il corporate e
DettagliPAGINA AZIENDALE. GUIDA PER GESTIRE UNA PAGINA AZIENDALE SU FACEBOOK a cura di Anna Gori
PAGINA AZIENDALE GUIDA PER GESTIRE UNA PAGINA AZIENDALE SU FACEBOOK www.inyourlife.info a cura di Anna Gori GUIDA ALLA CREAZIONE E OTTIMIZZAZIONE DI UNA PAGINA AZIENDALE SU FACEBOOK Cosa ti serve: - Un
DettagliUn e-commerce di prodotti digitali: aumenta le conversioni in 4 mosse
Un e-commerce di prodotti digitali: aumenta le conversioni in 4 mosse È naturale che il mercato sia cambiato con la nascita degli e-commerce e delle vendite online. Oltre alle meccaniche, è nata la fondamentale
DettagliEsame Web Design Biennio 4 Anno PRE-ESAME GIOVEDÌ 7 GIUGNO AULA A33 ORE 9:00
Esame Web Design Biennio 4 Anno PRE-ESAME GIOVEDÌ 7 GIUGNO AULA A33 ORE 9:00 Pre esame Giovedì 7 Giugno dalle ore 9:00 alle 11:30 aula A 33 ( ex 54 ) Consegna di tutti gli esercizi più i due richiesti
DettagliWordPress: predisporre la sidebar per l'uso di widget
WordPress: predisporre la sidebar per l'uso di widget Dopo la pausa estiva riprendiamo il nostro corso dedicato alla realizzazione di un tema per WordPress: nello specifico oggi vedremo come creare una
DettagliCome realizzare un logo professionale? consigli ed esempi
Come realizzare un logo professionale? consigli ed esempi Tempo fa ho pubblicato una guida base alla realizzazione di un logo, dove ti mostravo gli step principali da seguire per la progettazione grafica
DettagliCome usare Doyouall. Usare il software Doyouall è molto semplice. Questa piccola guida è un aiuto per realizzare velocemente il tuo nuovo sito web.
Come usare Doyouall Usare il software Doyouall è molto semplice. Questa piccola guida è un aiuto per realizzare velocemente il tuo nuovo sito web. 1. Accedi ai template gratuiti, scegli il template che
DettagliAccordion: creiamolo usando CSS3
Accordion: creiamolo usando CSS3 Partiamo subito da una premessa: esistono plugin creati apposta per realizzare accordion. Javascript la fa da padrona in questo senso e, nel caso più specifico, Jquery
DettagliCome disegnare un layout in stile vintage? tutorial e psd
Come disegnare un layout in stile vintage? tutorial e psd Due settimane fa abbiamo analizzato le caratteristiche dello stile vintage nel web design e abbiamo raccolto un sacco di risorse e di ispirazione
DettagliIl pacchetto Office: WORD
CONSIGLIO SUPERIORE DELLA MAGISTRATURA UFFICIO DEI REFERENTI PER LA FORMAZIONE DECENTRATA DEL DISTRETTO DI MILANO Il pacchetto Office: WORD Martedì 6-13 novembre 2012 Sala ANMIG Giosiana Radaelli Barra
DettagliFollow Up #1 Presenza Online
Follow Up #1 Presenza Online Google My Business Apertura scheda My Business Rivendicazione Scheda My Business Aggiornamento scheda con orari e info Pubblicazione di sede corretta Risoluzione problemi vari
DettagliESISTE UN INTERO SPAZIO DA RICONQUISTARE. QUELLO DELLA TUA CITTÀ. VADEMECUM SOCIAL
ESISTE UN INTERO SPAZIO DA RICONQUISTARE. QUELLO DELLA TUA CITTÀ. VADEMECUM SOCIAL Istruzioni per la comunicazione di Puliamo il Mondo sui social media CREA IL TUO EVENTO PULIAMO IL MONDO SU FACEBOOK Nella
DettagliCanva: come creare una grafica accattivante.
Creare una grafica accattivante in pochi passaggi adesso è possibile con Canva, uno strumento di design che permette di creare immagini, infografiche e qualsiasi altro tipo di contenuto visuale online.
DettagliI 10 errori più comuni nella realizzazione di un sito web
I 10 errori più comuni nella realizzazione di un sito web Nelle fasi di progettazione e di realizzazione di un sito web è facile, soprattutto per chi è alle prime armi, commettere qualche errore. Generalmente
Dettaglijquery Mobile: La gestione dei form
jquery Mobile: La gestione dei form In questo articolo vedremo come jquery Mobile sia in grado di fornire un ottimo supporto nello sviluppo di form. Nel dettaglio andremo a vedere come, seguendo delle
DettagliMetti in mostra la tua professionalità con le testimonianze del clienti
Metti in mostra la tua professionalità con le testimonianze del clienti Se non hai ancora pensato di realizzare una sezione o una pagina del tuo sito dedicata alle testimonianze dei clienti, ti spiego
DettagliCome realizzare un layout in stile grunge?
Come realizzare un layout in stile grunge? Qualche articolo fa abbiamo visto quali sono le caratteristiche e i trend dello stile grunge; oggi realizzeremo, passo dopo passo, un layout accattivante nello
DettagliWooCommerce: come creare un prodotto di tipo semplice sul tuo store
WooCommerce: come creare un prodotto di tipo semplice sul tuo store Ciao e ben ritrovato nella nostra guida alla corretta installazione e configurazione di WooCommerce. Finalmente siamo arrivati a inserire
DettagliNuove pagine e collegamenti
05 Nuove pagine e collegamenti In questo capitolo In questo capitolo imparerai come realizzare un semplice collegamento da un testo a una nuova pagina, apprenderai il concetto di link di ritorno. Successivamente
DettagliWordPress: Diamo Uno Sguardo al Pannello di Amministrazione
WordPress: Diamo Uno Sguardo al Pannello di Amministrazione Nella prima lezione abbiamo visto com è semplice installare WordPress sul proprio computer domestico: del resto la semplicità e rapidità d installazione
DettagliUn buon portfolio online? ecco qualche consiglio
Un buon portfolio online? ecco qualche consiglio Stai pensando di realizzare il tuo primo portfolio online, oppure sei in procinto di farne un restyling? Con questo articolo voglio darti qualche piccolo
DettagliCome disegnare un layout in stile organic? tutorial e psd
Come disegnare un layout in stile organic? tutorial e psd E ufficiale: le ferie sono definitivamente finite. Cerchiamo di vincere gli ultimi singulti d estate e di rimboccarci le maniche, del resto abbiamo
DettagliCome posso creare il mio conto, completare il mio profilo e candidarmi online con. MyManpower. HOW-TO MyManpower
Come posso creare il mio conto, completare il mio profilo e candidarmi online con MyManpower HOW-TO MyManpower 19.10.2016 1 Introduzione Come candidato, in futuro sarà più semplice trovare online gli impieghi
DettagliCome mostrare se stessi nel proprio sito web: consigli e tendenze
Come mostrare se stessi nel proprio sito web: consigli e tendenze Due righe scarse di descrizione, magari una piccola foto formato francobollo e un curriculum in pdf da scaricare: ormai la classica sezione
DettagliPortfolio? No,VCard: quando fare le cose "in piccolo" è meglio
Portfolio? No,VCard: quando fare le cose "in piccolo" è meglio Chi di voi ha visto il film American Psyco ricorderà senz altro la parte intrisa di pathos in cui Patrick Bateman e gli altri figli di papà
DettagliQual è l editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner
Qual è l editor migliore con cui scrivere il proprio codice? Ecco una lista dei più utilizzati dai webdesigner Uno degli strumenti più importanti per un web designer è senza dubbio l editor (IDE - Integrated
DettagliCOS E E COME FUNZIONA MAILCHIMP
MAILCHIMP COS E E COME FUNZIONA MAILCHIMP E uno degli strumenti più apprezzati nell email marketing per la gestione e l invio di NEWSLETTER. E uno strumento semplice ed è integrato alle più famose piattaforme
DettagliWeb design sociale: i siti umanitari
Web design sociale: i siti umanitari Un sito web non è solo un valido biglietto da visita per presentare online il proprio business: è prima di tutto un ampia serie di opportunità, fatte di relazioni sociali,
DettagliCome posso creare il mio conto, completare il mio profilo e candidarmi online con MyManpower
Come posso creare il mio conto, completare il mio profilo e candidarmi online con MyManpower HOW-TO MyManpower 01.12.2016 v0.5 1 Introduzione Come candidato, in futuro sarà più semplice trovare online
DettagliScopri il nuovo WordPress 5.0
Scopri il nuovo WordPress 5.0 lunedì, 10 dicembre 2018 Ci siamo, è arrivato il momento tanto atteso da alcuni, tanto criticato da tanti, ma che mette d'accordo tutti su un aspetto: la curiosità! La nuova
DettagliORDINI ONLINE GUIDA PRATICA
ORDINI ONLINE GUIDA PRATICA ORDINI ONLINE: guida all uso In queste pagine trovi le informazioni utili per effettuare gli ordini online sul sito SD FRuit (https://ingrosso-ortofrutta.com). Il sistema ti
DettagliINSERIRE I DATI NEL DATABASE
13-Cap10_DWCS3.qxd 18-11-2009 11:43 Pagina 201 CAPITOLO10 INSERIRE I DATI NEL DATABASE In questo capitolo In questo capitolo imparerai a interagire con i contenuti del database gestiti nel sito. In particolare
DettagliREPORT DI VALUTAZIONE DELL ACCESSIBILITÀ
Pag. 1 di 13 REPORT DI VALUTAZIONE DELL ACCESSIBILITÀ PUBBLICA AMMINISTRAZIONE Comune di Volpedo (AL) www.comune.volpedo.al.it DATA DELLA VALUTAZIONE 1/12/2008 AUTORE DELLA VALUTAZIONE Fabio Regina COMMENTI
DettagliManuale versione Mobile (Smartphone Tablet)
Manuale versione Mobile (Smartphone Tablet) Introduzione La versione mobile è una versione del gestionale Reali studiata apposta per l utilizzo da dispositivi mobili quali smartphone e tablet. La base
DettagliTwitter: 5 temi pronti per l uso per visualizzare gli ultimi tweet sul tuo sito
Twitter: 5 temi pronti per l uso per visualizzare gli ultimi tweet sul tuo sito Siamo ormai vicini al Natale, periodo si sa, in cui avviene il consueto scambio di regali tra amici e parenti. E anche noi
DettagliCome trasformare un psd in (x)html e css senza perderci la ragione? Parte 2
Come trasformare un psd in (x)html e css senza perderci la ragione? Parte 2 Sei pronto per "ricostruire" la seconda parte del puzzle? Nella lezione precedente abbiamo visto come realizzare in codice la
DettagliSpedizione nazionale e ritiro in sede
Spedizione nazionale e ritiro in sede Bentornato nella guida alla configurazione di WooCommerce! Nella scorsa lezione abbiamo visto come configurare due dei metodi di spedizione messi a disposizione da
DettagliYITH Woocommerce Zoom Magnifier plugin, zoomare per vendere
YITH Woocommerce Zoom Magnifier plugin, zoomare per vendere Immagina di avere un e-commerce (con WordPress) e di vendere capi d abbigliamento. Nell'ultima riunione con l ufficio acquisti hai deciso di
DettagliSito Web Professionale
Sito Web Professionale più moderno, più dinamico e completamente responsive Settembre, 2017 Contents Sito Web 3 Nome Dominio 4 Grafica Personalizzata 4 Gestione dei Contenuti 5 Sezioni del sito 6 Responsive
DettagliWordPress: come rendere dinamici Header e Sidebar del template?
WordPress: come rendere dinamici Header e Sidebar del template? Nel corso delle lezioni di questa guida abbiamo realizzato buona parte del nostro template; oggi, prima di spingerci avanti introducendo
DettagliEstetica vs usabilità: un mito da sfatare
Estetica vs usabilità: un mito da sfatare La sfida di oggi mi entusiasma particolarmente: voglio infatti sfatare un mito che sento aleggiare qua e là, e che mi lascia decisamente perplessa. Lo farò servendomi
DettagliTendenze nel web design: che matrimonio sarebbe senza un sito web?
Tendenze nel web design: che matrimonio sarebbe senza un sito web? Visto che il popolo di Your Inspiration Web si è sempre mostrato aperto al confronto e al dibattito, oggi ne approfitto per condividere
DettagliUn tocco creativo in più ai nostri layout: ecco qualche dritta
Un tocco creativo in più ai nostri layout: ecco qualche dritta C è un interrogativo che leggo spesso nei forum e che in più di un occasione alcuni di voi mi hanno rivolto tramite e-mail: come è possibile
DettagliCome aumentare le performance del mio sito? - CSS Sprites
Come aumentare le performance del mio sito? - CSS Sprites Hai creato un sito, magari seguendo la nostra guida "Come creare un sito web dalla A alla Z", ma noti che spesso i tempi di caricamento sono lunghissimi.
DettagliDalla grafica al codice: rendiamoci amico lo sviluppatore
Dalla grafica al codice: rendiamoci amico lo sviluppatore Negli ultimi mesi mi sono trovata a dover gestire dei progetti un po' più complessi del solito, con scadenze particolari e una mole di lavoro abbastanza
DettagliARCHITETTURA DI UN SITO
ARCHITETTURA DI UN SITO Progettare un sito web Progettare la struttura di un sito E un operazione che va fatta a 3 livelli: 1. Contenuti: organizzazione concettuale di testi, immagini, animazioni o altro.
DettagliGuida a WordPress. 1. Iscrizione a Wordpress
Guida a WordPress 1. Iscrizione a Wordpress Digitare il seguente indirizzo: https://it.wordpress.com/ Cliccare su Crea sito web Scegliere un tema, ovvero la struttura principale che assumeranno le pagine
DettagliCapitolo X Esercitazione n. 10: Word e HTML
Capitolo X Esercitazione n. 10: Word e HTML Scopo: Creare un semplice sito web con Microsoft Word. Il sito web è composto da una home page, e da altre due pagine (curriculum e hobby) ad essa collegate
DettagliCorso di Introduzione all Informatica. Microsoft Word Nozioni di base
Corso di Introduzione all Informatica Microsoft Word Nozioni di base LA GUIDA IN LINEA 2 FORMATTARE UN DOCUMENTO Impostazione della pagina Per definire i parametri di impostazione della pagina, selezionare
DettagliSpunti su come ottimizzare un sito web per dispositivi mobili
Spunti su come ottimizzare un sito web per dispositivi mobili L enorme sviluppo nell ambito dei dispositivi mobili ci impone di prestare la massima attenzione a questa sempre più importante fetta di mercato
Dettagli10 Creare. collegamenti ipertestuali
13Ac-Cap10.qxd 29-12-2006 14:56 Pagina 189 10 Creare collegamenti ipertestuali Collegamenti ipertestuali Campi di tipo Collegamento ipertestuale Collegamento ipertestuale in una maschera o report Convertire
DettagliTendenze: mettiamo una foto come background del sito?
Tendenze: mettiamo una foto come background del sito? Sembra che nel web design del futuro ci sia sempre meno spazio per la grafica e per i fronzoli: presto, a spopolare, saranno le foto. Larghe e ovviamente
DettagliWooCommerce: come personalizzare la configurazione delle varie
WooCommerce: come personalizzare la configurazione delle varie email Ben ritrovato in questo nuovo capitolo della guida alla corretta installazione e configurazione di WooCommerce. Nello scorso capitolo
DettagliTutto quello che c é da sapere sulle mascotte nel web design
Tutto quello che c é da sapere sulle mascotte nel web design Piccole, dolci, tenere, con grandi occhi da cucciolo. Oppure furbe, con sguardi intriganti e giocosi, simpatiche, stilizzate, colorate o in
DettagliLINEE GUIDA PER LA PUBBLICAZIONE DELL APP
LINEE GUIDA PER LA PUBBLICAZIONE DELL APP un percorso semplice per rendere la tua APP pubblicabile velocemente. ACCESSO AL PANNELLO DI CONTROLLO Accedi al Pannello di controllo inserendo user e password
DettagliRegaliamo un ritratto personalizzato per la festa della mamma?
Regaliamo un ritratto personalizzato per la festa della mamma? Oggi voglio condividere con te un tutorial un po particolare, la fonte dell ispirazione è la vicinissima festa della mamma che ricorre Domenica
DettagliRealizziamo un disegno tipografico?
Realizziamo un disegno tipografico? I caratteri tipografici per noi designer sono il pane quotidiano del nostro lavoro; anche al di fuori ci accompagnano costantemente in quanto fanno parte del complesso
DettagliUsabilità e non solo: come sono messi i siti delle Università italiane?
Usabilità e non solo: come sono messi i siti delle Università italiane? Dato il grande successo che ha avuto l articolo che svergognava i siti dei cantanti italiani (il movimentato dibattito che ne è conseguito
DettagliDocumenti Google: Accesso, creazione, modifica e stampa
Documenti Google: Accesso, creazione, modifica e stampa Esistono diversi tipi di documenti Google: Documenti, Fogli, Presentazioni, Disegni e Moduli. Utilizzeremo un Documento Google di base per mostrarti
DettagliWooCommerce: come creare un marketplace dove i venditori pagano una fee una tantum per vendere
WooCommerce: come creare un marketplace dove i venditori pagano una fee una tantum per vendere L'unione fa la forza, questo è il concetto che si cela dietro al successo di un Marketplace. Tutti, almeno
DettagliCorso base Redattore WEB
Corso base Redattore WEB Autenticazione Utilizzare come browser «Mozilla Firefox» o «Chrome» (NON USARE «explorer») Digita sulla barra dell url l indirizzo «www.comune.genova.it/user» Si aprirà una finestra:
DettagliRistoranti e web design: best practices e showcase
Ristoranti e web design: best practices e showcase Realizzare un sito per un ristorante o un attività gastronomica in generale può essere molto stimolante per un designer e, di certo, i modi per attingere
DettagliPanthea - Tema WooCommerce Minimal e Responsive
Panthea - Tema WooCommerce Minimal e Responsive Se avete in progetto di realizzare il vostro sito e-commerce ma non avete il tempo necessario per svilupparlo, disegnarlo e progettarlo, siamo qui per aiutarvi.
DettagliInterfaccia di Word. Scheda File: contiene i comandi per intervenire sul documento, come Nuovo, Apri, Salva con nome, Stampa e Chiudi.
Interfaccia di Word Barra del titolo: visualizza il nome di file del documento appena creato o che si sta modificando. Sul lato destro sono visibili i pulsanti Riduci a icona, Ripristina e Chiudi. Barra
DettagliL INNOVATIVO SHARE&SHOW SOFTWARE PER IL DIGITAL SIGNAGE
L INNOVATIVO SHARE&SHOW SOFTWARE PER IL DIGITAL SIGNAGE Reklama è un innovativo Software, che offre un sistema di comunicazione multimediale per la diffusione di messaggi in modo dinamico, creativo e a forte
DettagliM. Editoria elettronica
M. Editoria elettronica Indice Premessa 01 Testata per pagina web formato 800x600 pixel 02 Testata per pagina web formato 1024x768 pixel 03 Esempio di Home page formato 800x600 pixel 04 Esempio di pagina
DettagliNegli ultimi dieci anni, il Web è stato completamente
Introduzione Negli ultimi dieci anni, il Web è stato completamente integrato nel tessuto sociale. La maggior parte delle aziende ha il proprio sito Web, ed è raro vedere una pubblicità in televisione che
DettagliMS Office Powerpoint La formattazione
MS Office Powerpoint 2007 - La formattazione La formattazione è la parte più importante del lavoro in Powerpoint, in quanto l essenziale per l aspetto finale che assumerà il nostro lavoro. Questo è un
DettagliPRESENTAZIONE E LISTINO
PRESENTAZIONE E LISTINO ECOSISTEMA SOCIAL. Facebook ONLINE. Newsletter. Publiredazionali Speciali. DEM Hotel (18.000 email). DEM Buyer stranieri (15.000 email) HOME PAGE IL PRODOTTO, I NUMERI E I PARTNER
DettagliProgettazione e sviluppo WEB
Progettazione e sviluppo WEB Antonio Gallo antoniog.web@gmail.com info@laboratoriolibero.com Progettazione e sviluppo WEB Cosa significa progettare e sviluppare un sito web? Progettazione e sviluppo WEB
DettagliMICROSOFT WORD 2010 CREAZIONE E FORMATTAZIONE DI DOCUMENTI
MICROSOFT WORD 2010 CREAZIONE E FORMATTAZIONE DI DOCUMENTI APRIRE MICROSOFT WORD 1. Start 2. Tutti i programmi 3. Microsoft Office 4. Microsoft Word 2010 MICROSOFT WORD 2010 LE REGOLE D ORO 1. Impostare
DettagliCosa sono i siti responsive
Le sezioni di un sito La struttura di un sito è composta diversi elementi che convergono in 3 grandi blocchi : header (testata) content(contenuto) footer. header: contiene il logo e il menù content: raggruppa
DettagliCREARE UN ORDINE CON GWEB
CREARE UN ORDINE CON GWEB Guida rapida in quattro passi INDICE: 01) ENTRA IN GWEB Pag. 02 02) CREA UN NUOVO ORDINE Pag. 05 ) AGGIUNGI ARTICOLI Pag. 09 04) CHIUDI E INVIA L ORDINE Pag. 25 GUARDA PRIMA L
Dettagli4 jquery tricks che non potete non conoscere
4 tricks che non potete non conoscere. Un framework javascript talmente potente e popolare che equivale praticamente a Zend per il PHP. Sempre più siti web lo utilizzano per la sua capacità di essere sintetico
DettagliGennaio: preferiti della redazione
Gennaio: preferiti della redazione Anche Gennaio è stato un mese particolarmente intenso: una volta smaltite le ferie e rimesso l'albero di Natale in garage, abbiamo dovuto combattere con l'influenza e
DettagliMS Office Powerpoint La formattazione
MS Office Powerpoint 2007 - La formattazione La formattazione è la parte più importante del lavoro in Powerpoint, in quanto l essenziale per l aspetto finale che assumerà il nostro lavoro. Questo è un
DettagliPageSpeed Insights. Elimina JavaScript e CSS che bloccano la visualizzazione nei contenuti above-the-fold
PageSpeed Insights 78 / 100 Velocità Soluzioni da implementare: Elimina JavaScript e CSS che bloccano la visualizzazione nei contenuti above-the-fold La tua pagina presenta 3 risorse script e 3 risorse
DettagliParte Prima La bozza in Photoshop
Come ti costruisco un Sito Web Palmiero Corrado Va da sé che questa mini guida, non vuole ne essere esaustiva, ne definitiva, ma semplicemente un esempio tra mille modi e programmi differenti su come creare
DettagliCOME CREARE UN PROGETTO
COME CREARE UN PROGETTO PRONTO PER INIZIARE A PROGETTARE IL TUO PROGETTO? START NOME: DATA: Questi sono i passi da seguire 1SCEGLI UN 3 GENERA PROBLEMA LE IDEE 2 CHI STAI AIUTANDO? 4 PROGETTA 5 TESTA E
DettagliWooCommerce: vendere fiori con servizio di consegna a domicilio e dedica (come Interflora)
WooCommerce: vendere fiori con servizio di consegna a domicilio e dedica (come Interflora) Il linguaggio dei fiori è così antico e radicato che anche oggi, nonostante l'avanzare della tecnologia abbia
Dettagli