Cinzia Diodati, proprietaria di Before & After, si specializza nella creazione di siti web e grafica per aziende e professionisti, focalizzandosi su personalizzazione ed estetica. Ha realizzato numerosi progetti per studi professionali, agenzie immobiliari e iniziative artistiche, utilizzando un design responsivo e attenzione alla funzionalità. Attraverso il suo lavoro, unisce creatività e obiettivi pratici, offrendo soluzioni grafiche a misura di cliente.

1. Presentazione
pagine WEB
by: Cinzia Diodati

2. Cinzia Diodati
Mi presento, proprietaria di Before & Aftermi occupo di IMMAGINE, non solo grafica, con la presentazione online di
imprese e liberi professionisti, ma anche architettonica, per gli spazi attraverso l’home stagine ed il restyling di interni, con
un occhio particolare alla personalizzazione, cercando la soluzione più idonea sia dal punto di vista funzionale, che
estetico, che economico,.per raggiungere l’obiettivo del cliente, senza perdere mai di vista la PERSONALITÀ della casa,
del negozio, dell’attività.
CREATIVA PER OBIETTIVI

3. Realizzazioni grafiche
Immagini corporative e non solo

4. Agenzia immobiliare
Si è voluto esprimere graficamente
la tecnica e l’eleganza.
Run coach
La sfida? Unire corsa e
meditazione in una sola immagine.
Home stylist
Semplicità ed eleganza, per l’home
stylist e home stager.
Alcuni esempi
Loghi per professionisti

5. Associazione
L’obiettivo è stato esprimere il
movimento con una grafica
assolutamente semplice e
monocromatica.
Armadio solidale
Ogni sezione dell’armadio una
sezione della pagina web
Tecnica di Yoga
Un Mandala di fiori e di colori:
un’esplosione di energia positiva
Alcuni esempi
Loghi per associazioni

6. WEB agency a 360°
Grazie alle icone è possibile
aggiornare il logo in ogni momento
per un mondo che cambia
Ornitologo
Per un ornitologo che guarda
avanti, un nome che esprime tutto
Before & After
Il logo del cambiamento, con i miei
colori e le mie passioni
Alcuni esempi
Loghi per associazioni

7. Pagine web
Alcune realizzazioni degli ultimi anni

8. www.fazzanivalmasoni.it
Studio commercialisti
Immagine corporativa
Viene realizzata con relativo
manuale corporativo e consegnata
con diversi layout,
Blog
Impostazione Blog e manuale per
gestire l’amministrazione
internadel sito.,
Collegamenti esterni
A Riviste di settore, Agenzia delle
entrare, calendario scadenze ecc..
Accesso utenti area riservata
LA SFIDA di esprimere con colori delicati (non violenti) la professionalità dalla lunga tradizione e
l’attaccamento alla città di Padova è stata vinta attraverso banner ed immagini creati su misura, oltre ad un
LOGO che esprime tutta la tradizione padovana.
 Realizzazione nel 2013
 Responsive design (si adatta ai dispositive mobile)
 Realizzazione dell’imagine corporativa
 Slides con presentazione aziendale

9. www.brasile7padova.com
Immobile industriale
Immagine e disegni
Realizzazione e ricerca del
materiale presentato, interamente
scaricabile online
Download
Perizie, planimetrie in pdf,
immagini storiche
Collegamenti esterni
A Comune di Padova, PRG, Zona
industrial e material informative
esterno utile alla comprensione
Per questa pagina web di presentazione di un immobile industriale dall’indirizzo unico è stato realizzato un
lavoro di ricerca e raccolta di materiale utile per gli interessati. Uno strumento in più per gli agenti immobiliari
e per le vendite di immobili particolari.
 2013
 Responsive design (si adatta ai dispositive mobile)
 Realizzazione dell’intera grafica e di disegni tecnici
 Lingue: italiano e inglese

10. www.selce-monselice.com
Immobile industriale
Immagine e disegni
Realizzazione e ricerca del
materiale presentato interamente
scaricabile online
Download
Perizie, planimetrie in pdf,
immagini storiche
Collegamenti esterni
A Comune di Monselice, PRG, e
materiale informativo esterno.
Anche per questa pagina sono stati usati gli stessi principi di presentazione: con un indirizzo internet
specifico relativo all’immobile, è possibile avere e scaricare tutte le informazioni più interessanti per i possibili
acquirenti senza cercare per forza nei portali immobiliari..
 2013
 Responsive design (si adatta ai dispositive mobile)
 Realizzazione dell’intera grafica
 Lingue: Italiano e Inglese

11. www.dirittoperlafamiglia.it
Studio legale
Impostazione grafica
Dall’home page è possibile
accedere all’intera gamma di
servizi legali offerti dallo studio
Blog
Impostazione del blog con
aggiornamenti sulle ultime leggi
per la famiglia ecc..
Pagine dedicate
Per ogni professionista è dedicate
una pagina con I relativi
collegamenti esterni a linkedin
LA SFIDA per questa pagina è stata trovare i colori corporativi e le immagini: l’obiettivo era rendere allegro un
tema comunque difficile da affrontare anche in modo legale. Sono stati realizzati anche i volantini pieghevoli
dello studio legale, con la stessa grafica ormai riconoscibile
 2014
 Responsive design (si adatta ai dispositive mobile)
 Realizzazione dell’intera grafica
 Pagine e sezioni personalizzate

12. www.imcaimmobili.it
Immobiliare
Impostazione grafica
Si sono personalizzate tutte le
sezioni. Consultazione per
categoria e parole chiave.
Blog
Ogni immobile ha una sua scheda
dedicata, con tutte le indicazioni
correlate anche da grafiche
intuitive.
Download
Fotografie e materiale tecnico
sono facilmente accessibili per
ogni edificio.
Siamo riusciti ad inserire una grande quantità di materiale, mantenendo un minimo ingombro dello spazio
web ed utilizzando solamente strumenti esterni gratuiti, collegati direttamente alla pagina..
 2013-14
 Responsive design (si adatta ai dispositive mobile)
 Realizzazione del logo e studio colori
 Pagine dedicate ad ogni immobile

13. www.magicheria.it
Accessori per bambini
Studio grafico
Colori e figure pensate in
relazione al pubblico finale:
bambine
Blog
Pensato per le storie create
dall’autrice
Social
Collegamenti ai social network
principali e più adatti allo scopo
della pagina
La grafica semplice e diretta permette di sfogliare la pagina in modo immediato, stimolando la curiosità del
pubblico a cui è rivolta la pagina, ma anche alle loro mamme!
 Work in progress – coming soon 2015
 Responsive design (si adatta ai dispositive mobile)
 Realizzazione del logo e icone
 Gallerie fotografiche dedicate alle realizzazioni

14. www.venicephotobirding.it
Agriturismo specializzato in birdwatching
Studio grafico
Disposizione delle fotografie in
funzione dell’attenzione dei
fotografi sulle immagini
Prenotazioni
Possibilità di richiedere le
prenotazioni direttamente dalla
pagina web
Blog
Impostazione del blog e
collegamenti con gli eventi
proncipali
L’obiettivo di mettere in primo piano la natura è raggiunto grazie alla disposizione a griglia delle fotografie,
che incuriosiscono il visitatore. In questo caso la grafica estremamente essenziale non distoglie l’attenzione
dal tema principale.
 2015
 Responsive design (si adatta ai dispositive mobili)
 Realizzazione del logo e icone
 Gallerie fotografiche dedicate ai fotografi

15. www.kurmaccademia.it
Accademia di yoga e tecniche olistiche
Studio grafico
Studio dei colori e delle immagini
evocatve adatte a portare il
visitatore nel giusto stato d’animo.
Eventi
Lista complete e costantemente
aggiornata degli eventi e corsi
consultabile ed esportabile
PAgine
Ogni sezione e pagina èe
supportata da una composizione
grafica chiara
Presentare un’accademia è complesso per le attività di diversa origine e le esigenze sia dei clienti che degli
usuari della pagina. Con il sistema One Page, è possibile mettere a portata di mano tutte le informazioni e le
possibilità da scegliere.
 2015
 Responsive design (si adatta ai dispositive mobili)
 Realizzazione del logo e icone
 One page (scorrendo si vedono le varie sezioni)

16. www.beforeandafterpadova.it
Pagina di Before & After (IO)
Studio grafico
Studio dei colori e delle immagini
evocatve adatte a portare il
visitatore nel giusto stato d’animo.
Sezioni
Direttamente visibili in homepage,
ma accessibili dal menu
Pagine
Accompagnate dale sottopagine e
da fotografie accattivanti
La pagina di Before & After cambierà sempre, a seconda dell’attività e dell’ stato d’animo. Si tratta di una mia
creatura, che cambia con me.
 Restyling nel 2015
 Responsive design (si adatta ai dispositive mobili)
 Ho riordinato I contenuti a seconda delle tendenze.
 One page (scorrendo si vedono le varie sezioni)

17. Work in progress:
ecco cosa bolle in pentola.
• Impresa di costruzioni
• Compravendita automobili usate
• Consulenze e crescita personale
• Bed and Breakfast
• Turismo alternativo per Venezia
• Artigianato di vetro
• Pannelli fonoassorbenti
Progetti in cantiere
Grafica e web…

18. Servizi
Alcune delle attività legate al design di pagine web
Graphic Design
Realizzazione dell’imagine
corporative in diversi formati +
manuale corporativo
Chiavi in mano
Il sito è in WORDPRESS.
Una volta pubblicato, è attivo e
fruibile, aggiornabile e
modificabile.
Ricerca fotografica
Se mancano immagini suggestive
all’interno della pagina web…
Server esterno
In collaborazione con Net-Expert,
domini e spazio web
Manuale d’uso
Non lego I clienti a me, per questo
do l’opzione di avere un manuale
d’uso con indicazioni per gestire la
pagina.
SEO
Non mi occupo di SEO, ma posso
fornire strumenti e indicazioni per
migliorare.
Plugins
Ricerca dei plugins adeguati per
raggiungere gli obiettivi della
pagina, in modo facile anche per il
cliente,
Gallerie fotografiche
Ricerca del migliore Sistema per
la pubblicazione delle fotografie
nella pagina.

19. Rimaniamo in contatto!
Ho ancora molto da raccontare

20. I miei contatti
Before & After
Via Monte Venda, 5A
35031 Abano Terme - PD
P.I. 0474786158727
Email / Website
linfo@beforeandafterpadova.it
www.beforeandafterpadova.it
3356158727