Esempio di realizzazione layout e bozza grafica per uno studio legale a Civitanova Marche.
Categoria: Web
Vidatox.it
Questo sito Web ci è stato commissionato da una ONLUS con lo scopo di divulgare ed approfondire la recente scoperta scientifica di poter utilizzare il veleno dello scorpione blu cubano come trattamento complementare alle terapie antitumorali.
Tematica delicata che ci ha spinto a creare un layout il più navigabile e semplice possibile, decidendo di mettere direttamente in home page un decalogo con le risposte alle domande più frequenti.
E’ stata scelta dunque una veste grafica consona ed opportuna prediligendo un celeste che ispira fiducia ed è molto in voga nell’ambito medico e sanitario insieme al verde.
Abbiamo provveduto a realizzare un logo stilizzato che richiamasse il concetto dello scorpione blu cubano.
Per il sito invece si è scelto di utilizzare WordPress in quanto permetteva un facile sviluppo in minor tempo e minori costi nonchè di godere delle innumerevoli funzioni di blogging e delle sua innata predisposizione ad essere indicizzato con feature come l’url rewriting, la tag clouds, e il servizio pingomatic.
La gestione dei contenuti può essere fatta in modo del tutto indipendente tramite l’accesso al backend di amministrazione previo inserimento delle credenziali di amministrazione.
Tecnologie usate :
WordPress, Xhtml + CSS + PHP5 + MySQL5
Link : www.vidatox.it
Saraimmobiliareancona.it
Abbiamo partecipato a questo progetto collaborando con un’altra agenzia web della zona.
Essenzialmente è stato impaginato il layout grafico fornitoci dal grafico dell’agenzia web usando XHTML e CSS.
E’ stato poi progettato un Database e implementato tramite MySQL 5.
Successivamente è stato realizzato l’applicativo backend (pannello di amministratore) che permettesse all’utente finale di caricare le foto e la descrizione degli immobili.
Il pannello di controllo prevedeva l’inserimento di foto multiple, l’auto resize delle foto e la compilazione di un modello di scheda atta a descrivere le caratteristiche dell’immobile in esposizione.
E’ stato poi agganciato il Frontend tramite PHP5 al DB ed è stato ultimato il sito con l’utilizzo del mod_rewriting per generare url SEO Friendly.
L’applicativo di questo progetto è stato scritto interamente da zero su esigenze specifiche e personali del committente.
Tecnologie usate :
Xhtml + CSS + PHP5 + MySQL5
Link : www.saraimmobiliareancona.it
Dentideibambini.it
Dentideibambini.it nasce con lo scopo di far conoscere e promuovere la specializzazione del Dott. Paolo Passaretti in ambito odontoiatrico focalizzando i contenuti e la grafica su un target ben preciso l’odontoiatria infantile e la pedodonzia.
Specialista da decenni in questa branca dell’odontoiatria e titolare dell’omonimo studio, ha scelto di creare un punto di contatto e di informazione sulla prevenzione e cura dei piccoli pazienti e non solo.
E’ stato scelto di dare un impatto molto amichevole e scherzoso pur rimanendo in tema con la natura medica del sito, per cui un colore con richiami al verde sanitario ed un simpatico logo stile cartoon.
La piattaforma su cui è stato implementato il progetto è WordPress che ha permesso un’ottima malleabilità sia in fase di progettazione, sia in fase di consegna in quanto dispone di un backend amministrazione molto completo per poter esser completamente autosufficienti.
L’indicizzazione è stata inoltre aiutata nativamente dai plugin aggiuntivi di WordPress e dall’utilissima funzione di url rewriting.
Tecnologie usate :
xhtml + CSS + PHP5 + WordPress
Link : www.dentideibambini.it
Restyling Sito Web. Target Jobs
Ecco di seguito il restyling di un sito Web (Target Jobs), sito monopagina con il fine unico di permettere al navigatore interessato di lasciare i propri recapiti per essere ricontattati dal titolare dell’agenzia per il lavoro.
Il layout di partenza è sembrato subito un po’ piatto, poco accattivante, con l’uso di forme non adeguate, una tipografia non adeguata, un logo improvvisato e la prevalenza di effetti ormai antiquati come ombre e bagliori. Il testo nell’insieme è troppo confusionario e si ha una gestione degli spazi molto improvvisata che crea confusione.
Partendo dal layout qui sopra dunque è stato prodotto un restyling dinamico, curando in particolar modo l’aspetto cromatico del sito senza stravolgerne i colori, un restyle totale del logo utilizzando un font più adeguato e ritoccato in grafica vettoriale. Un occhio di riguardo alla tipografia del sito e una bella form bella grande e visibile che inviti subito alla compilazione.
Il tutto arricchito da una simpatica illustrazione stile cartoon che rende la pagina web molto accattivante, curata, ironica ma non banale, mantenendo sempre una vesta grafica professionale e non improvvisata.
Grillisas.com
Grillisas.com nasce come punto di riferimento per l’azienda Grilli S.a.s. Officina meccanica navale, con l’intenzione di pubblicizzare il loro operato e i loro prodotti per la pesca.
Il sito è stato sviluppato da zero progettando e studiando sia il colore che il layout.
Il sito pur essendo statico e piuttosto semplice da un punto di vista prettamente tecnico include un intro Flash, e la visualizzazione prodotti AJAX ovvero evitando il caricamento di tutta la pagina. (Utilizzando le proprietà InnerHTML).
Dal lato amministratore, abbiamo sviluppato un semplicissimo backend che permette l’inserimento di nuove categorie e nuovi prodotti con le relative descrizioni multilingua.
Tecnologie usate :
Xhtml + CSS + PHP5 + MySQL5
Utilizzo di Adobe Flash per il breve slideshow iniziale.
Link : www.grillisas.com
Cronowork.it
Cronowork.it nasce come servizio di iscrizione candidati e ricerca candidati da parte delle aziende.
Affidatoci come compito da una cooperativa che forniva lavoro temporaneo ai propri iscritti, valutando le numerose soluzioni “precotte” di script e applicazioni PHP che permettessero di svolgere questo compito ma trovandole lacunose in molti aspetti, abbiamo deciso di sviluppare da 0 la nostra soluzione.
Il progetto non è stato ultimato causa liquidazione dell’attività.
Tecnologie usate :
XHTML + CSS + PHP5 + MySQL5
J3njy.it
J3njy.it è il blog personale di Marco Marcoaldi.
Metà tra diario / confessionale e un mezzo di espressione in cui esporre i suoi pensieri e punti di vista tra i temi più disparati che spaziano dalla politica, musica, tecnologie.
Un sito semplice ma funzionale con l’unico requisito di essere rapido da gestire per ciò che concerne l’inserimento e la gestione dei contenuti.
La scelta è caduta su WordPress e su un template creato ad Hoc, arricchito da plugin per migliorarne l’usabilità, la ricerca contenuti e sopratutto l’indicizzazione.
Tecnologie usate :
WordPress + Xhtml + CSS + PHP5 + MySQL5
Link : www.j3njy.it
Centrosport.it – Bozza grafica e layout XHTML + CSS (Progetto non terminato)
Questa bozza originariamente ideata per Centrosport.it famoso negozio di abbigliamento civitanovese, aveva l’ambizione di essere un ecommerce integrabile con il software gestionale precedentemente acquistato dal cliente.
La bozza qui presente ancora in stato embrionale presenta solo la grafica ed il layout xhtml + css che avrebbe dovuto successivamente essere integrato con la parte frontend e backend in PHP + MySQL5.
L’Ecommerce in questione avrebbe dovuto inoltre aggiornarsi in tempo reale al gestionale installato nella sede del cliente tramite l’utilizzo di Webservice e chiamate SOAP.
Causa problemi tecnici e tempistiche inadeguate il progetto è stato stoppato.
Tecnologie usate :
XHTML + CSS
Spunktattoo.com
Spunktattoo.com nasce come punto di riferimento dell’artista tatuatore Enrico Ferracuti.
Il sito deve avere la funzione di esporre la biografia dell’artista, i recapiti e le sue opere costituite essenzialmente da flash matita su carta e le fotografie dei tatuaggi realizzati.
Inoltre deve essere un website facile da gestire e possibilmente con una buona se non ottima indicizzazione.
La scelta cade sulla piattaforma WordPress che ritenevamo congrua alle nostre esigenze.
Il template è stato realizzato su esplicita richiesta del cliente come anche lo studio del colore, volutamente diretto e sgargiante.
Un breve accenno Adobe Flash è stato usato per l’intro di apertura nell’header iniziale.
In home page è stato anche inserito un movieplayer sulla destra con un breve filmato sulle note degli Smiths montato appositamente con il materiale video precedentemente girato dal cliente.
I risultati sono stati migliori delle nostre aspettative sopratutto per ciò che riguarda l’indicizzazione.
Tecnologie usate :
WordPress + Xhtml + CSS + PHP5 + MySQL5
Utilizzo di Adobe Flash per il breve slideshow iniziale.
Montaggio Video : Pinnacle Studio 14
Link : www.spunktattoo.com