Siti web Mobile: coinvolgere gli utenti

Le aziende utilizzano sempre di più i siti internet per vendere prodotti e servizi e, di pari passo, gli esperti di Web Design stanno diventando sempre più consapevoli dell’importanza del coinvolgimento degli utenti e della user experience.

L’impegno nel creare opportunità per coinvolgere l’utente ha portato alcuni sviluppatori ad utilizzare tecniche digamification per rendere i siti web più divertenti e interattivi; altri offrono sondaggi o eBook gratuiti per incoraggiare l'interazione dei visitatori. Considerato che i dispositivi palmari e gli smartphone sono sempre più utilizzati per accedere a Internet,  è necessario che le attività esistenti per favorire la partecipazione degli utenti siano modificate in un’ottica di Web Design reattivo.

Che si tratti di re-design o di nuova realizzazione, creare siti web mobile offre nuove sfide ed opportunità nella progettazione dell’interazione. Oltre al problema di catturare l'attenzione di una persona impegnata in un ambiente pieno di distrazioni, vi è il vincolo aggiunto del dispositivo stesso. Allo stesso tempo, le nuove tecnologie forniscono preziose occasioni per coinvolgere l'utente in modo innovativo, un fattore importante in un settore in cui l'innovazione è un aspetto essenziale.

Superare i limiti

Molti considerano le dimensioni di un dispositivo mobile un limite alle opzioni per il coinvolgimento degli utenti; questo è dovuto principalmente al fatto che la progettazione dell’interazione viene vista attraverso la lente dello sviluppo di un sito web desktop. Un buon progettista non vede limiti, vede semplicemente parametri, e un grande web designer sostituisce i limiti percepiti con le opportunità.

Contenuto chiaro e conciso

La ridotta dimensione dello schermo dei dispositivi mobili richiede che il contenuto del sito web sia chiaro e conciso. Utilizzare lo spazio bianco per mettere in evidenza gli elementi chiave sul display. Abbreviare i nomi delle categorie e mantenere i paragrafi brevi e le frasi succinte. Limitare l'uso della grafica per abbassare i tempi di download.

L’utente mobile è impegnato, svolge operazioni in multi-tasking ed è impaziente. È fondamentale, quindi, intuire e anticipare le azioni che intende compiere e mostrare gli elementi per completare le operazioni in primo piano e al centro della pagina.

Call to action semplici ed efficaci

Riflettere sul perché l'utente è sul sito e su quella pagina particolare in modo da interagire con il lettore con una semplice call to action (chiamata all’azione). Tenere sempre presente che gli utenti mobili sono equipaggiati solo con le dita (e non con il mouse), per cui bisogna disporre con attenzione gli elementi sulla pagina regolandone opportunamente le dimensioni.

Una buona pratica nella progettazione dei siti web mobile è quella di includere feedback di interazione su ogni gesto, facendo in modo che l’utente capisca cosa sta succedendo in una o due parole o con un'icona.

Navigazione poco profonda

Gli utenti mobili hanno ancor meno pazienza degli utenti tradizionali, e vogliono trovare subito le informazioni che cercano. Mantenere la navigazione semplice e poco profonda (meglio se un unico livello) e garantire che tutte le informazioni siano accessibili con il minor numero possibile di click.

Sfruttare le caratteristiche dei dispositivi mobili

Una delle cose più interessanti del Mobile Web Design è l’opportunità di coinvolgere l'utente sfruttando le funzionalità aggiuntive dei dispositivi mobili: fotocamera, bussola, accelerometro, GPS, funzioni per identificare la posizione del cliente, ecc. Queste permettono ai progettisti di personalizzare l'esperienza degli utenti in tempo reale, mantenendo la loro attenzione per un periodo di tempo più lungo e migliorando l'esperienza d'uso attraverso le possibilità offerte dalla realtà aumentata.

È possibile, ad esempio, utilizzare le funzioni di ricerca geolocalizzate per comunicare l’ubicazione del ristorante più vicino all’utente e per informare sui tempi d’attesa per un tavolo. Oppure, dare la possibilità agli utenti mobili di scattare foto da caricare direttamente sui social media come Facebook, Twitter e Pinterest. O ancora, offrire la fruizione di contenuti a valore aggiunto attraverso scansioni QR code.

Rendere attraente l’ambiente mobile

La tecnica di marketing tradizionale che mira ad attirare un cliente per farlo rimanere in negozio il più a lungo possibile per aumentare le vendite resta valida anche per i siti internet. Più è attraente l'ambiente, più è probabile che il consumatore si guardi intorno, provi la merce e infine compri qualcosa. Rendere attraente l’ambiente sullo schermo di un dispositivo portatile è proprio al centro del coinvolgimento degli utenti e della user experience nel Mobile Web.

Il coinvolgimento degli utenti è in parte psicologia, in parte analisi dei dati e, a volte, solo il vecchio e semplice andare per tentativi. In ogni caso l’obiettivo è sempre quello di capire che cosa suscita maggiore interesse negli utenti e li porta a visitare i siti web.

La tecnologia mobile sta cambiando il modo di comunicare e di fare business. L'opportunità di fornire e ottenere informazioni altamente personalizzate, ovunque e in qualsiasi momento, è senza precedenti. Molte aziende stanno iniziando a capire questo e coloro che sono pronti a creare tecniche innovative di coinvolgimento degli utenti saranno in grado di trarre enormi vantaggi da questo cambiamento per il prossimo futuro.

Promozione siti web: il web si tinge di ecommerce

Le abitudini degli utenti di internet cambiano di giorno in giorno. Si rafforza la fiducia negli acquisti sul web. Ormai sul web si compra di tutto: ticket aerei, libri, pacchetti vacanza, crociere, abbigliamento e tanti altri prodotti. Sono moltissimi i siti online che fondano il loro business sulla vendita di prodotti online offrendo sistemi di pagamento facili e sicuri che permettono di comprare ogni cosa da ogni parte del mondo. Nasce una nuova era, quella dell'ecommerce 2.0, caratterizzato dalla strettissima interazione azienda-utente e da aggiornamenti e feedback in real-time. Oggi, per aziende che offrono servizi e vendono prodotti, l'espansione nel settore ecommerce è di fondamentale importanza per la longevità dell'azienda stessa.

Un sito web ecommerce ha costi di gestione molto contenuti ed è questo fattore che permette di vendere il prodotto ad un prezzo finale altamente competitivo. Questo è uno dei motovi per cui sempre più persone scelgono di acquistare su internet anzichè in un negozio vero e proprio. ale del prodotto molto contenuto e competitivo. Quindi essere su internet diventa sempre più indispensabile se si vuole evitare di essere schiacciati dall'elevata competitività di internet. La realizzazione di siti web ecommerce richiede competenza e professionalità, per via della complessità di organizzazione dei contenuti e dei sistemi di acquisto online.

Se non si possiedono le conoscenze corrette per la creazione di siti internet ecommerce è opportuno contatter una web agency esperta in realizzazione e promozione di siti web che saprà proporvi le soluzioni più corrette in funzione del vostro business. Ciò su cui occorre focalizzare la propria attenzione consiste nel rendere l'esperienza di navigazione del potenziale acquirente quanto più semplice possibile. Sono questi gli elementi principali che permetteranno ad un sito ecommerce di acquisire stima e fiducia da parte degli utenti, condizione che garantirà longevità all'azienda e business nel periodo medio-lungo.

Creazione siti internet: le basi verso il successo

Oggi sempre più aziende necessitano di promuovere le proprie attività, servizi e prodotti tramite il web. Il primo passo per affacciarsi ai milioni di utenti che ogni giorno ricercano informazioni e prodotti su internet è quello di avere un sito web funzionante e completo. La maggior parte dei siti web attuali spesso non presentano tutte le informazioni necessarie a convincere il potenziale acquirente all'acquisto o al contatto dell'azienda. Altre volte, anche se ricchi di informazioni, non convertono in clienti perchè non strutturati a dovere, così l'utente atterra su una pagina qualsiasi ma non trova subito un'azione da compiere. Per avere un sito web che funzioni è opportuno rivolgersi ad una web agency esperta in realizzazione siti web, che saprà proporre tutte le migliori soluzioni possibili per creazione di siti internet e per la promozione sui motori di ricerca.


Rivolgersi a esperti in realizzazione siti web e consulenti seo è un passo imprescindibile se il sito web che si vuole realizzare è destinato alla vendita di prodotti o servizi online. Il modello ecommerce sta prendendo sempre più piede per semplicità d'uso, costi di gestione molto ridotti e capillarità nella diffusione dei prodotti offerti. Ad ogni modo, al fine di gestire al meglio un sito web e fare in modo che questo sia sempre uno strumento di business valido, è opportuno acquisire gli elementi base del linguaggio html, il linguaggio più diffuso per realizzare siti web. Ovviamente, per acquisire le basi dell'html, occorre avere delle basi anche nell'uso dei programmi con cui è possibile editare il linguaggio, e, in generale, un discreto uso del pc e delle sue più comuni applicazioni. Molti sono i corsi per acquisire le basi per un corretto uso del pc e delle sue applicazioni, necessarie se intendiamo gestire un sito di vendita online. I programmi più potenti per realizzare siti web permettono, anche a chi non ha grandi conoscenze di html, la creazione di siti internet semplici e funzionali. Molti di questi programmi includono dei modelli standard che si possono modificare e adattare alle proprie esigenze. In un primo tempo il linguaggio per la realizzazione di siti web può sembrare molto complesso, con un po' di tempo e di pazienza potrete essere in grado di creare siti web più o meno complessi. L'esperienza vi permetterà col tempo di gestire al meglio il vostro sito web e di modellare il vostro strumento di business in tempo reale a seconda delle vostre esigenze.

Realizzare siti seo oriented per il successo su internet

Avere un sito web oggi non basta. Sono migliaia le pagine e i nuovi siti che ogni giorno vengono trovati dagli spider dei motori di ricerca e inseriti nei propri indici. I risultati dei motori di ricerca crescono esponenzialmente e per farsi trovare sul web solo il sito non è sufficiente. Diviene sempre più impellente l'esigenza, per piccole e grandi aziende, di acquisire traffico qualificato da internet al fine di consolidare il proprio brand e raggiungere potenziali clienti. Così molte aziende si rivolgo alle Seo Agency, ovvero agenzie che si occupano di search engine optimization, l'insieme delle tecniche per ottimizzare un sito web al fine di meglio posizionarlo sui motori di ricerca per keywords preventivamente stabilite. L'utente che desidera acquistare prodotti tipici cerca su internet e con molta probabilità si affiderà ai risultati della prima pagina, con meno probabilità alla seconda.

Se il sito web dell'azienda in questione si trova in terza pagina non raggiungerà mai l'utente potenzialmente interessato ai suoi prodotti. I siti internet delle aziende che si trovano in prima pagina trarranno un grande beneficio dalla visibilità ottenuta grazie all'ottimizzazione, e potranno contare su un certo numero di contatti che, in parte, convertiranno in clienti. La scelta delle parole chiave è una fase molto delicata e racchiude il successo o l'insuccesso della campagna di promozione nel suo complesso. Anche la struttura del sito deve ovviamente rispettare determinati criteri che consistono nel convogliare le visite verso un percorso ben preciso, verso la conversione all'obiettivo finale. Per chi desidera consolidare il proprio online business, dunque, è molto importante rivolgersi a web e seo agency specializzate in realizzazione sito web e promozione sui motori, che sappiano suggerirvi i giusti percorsi e che permetteranno alla vostra attività di raggiungere gli obiettivi prefissati.

CSS Zen Garden: presentato il layout della web agency CODENCODE

L’agenzia web CODENCODE partecipa all'iniziativa CSS Zen Garden, rivolta ai designer esperti di grafica web basata sull'uso di fogli di stile CSS esterni.

“Solo artisti della grafica, per favore”.

CSS Zen Garden (http://www.csszengarden.com) è un’iniziativa che ha come obiettivo la promozione di una migliore cultura del web orientata alla realizzazione di siti internet utilizzando i fogli di stile CSS esterni per la formattazione dei contenuti.

Il Giardino Zen si prefigge di ispirare ed incoraggiare la partecipazione dei web designer di tutto il mondo stimolando l’interesse verso un utilizzo sempre più spinto, creativo ed innovativo delle tecniche CSS nella creazione siti internet.

Sul sito csszengarden.com sono raccolti i progetti di tutti i web designer che hanno aderito all’iniziativa, lavori estremamente originali che possono essere liberamente visionati e dai quali poter trarre spunto ed ispirazione. Come spiega la frase che fa da introduzione al sito, si tratta di “una dimostrazione di cosa si può realizzare per mezzo del design basato sui CSS”.

Sostanzialmente CSS Zen Garden lancia una sfida ai professionisti del web mettendoli alla prova nella realizzazione di layout web mediante il solo uso di fogli di stile esterni. Si tratta di un esercizio di apprendimento, ma anche una dimostrazione, per la quale è necessaria una solida conoscenza dei CSS.

Come funziona?

Il sito mette a disposizione un file html, contenente la struttura della pagina principale del sito stesso, per il quale va realizzato un file css che fornirà la formattazione dei contenuti.

Chi intende cimentarsi nell’impresa non deve far altro che scaricare il file html e creare un layout per esso mediante un unico foglio di stile css esterno.

Solo alcuni vincoli: il file html non deve essere modificato in nessun modo ed il file css deve poter essere validato e supportato dai vari browser in circolazione.

A parte questo, si ha piena libertà di espressione e si possono usare a piacimento le tecniche di formattazione che si ritengono più opportune, gli effetti grafici desiderati, le immagini che servono, ecc., il tutto, però, agendo solo ed esclusivamente sul foglio di stile CSS.

L’agenzia web CODENCODE (http://www.codencode.it) ha raccolto la sfida CSS Zen Garden iscrivendo al concorso un proprio progetto.

Il layout realizzato si intitola “Full moon” (Luna piena) ed è disponibile sul sito dell’azienda informatica all’indirizzo http://www.codencode.it/css-zen-garden.

Il tema grafico, come lascia intuire il nome, rappresenta un paesaggio notturno con una grande luna piena, nel quale trovano posto anche un lupo che ulula in direzione della luna e degli alberi in primo piano e sullo sfondo. All’interno di questo scenario sono stati inseriti i contenuti testuali presenti nel file html scaricato dal sito CSS Zen Garden. La scelta delle immagini e dei colori e gli effetti applicati, il tutto realizzato rigorosamente attraverso il solo uso del foglio di stile, rispecchiano il tema del layout.

Nell’applicare lo stile alla pagina da formattare si è fatto largo uso delle potenti tecniche CSS per raggiungere il risultato desiderato. In particolare, si è fatto ricorso all’uso combinato dei posizionamenti relativi ed assoluti per ottenere l’effetto di sovrapposizione tra gli elementi, che permette di distinguere tra primo piano e sfondo quando si scorre il testo della pagina. In questo modo si ha la sensazione che la luna ed il testo si trovino “più lontani” rispetto al lupo, agli alberi ed al prato che rimangono fissi in primo piano mentre il resto si sposta verso l’alto.

Il layout è robusto, non risente della risoluzione dello schermo ed è compatibile con tutti i principali browser in circolazione.

Gli utenti che utilizzano browser diversi da Internet Explorer, inoltre, possono beneficiare di effetti grafici più accattivanti e di funzionalità ulteriori che migliorano l’interazione con la pagina. In questo senso, infatti, sono state usate anche alcune regole CSS3 per realizzare effetti di retroilluminazione per i titoli dei paragrafi e per il link presenti nella colonna a sinistra del testo. Inoltre, sempre per gli utenti che non utilizzano IE, è stata migliorata l’interazione sfruttando le media query per rendere adattivo il contenuto della pagina in base alla dimensione della finestra del browser. Il risultato si può notare provando a ridimensionare la finestra: mano a mano che si restringe, il contenuto della pagina di sposta occupando lo spazio a disposizione; quando la larghezza scende al di sotto dei 750 pixel, la colonna a sinistra si dispone in maniera centrata sotto il testo principale, aumentando, in tal modo, lo spazio a disposizione e permettendo di restringere ulteriormente la finestra senza che il contenuto venga tagliato fuori dall’area visibile.

Il layout creato dalla web agency CODENCODE, così come tutti quelli presenti sul sito CSS Zen Garden, può offrire spunti interessanti per i professionisti del settore che già fanno uso di queste tecniche e può essere un ottimo punto di partenza per tutti i designer che intendono esplorare l’affascinante mondo dei fogli di stile nella realizzazione dei siti web, scoprendo, come afferma il pay-off del sito, “la bellezza del design CSS”.

Creazione siti internet per agenzie viaggi

CODENCODE, web agency di Isernia, in Molise, si occupa principalmente di creazione siti internet ed ha sviluppato un sito internet specificatamente pensato per le agenzie viaggi che intendono avere e/o aumentare la propria visibilità sul web e che vogliono pubblicare le proprie proposte su Internet.
Il sito nasce in risposta alle nuove esigenze del mercato che impongono alle aziende di avere reperibilità nella rete e di fornire i propri servizi sul web per essere concorrenziali e per sfruttare pienamente le potenzialità ed i vantaggi offerti da Internet, primo fra tutti l’incremento dell’utenza potenziale.

Di seguito viene presentata la proposta CODENCODE in merito alla realizzazione siti web per agenzie viaggi.

Il Sito Web per Agenzia Viaggi CODENCODE si propone come la soluzione ideale per le piccole e medie agenzie viaggi che intendono pubblicare le proprie proposte su Internet.
L'offerta comprende un sito web dinamico completamente autogestito, quindi senza nessuna manutenzione da parte di CODENCODE e nessun costo annuo di mantenimento oltre al normale canone annuale per il dominio e spazio web.

Il sito web viene gestito direttamente dall’agenzia viaggi attraverso un pannello di controllo, con accesso mediante username e password.
Semplice da navigare e da utilizzare, comprende tutte le caratteristiche per dare al visitatore una agevole e completa fruizione delle proposte dei viaggi, nonché per presentare in maniera adeguata l’agenzia ed i servizi che offre.
L’applicazione si basa su un sistema di gestione dei viaggi appositamente studiato per l’archiviazione delle proposte. Il sistema consente, attraverso la parte di amministrazione del sito, l’inserimento, la modifica o la cancellazione dei viaggi, la gestione completa della tabella oraria di ogni viaggio, l’amministrazione della galleria fotografica dei viaggi e la gestione della mailing list del sito.
In ogni pagina del sito è presente l’agenda dei viaggi che mostra i prossimi viaggi in calendario.
La grafica e l’impaginazione vengono realizzate in modo completamente personalizzato e sulla base delle specifiche esigenze dell’agenzia.
Caratteristica esclusiva del Sito Web per Agenzia Viaggi CODENCODE è l’accessibilità, ovvero la caratteristica che rende un sito web fruibile ed usabile da tutte le categorie di utenti, con particolare riferimento alle persone diversamente abili, garantendo il pieno accesso alle informazioni e ai servizi messi a disposizione.
Un sito accessibile è navigabile da utenti ciechi, sordi, ipovedenti, disabili motori ed altri utenti affetti da disabilità di vario genere al pari degli utenti normodotati. Si presenta esteticamente come un sito "normale" ma possiede speciali caratteristiche che lo rendono gestibile dalle diverse tecnologie assistive utilizzate dagli utenti diversamente abili.
Il sito è, inoltre, indipendente dal dispositivo, ovvero può essere visitato utilizzando anche periferiche diverse dal comune monitor, come cellulari, palmari, Ultra Mobile PC, lettori di e-book e tecnologie assistive, e indipendente dal browser, ovvero mantiene la consistenza visiva e funzionale utilizzando i diversi tipi di navigatore (ad esempio Internet Explorer, Mozilla Firefox, Netscape Navigator, Opera, Safari, Google Chrome).

La struttura e le caratteristiche standard del sito sono le seguenti:

• HOME


• L’AGENZIA
  

Presentazione dell’agenzia, breve descrizione delle attività svolte, dei servizi offerti, degli obiettivi e del modo in cui opera sul territorio. Immagini a tema.

• DOVE SIAMO
  

Localizzazione dell’agenzia sul territorio. Mappa che illustra come raggiungerla realizzata attraverso il servizio Google Maps. Informazioni su come raggiungere l’agenzia percorrendo le principali arterie autostradali.

• I VIAGGI
  

Catalogo dei viaggi proposti dall’agenzia organizzati per data e numero di giorni. Per ogni viaggio è possibile consultare il programma e la tabella oraria dettagliata.

• FOTOGALLERY
  

Galleria fotografica del sito organizzata in cartelle di foto.

• PRENOTAZIONI
  

Modulo elettronico per effettuare la prenotazione dei viaggi.

• CONTATTI
  

Recapiti dell’agenzia: indirizzo, numeri di telefono e fax, indirizzi e-mail. Giorni e orari di apertura al pubblico e per le comunicazioni. Modulo elettronico per l’invio diretto di e-mail all’agenzia.

• AREA RISERVATA
  

Sezione che permette di accedere ai servizi di gestione del sito.

- Modifica dati di accesso: permette di cambiare lo username e la password per accedere all’Area riservata.
- Gestione viaggi: consente la gestione dinamica dei viaggi presenti in archivio; è possibile inserire un nuovo viaggio (informazioni dettagliate sul programma e sulla tabella oraria) oppure modificare o eliminare un viaggio esistente; è previsto un apposito editor per l’immissione e la modifica dei testi.
- Gestione foto: consente la gestione dinamica della galleria fotografica del sito; è possibile creare nuove cartelle di foto oppure modificare o eliminare quelle esistenti; per ogni cartella si può inserire un numero illimitato di foto e si possono gestire quelle presenti (modifica o eliminazione).
- Gestione mailing list: permette di gestire la mailing list del sito; si possono aggiungere nuovi contatti oppure modificare o eliminare quelli esistenti; agli utenti iscritti vengono inviate automaticamente via mail le informazioni inerenti i prossimi viaggi in calendario.

Su richiesta è possibile aggiungere ulteriori servizi ed apportare modifiche personalizzate per adattare l’applicazione in base a specifiche necessità dell’agenzia.

È possibile contattare la web agency CODENCODE per richiedere un preventivo o per avere qualsiasi altro tipo di informazione:
tramite Internet, all’indirizzo www.codencode.it;
tramite posta elettronica, all’indirizzo info@codencode.it;
tramite telefono, chiamando al numero 0865 3847;
in sede, in Via Libero Testa 223, ad Isernia, dal lunedì al sabato dalle ore 9.00 alle ore 20.00.

Realizzazione siti web per agenzie immobiliari

CODENCODE, web agency di Isernia, in Molise, si occupa principalmente di realizzazione siti web ed ha sviluppato un sito internet specificatamente pensato per le agenzie immobiliari che intendono avere e/o aumentare la propria visibilità sul web e che vogliono pubblicare le proprie proposte su Internet.
Il sito nasce in risposta alle nuove esigenze del mercato che impongono alle aziende di avere reperibilità nella rete e di fornire i propri servizi sul web per essere concorrenziali e per sfruttare pienamente le potenzialità ed i vantaggi offerti da Internet, primo fra tutti l’incremento dell’utenza potenziale.

Di seguito viene presentata la proposta CODENCODE in merito alla creazione siti internet per agenzie immobiliari.

Il Sito Web per Agenzia Immobiliare CODENCODE si propone come la soluzione ideale per le piccole e medie agenzie immobiliari che intendono pubblicare le proprie proposte su Internet.
L'offerta comprende un sito web dinamico completamente autogestito, quindi senza nessuna manutenzione da parte di CODENCODE e nessun costo annuo di mantenimento oltre al normale canone annuale per il dominio e spazio web.
Il sito web viene gestito direttamente dall’agenzia immobiliare attraverso un pannello di controllo, con accesso mediante username e password.
Semplice da navigare e da utilizzare, comprende tutte le caratteristiche per dare al visitatore una agevole e completa fruizione delle proposte immobiliari, nonché per presentare in maniera adeguata l’agenzia ed i servizi che offre.
L’applicazione si basa su un sistema di gestione degli annunci appositamente studiato per l’archiviazione degli immobili. Il sistema consente, attraverso la parte di amministrazione del sito, l’inserimento, la modifica o la cancellazione degli annunci, la gestione di tutte le caratteristiche degli immobili e della galleria fotografica per ciascun annuncio.
Trovare gli immobili è facile grazie ad un potente motore di ricerca che prevede la ricerca per codice di riferimento dell’annuncio oppure specificando opportuni criteri di ricerca.
In ogni pagina del sito è presente la vetrina degli annunci che mostra tutte le proposte immobiliari che si desidera mettere in evidenza.
La grafica e l’impaginazione vengono realizzate in modo completamente personalizzato e sulla base delle specifiche esigenze dell’agenzia.
Caratteristica esclusiva del Sito Web per Agenzia Immobiliare CODENCODE è l’accessibilità, ovvero la caratteristica che rende un sito web fruibile ed usabile da tutte le categorie di utenti, con particolare riferimento alle persone diversamente abili, garantendo il pieno accesso alle informazioni e ai servizi messi a disposizione.
Un sito accessibile è navigabile da utenti ciechi, sordi, ipovedenti, disabili motori ed altri utenti affetti da disabilità di vario genere al pari degli utenti normodotati. Si presenta esteticamente come un sito "normale" ma possiede speciali caratteristiche che lo rendono gestibile dalle diverse tecnologie assistive utilizzate dagli utenti diversamente abili.
Il sito è, inoltre, indipendente dal dispositivo, ovvero può essere visitato utilizzando anche periferiche diverse dal comune monitor, come cellulari, palmari, Ultra Mobile PC, lettori di e-book e tecnologie assistive, e indipendente dal browser, ovvero mantiene la consistenza visiva e funzionale utilizzando i diversi tipi di navigatore (ad esempio Internet Explorer, Mozilla Firefox, Netscape Navigator, Opera, Safari, Google Chrome).

La struttura e le caratteristiche standard del sito sono le seguenti:

• HOME
  
• CHI SIAMO
  

Presentazione dell’agenzia, breve descrizione delle attività svolte, degli obiettivi e del modo in cui opera sul territorio. Immagini a tema.

• DOVE SIAMO
  

Localizzazione dell’agenzia sul territorio. Mappa che illustra come raggiungerla realizzata attraverso il servizio Google Maps. Informazioni su come raggiungere l’agenzia percorrendo le principali arterie autostradali.

• SERVIZI
  

Elenco dei servizi offerti dall’agenzia con riferimento dettagliato a ciascuno di essi.

• IMMOBILI
  

- Ricerca: modulo elettronico per la ricerca degli immobili mediante Codice RIF; modulo elettronico per la ricerca avanzata degli immobili mediante la specifica dei parametri di interesse.
- Risultati ricerca: pagina che mostra i risultati della ricerca effettuata, permette di ordinarli per criteri e consente di modificare la ricerca a partire da quella precedente.
- Dettagli annuncio: pagina che mostra il dettaglio dell’annuncio selezionato attraverso la ricerca; sono riportate le informazioni dettagliate e una galleria di immagini dell’immobile visualizzato.

• RICHIESTE
  

Modulo elettronico per richiedere informazioni all’agenzia.

• CONTATTI
  

Recapiti dell’agenzia: indirizzo, numeri di telefono e fax, indirizzi e-mail. Giorni e orari di apertura al pubblico e per le comunicazioni. Modulo elettronico per l’invio diretto di e-mail all’agenzia.

• AREA RISERVATA
  

Sezione che permette di accedere ai servizi di gestione del sito.
- Modifica dati di accesso: permette di cambiare lo username e la password per accedere all’Area riservata.
- Gestione annunci: consente la gestione dinamica degli annunci presenti in archivio; è possibile inserire un nuovo annuncio (informazioni dettagliate e galleria di immagini) oppure modificare o eliminare un annuncio esistente; per ogni annuncio si riporta, inoltre, il numero di visite che ha ottenuto.
Su richiesta è possibile aggiungere ulteriori servizi ed apportare modifiche personalizzate per adattare l’applicazione in base a specifiche necessità dell’agenzia.

È possibile contattare la web agency CODENCODE per richiedere un preventivo o per avere qualsiasi altro tipo di informazione:
tramite Internet, all’indirizzo www.codencode.it;
tramite posta elettronica, all’indirizzo info@codencode.it;
tramite telefono, chiamando al numero 0865 3847;
in sede, in Via Libero Testa 223, ad Isernia, dal lunedì al sabato dalle ore 9.00 alle ore 20.00.

Realizzazione siti web: lanciata l’offerta della web agency CODENCODE

CODENCODE, web agency con sede ad Isernia, in Molise, rende disponibili sul proprio sito internet – www.codencode.it – le migliori offerte in tema di realizzazione siti web dinamici, creazione siti internet accessibili, costruzione di portali web.

CODENCODE è specializzata in web design e mette la propria esperienza e competenza al servizio di aziende, privati, enti e associazioni per creare siti internet moderni, usabili, accessibili, aderenti agli standard W3C.
L'obiettivo è fornire risposte adeguate ad ogni richiesta del Cliente: visibilità sul Web, promozione dell'attività, vendita di beni e servizi, comunicazione in rete, accessibilità dei contenuti.

La web agency realizza:

• minisiti tematici, per avere visibilità in Internet con il minimo investimento economico;
• siti internet statici, siti vetrina, istituzionali e di presentazione;
  
• siti web dinamici, gestibili dal Cliente mediante pannello di amministrazione;
  
• software e-commerce, siti di commercio elettronico;
  
• portali web, per aziende, enti e associazioni;
  
• siti animati in Flash;
  
• CMS, sistemi di gestione dei contenuti;
  
• blog aziendali e forum.
  

Nello sviluppo di applicazioni web vengono utilizzate tecniche moderne di programmazione e linguaggi di ultima generazione: XHTML 1.1, CSS 2.1, PHP 5, MySQL, JavaScript, AJAX, Flash.

CODENCODE fornisce il servizio di creazione siti internet anche a distanza, sfruttando Internet per azzerare le distanze ed instaurando un efficace rapporto di comunicazione ed assistenza con il Cliente tramite e-mail e telefono.

Seguono alcune delle offerte pubblicate sul sito www.codencode.it:

• MINISITO TEMATICO: 3 pagine web statiche, hosting + e-mail + assistenza, grafica personalizzata - 299 € + IVA;
  
• SITO STATICO base: 5 pagine web + fotogallery, hosting + e-mail + assistenza, grafica personalizzata - 599 € + IVA;
  
• SITO DINAMICO base: SITO STATICO base, area riservata, gestione galleria fotografica, gestione news/eventi - 999 € + IVA;
  

Il servizio di realizzazione siti web comprende:

• Consulenza preliminare (in sede, via e-mail o telefono) per definizione linee guida ed acquisizione informazioni (logo, descrizione e recapiti azienda, lista servizi/prodotti offerti, materiale fotografico, ...);
  
• Studio grafico e tecnico del progetto;
  
• Selezione ed ottimizzazione dei contenuti forniti;
  
• Sviluppo sito internet: struttura in XHTML 1.1, impaginazione con fogli di stile CSS esterni, layout table-less;
  
• Validazione XHTML e CSS;
  
• Funzioni di accessibilità e usabilità;
  
• Hosting su server Apache/Linux, spazio illimitato, supporto PHP e MySQL, Antivirus, Antispam; registrazione o trasferimento nome dominio (es. www.nomedominio.com);
  
• Servizio e-mail: registrazione 5 caselle e-mail (es. nomescelto@nomedominio.com);
  
• Assistenza via e-mail o telefono.
  

Il servizio di Hosting + Email + Assistenza è gratuito per il primo anno; gli anni successivi ha un costo di 60 € + IVA per i minisiti, 150 € + IVA per i siti statici, 250 € + IVA per i siti dinamici.

La web agency si occupa anche di restyling siti web esistenti ed offre il servizio di analisi e valutazione gratuita del sito.

Creazione siti internet in XHTML e CSS

La realizzazione di un sito internet parte dalla definizione dei contenuti che esso dovrà avere e che saranno presentati sul Web per raggiungere gli utenti.

L’informazione, quindi, è il punto di partenza ed è di fondamentale importanza comprendere come questa sia indipendente dal mezzo e dalla forma con cui sarà veicolata in rete.

In altre parole, una volta definito il contenuto di un sito – testo, immagini, suoni, video -, dovrebbe essere possibile scegliere di presentarlo a proprio piacimento e, soprattutto, si dovrebbe essere in grado di modificarne la presentazione in qualsiasi momento senza alterare la natura dell’informazione.

Allo stesso modo dovrebbe essere possibile modificare i contenuti, aggiornarli o sostituirli in maniera indipendente dalla loro presentazione.

Gli esperti in creazione siti internet sanno bene quanto sia importante l'adozione di tecniche, approcci e tecnologie capaci di semplificare la manutenzione di un sito web e di offrire un'alta flessibilità, al fine di creare pagine facilmente modificabili, adattabili a diverse modalità di visualizzazione, con la possibilità di cambiare l'aspetto grafico senza intaccare i contenuti

Soprattutto considerando che, in progetti di grandi dimensioni, confluiscono il lavoro e le competenze di diverse figure professionali – grafico, copywriter, programmatore, ecc – e che ciascuna di esse ha la necessità di agire su una o più parti dell’applicazione per conto proprio.

Ci si rende conto, quindi, dell’importanza di separare in maniera logica i diversi strati che compongono un sito internet in modo tale da rendere indipendente la costruzione, la modifica e la gestione di ognuno di essi.

Il primo fondamentale passo verso una realizzazione siti web moderna e professionale consiste nella totale separazione fra struttura e presentazione.

La struttura è il livello nel quale i contenuti sono rappresentati in maniera semantica mediante un linguaggio di marcatura strutturale (es. HTML). I linguaggi di marcatura servono per descrivere i diversi elementi che fanno parte del contenuto di un sito internet: titoli, paragrafi, immagini, elenchi, collegamenti ipertestuali, contenitori, tabelle, ecc. L’informazione viene, quindi, strutturata in maniera semantica attraverso opportuni descrittori, denominati tag, che vanno a comporre le pagine web.

La presentazione, invece, è costituita dall’insieme delle direttive che definiscono l’aspetto che i diversi tag, e di conseguenza le diverse parti di contenuto, dovranno avere, ovvero determinano la veste grafica delle pagine web. E’ possibile, quindi, assegnare uno stile a ciascuna porzione del contenuto di un sito in modo tale da definirne caratteristiche e proprietà quali: colore, bordi, sfondo, dimensione, posizione, allineamento, ecc.

Il sistema migliore di procedere alla costruzione di siti internet di qualità, adottato dalle web design agency moderne, consiste nel realizzare la struttura mediante il linguaggio di marcatura XHML ed affidare la presentazione ai fogli di stile CSS esterni.

L’XHTML (Extensible HyperText Markup Language) è un’estensione dell’HTML ed è un linguaggio di descrizione dei contenuti che consente la scrittura di documenti per il web ben formati aderenti agli standard internazionali. Grazie alla sua sintassi ben definita e più rigida rispetto al semplice HTML, permette di ottenere la conformità con i browser e la compatibilità con le tecnologie future, seguendo, in tal modo, la naturale evoluzione di Internet.

I fogli di stile CSS (Cascading Style Sheets) sono documenti associati alle pagine web contenenti le informazioni che definiscono, appunto, lo stile dei diversi elementi che descrivono il contenuto di un sito web. Esistono tre tipi di fogli di stile: in linea, incorporati ed esterni. I CSS in linea definiscono le proprietà di un singolo elemento nel momento in cui viene scritto all’interno del documento; i CSS incorporati definiscono le caratteristiche di un insieme di elementi ed agiscono a livello di singola pagina, quella in cui sono inseriti; i CSS esterni sono documenti che definiscono le proprietà degli elementi di più pagine, o addirittura di un intero sito, e sono completamente separati dalle pagine web.

L’uso dei fogli di stile CSS esterni è enormemente vantaggioso proprio perché le informazioni di stile non risultano inserite nelle pagine che contengono i contenuti del sito, permettendo, di fatto, la completa separazione tra struttura e presentazione. Ad una singola pagina si possono associare più CSS e, quindi, formattazioni diverse senza dover agire sui contenuti. Viceversa è possibile modificare i contenuti senza dover variare la loro presentazione, semplicemente mantenendo inalterata la loro struttura.

In conclusione, l’uso del linguaggio di marcatura XHTML unitamente ai fogli di stile CSS esterni permette di costruire pagine web ben strutturate e di presentarle nella maniera più opportuna, semplificando la gestione e la manutenzione dei siti internet ed ottenendo applicazioni estremamente flessibili ed efficienti.

Realizzazione siti web Molise

A circa un anno dalla pubblicazione della prima versione, la web agency molisana CODENCODE, con sede ad Isernia, rinnova completamente il proprio sito internet www.codencode.it.

Il restyling, che ha richiesto diversi mesi di lavoro, ha interessato sia l’interfaccia grafica che i contenuti e si è reso necessario per adeguare l’offerta e le proposte della società che durante il primo anno di attività si sono consolidate ed ampliate.

Codencode.it è ormai da tempo un punto di riferimento per chi, in provincia di Isernia ed in Molise, è interessato a trovare aziende che si occupano di realizzazione siti web, comparendo ai primi posti dei principali motori di ricerca con chiavi di ricerca correlate a questo settore..

Il sito ha l’ambizione di posizionarsi nella prima pagina dei motori di ricerca non solo a livello regionale ma anche e, soprattutto, a livello nazionale, obiettivo per il quale si sta lavorando e si stanno già ottenendo buoni risultati.

Il sito si presenta ricco di contenuti interessanti che risultano suddivisi in cinque aree principali:

• CODENCODE, che include la presentazione della società informatica e ne chiarisce gli obiettivi;


• INTERNET, che descrive l’offerta relativa al web: creazione siti internet, software e-commerce e siti di commercio elettronico, posizionamento sui motori di ricerca e web marketing;


• GRAFICA, che presenta l’attività svolta dall’azienda come studio grafico, in particolare creazione loghi ed immagine coordinata aziendale (corporate identity);


• SOFTWARE, incentrata sulla realizzazione di applicazioni multimediali e sullo sviluppo di software gestionali e su misura;


• PORTFOLIO, che raccoglie una vasta galleria di lavori realizzati raggruppati nelle categorie siti web, grafica, multimedia e software.

Il sito internet della web agency ospita, poi, una sezione interamente dedicata all’accessibilità siti web nella quale viene spiegato cos’è l’accessibilità, quali sono i vantaggi dello sviluppo accessibile ed in cui si fa riferimento alla legge Stanca, la legge italiana sull’accessibilità.

Quello della realizzazione di siti internet accessibili è un argomento tanto importante quanto, purtroppo, ancora tenuto in poca considerazione dalle agenzie web nel loro lavoro.

CODENCODE si impegna nella realizzazione di siti web accessibili ed il sito codencode.it ne è un forte esempio. Infatti è stato realizzato sfruttando i principi dello sviluppo accessibile, in osservanza delle direttive contenute nelle 14 linee guida per l'accessibilità dei contenuti web (WCAG 1.0) ed ogni pagina del sito supera la validazione XHTML 1.1 e CSS 2.1, come previsto dal W3C (World Wide Web Consortium). E’ presente, inoltre, la dichiarazione di accessibilità secondo quanto previsto dai 22 requisiti della Verifica Tecnica della Legge 4/2004 (Legge Stanca) - Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti informatici.

Codencode.it si presenta, quindi, come un sito internet moderno ad alta qualità, nel quale l’uso spinto della grafica e dell’interattività sposa in modo completo e naturale l’impiego di funzioni di accessibilità che lo rendono fruibile e navigabile da tutti gli utenti, attraverso i diversi browser oggi in commercio e mediante le diverse tecnologie utilizzate.

Nasce CodenShop, la demo del software e-commerce PrestaShop by CODENCODE

E’ da poco on line la versione dimostrativa del software e-commerce PrestaShop creata dalla web agency CODENCODE per la realizzazione di siti di commercio elettronico.

Si chiama CodenShop, prendendo nome, come è ovvio, dall’unione tra le parole Codencode e PrestaShop, ed è raggiungibile all’indirizzo http://www.codencode.it/demo-prestashop.

Il bisogno di realizzare una versione demo per un prodotto quale è un sito di e-commerce scaturisce dal fatto che questo tipo di applicazioni espone un numero molto elevato di funzionalità difficilmente descrivibili a parole se si ha la pretesa di essere completi ed esaustivi.

Inoltre, una versione dimostrativa consente l’interazione diretta dell’utente con il software, con il conseguente vantaggio di ridurre lo sforzo cognitivo per comprenderne il funzionamento e le possibilità offerte dal suo impiego.

CodenShop simula un negozio virtuale di informatica che si occupa della vendita di prodotti tecnologici, come computer, notebook, stampanti, componenti, ecc.

Ovviamente, al posto di questi prodotti, si sarebbe potuto prendere in considerazione qualsiasi altro prodotto, appartenente a qualunque settore merceologico.

Per la realizzazione del software e-commerce si è fatto uso della piattaforma open source PrestaShop, installata, configurata ed interamente personalizzata da CODENCODE per renderla completa, flessibile ed affidabile per tutti i tipi di siti e-commerce.

CodenShop è un’applicazione molto versatile che si presta alla realizzazione di siti di commercio elettronico di qualsiasi tipo e dimensione.

Presenta un alto livello di personalizzazione, dall’interfaccia grafica alla configurazione delle singole funzionalità e dei moduli installati.

In questa versione demo è stato incluso un modulo speciale che permette di cambiare al volo il tema grafico scegliendo tra quelli presenti nella categorie Base, Plus e Pro. Questi temi, creati da CODENCODE, sono in continuo aggiornamento e consentono di “vestire” il sito a proprio piacimento con un clic.

CodenShop espone tutte le caratteristiche di un sito di commercio elettronico completo e funzionale.

L’utente può navigare il sito in ogni sua parte, può registrare un account e gestire i propri dati, può aggiungere prodotti al carrello e persino preparare degli ordini, con l’unica ovvia limitazione di non poter procedere all’acquisto reale della merce.

Il sito è impostato in maniera tale da mettere in risalto le funzionalità particolari offerte da PrestaShop, soprattutto per quanto riguarda la gestione del catalogo prodotti e la descrizione degli articoli.

Per adesso la demo CodenShop è concepita per funzionare solo lato Front Office, ovvero permette all’utente di interagire solo con le funzionalità visibili ai clienti del negozio virtuale.

E’ prevista, con l’uscita della nuova versione del software, la possibilità di accedere anche al Back Office, ovvero la possibilità di registrarsi come amministratori ed avere così accesso anche alla parte gestionale del sito.

In questo modo sarà possibile provare davvero tutte le funzionalità offerte dalla piattaforme e rendersi conto di quanto sia completa e soddisfacente nel suo utilizzo.