Assistenza Software Una mia regola professionale è quella di garantire ai miei Clienti la migliore assistenza possibile. Propongo dei contratti di manutenzione sia ai clienti per cui ho fatto siti tradizionali in Html che a quelli per cui ho ideato un progetto WordPress. Il CMS WordPress è un CMS in continua evoluzione e deve essere costantemente aggiornato. Nella mia esperienza molti siti WordPress che sono stati oggetto di attacchi hacker non erano convenientemente aggiornati e quindi a rischio. Naturalmente sono a disposizione anche per coloro che non essendo seguiti da un Web Designer hanno bisogno di aiuto. Chiedetemi un preventivo…. rimarrete stupiti! Web Design

Web Marketing Il Web Marketing è la branca delle attività di marketing dell’azienda che sfrutta il canale online per studiare il mercato e sviluppare i rapporti commerciali. In pratica si occupa di  promozione/pubblicità, distribuzione, vendita, assistenza alla clientela, etc., tramite il Web. Come funziona? Solitamente le attività si traducono in primis con la pubblicazione di un progetto, poi nella realizzazione di un sito internet e la sua promozione. In questo modo l’azienda presidia il canale web attirando visitatori interessati ai prodotti/servizi in assortimento. Si affianca quindi alle strategie di promozione/vendita tradizionali e alle analisi di mercato offline. Questa strategia permette di avviare una relazione con il pubblico di questo canale. Un esempio comune di questo approccio è il cosiddetto negozio virtuale o negozio in linea, negozio online, online shop, online store. La strategia alla base di un progetto è  quello di far ottenere al sito la massima visibilità. Coerentemente con l’obiettivo, la tattica principale è portare il proprio sito web ai primi posti nelle pagine dei risultati di un motore di ricerca. Lo scopo  di renderli più visibili di quelli dei concorrenti, e quindi preferibili. Che strumenti usa? Le attività che oggi caratterizzano il Web Marketing sono le seguenti: ottimizzazione, posizionamento e marketing dei motori di ricerca SEM. In più si organizzano campagne Pay per click, o Pagamento per clic, banner, programmi di affiliazione e mentioning. Rientra tra le competenze di questa branca ogni azione a pianificazione che abbia come finalità il ritorno sull’investimento (ROI) di un progetto online. L’azione si sviluppa attraverso l’ideazione di un progetto, il coordinamento della sua realizzazione, l’analisi dei risultati, lagestione di ciò che segue la messa in opera, la sua promozione e la gestione della reazione del pubblico, il feedback. Appartiene al piano di web marketing anche l’attività di modifica della percezione di una marca o di un servizio grazie a strategie di interazione con utenti e il mercato. Ogni progetto  pensato per la rete deve essere coordinato da una strategia  e spesso si confondono il web marketing con la semplice promozione online o pubblicità di un sito sul web. In realtà così come la pubblicità tradizionale è uno strumento gestito dal piano di marketing, la campagna promozionale tramite banner e link pay per click è organizzata e gestita all’interno del piano di Web Marketing. Marketing promozionale online Le azioni di questa tipologia di marketing web  contribuiscono a incrementare la conoscenza di marca. Permettono di soddisfare differenti bisogni di comunicazione come: attirare l’utente, segnalare offerte ai navigatori o pubblicizzare il proprio sito web. Tra gli strumenti di marketing promozionale in linea figurano le tecniche classiche come i banner e i cosiddetti rich media, ma anche modelli di advertising evoluti come: interstiziali, banner pop-up, pop-under le  sponsorizzazioni. Web marketing virale Questa tipologia  consiste nel riprodurre i benefici del passaparola tramite internet. Utilizza prodotti e strategie unicamente legate alle tecnologie web come: e-mail, video-virali, programmi tell-a-friend, web 2.0, blog. Lontano dal contrapporsi alle tradizionali regole del marketing, il Web Marketing virale si integra perfettamente nelle campagne pubblicitarie quando viene utilizzato per lanciare un nuovo prodotto o per testare il bacino d’utenza potenziale di un nuovo servizio. Il Web Marketing virale è molto indicato per la rapida creazione di mailing-list non targhettizzate che in seguito, con le tecniche del web marketing classico, potranno essere raffinate per realizzare nicchie dimercato utili.   Web Design

SEO SEO è l’acronimo inglese per Search Engine Optimization. Definisce tutte le attività di ottimizzazione di un sito web volte a migliorarne il posizionamento nei risultati organici dei motori di ricerca. Il processo di ottimizzazione di un sito web prevede 3 attività: Ottimizzazione Tecnica. Questa fase permette ai motori di ricerca di accedere e indicizzare correttamente le pagine del tuo sito web. Fare SEO significa anche adottare soluzioni innovative come AMP e Schema.org per rispondere all’evoluzione di ricerca degli utenti. Creazione dei Contenuti. I contenuti del tuo sito web dovranno rispondere a diversi intenti di ricerca. Se saranno apprezzati dagli utenti, lo saranno anche dai motori di ricerca, perché consapevoli di avere fornito le migliori risposte alle loro domande. Promozione dei Contenuti. Promuovere contenuti pensati per essere condivisi, è una fase fondamentale per il successo della tua campagna SEO. Essere citati con un link da siti autorevoli, è un modo inequivocabile per comunicare a Google che il tuo è un sito web di qualità. Possiamo dunque affermare che la SEO è una combinazione perfetta tra ottimizzazione tecnica e strategia di marketing. Non deve invece essere confuso con il Search Engine Marketing SEM, che invece è una specifica branca del Web marketing. Questa branca riguarda l’attività di acquisto di traffico svolta nei principali motori di ricerca, detta anche Adwords marketing. In che cosa consiste? Una corretta attività SEO consente un reperimento corretto e veloce del sito da parte degli utenti che cercano sui motori di ricerca. Normalmente questa azione determina l’aumento del volume di accessi che un sito web riceve tramite i motori di ricerca quali Google Chrome, Firefox, etc. Tali attività comprendono l’ottimizzazione della struttura del sito e delle url e l’accessibilità delle informazioni dai motori degli utenti. L’attività di ottimizzazione per i motori di ricerca implica adeguamenti al codice HTML  e ai contenuti delle pagine web del sito. Oltre che alla struttura ipertestuale complessiva,tecnologie di interazione comprese. Indispensabile è anche l’attività esterna al sito, solitamente effettuata con tecniche di link building, diffusione di comunicati stampa e campagne di article marketing di qualità. Web Design

E-Commerce L’E-commerce, indica l’acquisto di beni e servizi attraverso il World Wide Web, tramite un negozio online. Si basa sul ricorso a server sicuri, caratterizzati dall’indirizzo https, un apposito protocollo che crittografa i dati sensibili dei clienti contenuti nell’ordine di acquisto allo scopo di tutelare il consumatore. Offre servizi di pagamento in linea, come le autorizzazioni per il pagamento con carta di credito, oppure gli acquisti tramite il canale PayPal. Un mondo in evoluzione Ogni giorno nascono nuovi negozi di commercio elettronico. Comprare on-line da PC, e specialmente da cellulare, sta diventando la modalità di acquisto abituale di molti utenti, indipendentemente dal tipo di prodotto. Per questo i negozi di e-commerce devono offrire un catalogo di prodotti all’altezza delle aspettative dei compratori, accertandosi di: Indicare tutte le informazioni sull’articolo. Illustrare il prodotto con foto o immagini (o, meglio ancora, video). Includere pulsanti social per facilitare la condivisione. Offrire possibilità di cross-selling o indicare prodotti complementari. Un buon catalogo di prodotti è un requisito essenziale per qualsiasi negozio on-line che si rispetti. Eppure non tutti gli store se ne rendono conto e si ritrovano con un catalogo telegrafico, con poche funzionalità e scarse informazioni per i clienti potenziali. Che cos’è un catalogo di prodotti? Il catalogo prodotti è un documento nel quale sono organizzati tutti i prodotti o servizi di un’azienda per facilitarne la consultazione da parte degli utenti. È il cuore pulsante delle attività commerciali che operano su Internet. A differenza dei cataloghi cartacei tradizionali, la versione digitale può includere una varietà più ampia di informazioni: immagini dettagliate, descrizioni più estese, prezzi e articoli complementari, per citarne solo alcune. Un’altra specificità e un grande vantaggio dei cataloghi digitali è la possibilità di aggiornare i contenuti in modo costante. Questo garantisce che il sito sia sempre ottimizzato e che il marketplace mostri le scorte effettive del negozio. I fattori chiave del successo nell’e-commerce Per realizzare un’attività di commercio elettronico economicamente di successo bisogna tener conto dei seguenti fattori: divertimento e soddisfazione personale nell’acquisto sicurezza e fiducia ispirata; utilità percepita dal cliente; influenza dei social network; piena disponibilità di Internet e della tecnologia; competenza dei navigatori; facilità d’uso del sito; esperienza nell’acquisto online. Il mio pensiero Personalmente consiglio la realizzazione di un sito di e-commerce a qualsiasi attività che abbia dei prodotti da vendere, non importa quanti. E’ un’attività che comporta pochissimi rischi, a mio avviso. I costi di gestione sono limitati. La merce, nel caso di e-commerce business to customer, esce dai Vostri magazzino con una certezza del pagamento, sia che esso avvenga con bonifico anticipato, o con carta di credito o sistema pay-pal. Web Design

UI&UX Design Ho scritto questo articolo perchè sono termini di uso comune e sono attività normali per un Web Designer di rispetto. UI Design L’UI Design, acronimo di User Interface Design, è un sottoinsieme dell’UX Design, in tutto e per tutto la sua “anima visual”, ed è anche la funzione più soggetta a libera interpretazione da parte delle aziende negli annunci di lavoro. Mentre la User Experience è un insieme di azioni focalizzate all’ottimizzazione di un prodotto, l’UI design si occupa prettamente della presentazione del prodotto stesso, o del brand, del servizio,  dell’azienda. Il che per alcune compagnie implica una conoscenza obbligatoria di brand design e/o front end development, mentre per altre è sufficiente essere esperti di graphic design. Nessuna delle due scuole di pensiero è più o meno corretta dell’altra: si tratta in parole povere di diverse facciate della medesima disciplina. L’UI designer è infatti deputato a tutto ciò che riguarda la parte visual e interattiva di un prodotto web, in primis l’interfaccia che si presenta all’utente e che rappresenta il primissimo impatto con il brand. Mi trasmette fiducia? Mi sta guidando verso ciò di cui ho bisogno? Dove sono portato a cliccare? Lo scopo ultimo è quello di guidare l’utente all’interno della pagina, indicandogli con chiarezza e precisione dove può trovare ciò che cerca esclusivamente attraverso l’interfaccia. Cosa deve sapere un UI designer? L’UX designer non ha necessariamente bisogno di conoscere il codice. Mentre all’UI designer viene sempre più spesso richiesto di approcciarsi alla programmazione web per poter costruire una migliore interattività con l’utente. Da questo punto di vista, la sua figura e quella del web designer si stanno lentamente fondendo e diventando un’unica mansione. L’UI designer è anche focalizzato sullo storytelling  come parte integrante della presentazione di un brand. Spesso stende una style guide contenente tutti gli aspetti cruciali della brand identity che serve ad uniformare e rendere coerente la comunicazione. A lui è affidato il compito di trovare il miglior modo per trasmettere valori, mission e vision aziendale attraverso la comunicazione visiva. UX Design L’UX design è l’acronimo di User Experience Design ed è composto da quell’insieme di processi atti ad accrescere la soddisfazione dell’utente. Lo scopo è migliorare l’usabilità di una pagina web, la sua facilità di utilizzo, l’intuitività e l’interazione. La User Experience Design è una disciplina che abbraccia tutti gli aspetti dell’interazione tra l’utente finale e l’azienda, i suoi servizi e i suoi prodotti. Lo UX Designer analizza e interpreta il comportamento degli utenti, le dinamiche e il contesto indirizzando la propria azione sulla costruzione di un’esperienza positiva per l’utente finale. Il suo obiettivo è migliorare la relazione fra consumatori e prodotti: è l’anello di collegamento fra i bisogni dell’azienda e i bisogni dell’utente. Si tratta di un vero e proprio processo scientifico applicabile a qualsiasi campo, non soltanto al design di siti web, anche se negli anni è diventato quasi esclusivamente una peculiarità del mondo digitale. Lo scopo finale è sempre e comunque quello di migliorare l’esperienza dell’utente, fornendogli esattamente ciò che desidera, senza troppi fronzoli o complicazioni. Come si raggiunge un buon risultato? Si raggiunge non solo attraverso il giusto accostamento di forme e colori, ma anche tramite contenuti accattivanti. Call to action ben posizionate, fluidità di navigazione e facilità di comprensione dei processi migliorano l’esperinza. L’UX Design è complesso, pieno di sfide e sfaccettature. L’UX Designer è una figura multitasking che si barcamena tra design, marketing e project management e ha conoscenze basilari di sociologia, psicologia e scienze cognitive. Fornisce indicazioni chiare e precise agli altri reparti, per far sì che il prodotto finale sia quanto di più vicino possibile alle necessità ultime del cliente. Web Design

WordPress e altri CMS Un content management system, in acronimo CMS (sistema di gestione dei contenuti), è uno strumento software il cui compito è facilitare la gestione dei contenuti di siti web. Infatti svincola webmaster da conoscenze tecniche specifiche di programmazione Web. I content management system sono nati negli Stati Uniti e sono stati inizialmente sviluppati, per uso interno, da alcune organizzazioni che producevano notevoli quantità di pubblicazioni. Il CMS è quindi uno strumento usato dai webmaster per gestire un sito web evitando di dover programmare dinamicamente l’intero software lato server che gestisce il sito. Generalmente offre un’interfaccia di amministrazione con cui l’amministratore può gestire ogni aspetto del sito web. Esistono CMS specializzati, cioè appositamente progettati per un tipo preciso di contenuti e CMS generici, che tendono a essere più flessibili per consentire la pubblicazione di diversi tipi di contenuti. Quando si parla di “contenuti” si intendono dati, informazioni, conoscenze, in qualsiasi forma (testo, immagine, video, musica, software, ecc.). Quando si parla di “struttura” s’intende: impaginazione, formattazione, architettura, sezioni, gestione delle modifiche e delle versioni, gerarchia e privilegi dei ruoli, ecc. Com’è logicamente strutturato un CMS? Tecnicamente, un CMS è un’applicazione lato server che generalmente si appoggia su un database per l’archiviazione dei contenuti. L’applicazione è suddivisa in due parti: una sezione di amministrazione (back end), che serve ad organizzare e supervisionare la produzione dei contenuti; una sezione applicativa (front end), che l’utente web usa per fruire dei contenuti e delle applicazioni del sito. L’amministratore del CMS gestisce tramite un pannello di controllo i contenuti da inserire o modificare. I CMS possono essere realizzati tramite programmazione in vari linguaggi web tra cui, più comunemente, ASP, PHP, Microsoft .NET; il tipo di linguaggio adoperato è indifferente a livello di funzionalità. Alcuni linguaggi rendono il CMS multipiattaforma, mentre altri lo rendono usufruibile solo su piattaforme proprietarie. La gestione dei contenuti Per un’ottimale gestione dell’informazione si affrontano le seguenti fasi: Identificazione degli utenti di back-end e dei relativi ruoli di produzione o fruizione dell’informazione, di controllo e coordinamento. Assegnazione di responsabilità e permessi a differenti categorie di utenti per distinti tipi di contenuti. Definizione delle attività di flusso di lavoro, cioè formalizzazione di un percorso per l’assemblaggio del prodotto finale. Tracciamento e gestione delle versioni del contenuto. Pubblicazione del contenuto. Definizione del palinsesto editoriale. I CMS più comuni I CMS più utilizzati sono WordPress, Joomla e Drupal.  Naturalmente ce ne sono altri che hanno avuto minor fortuna. Un CMS dedicato all’e-commerce dalle grandi potenzialità è Magento. WordPress Al momento tendo a consigliare lo sviluppo con WordPress che è relativamente semplice ed offre molte funzionalità alcune free, altre a pagamento. Web Design

Il Web Developing Il web developing è quella branca che  si occupa di “trasformare” in codice ciò che il web designer crea, integrando tutte le infrastrutture che permettono a una pagina web di funzionare e interagire correttamente con l’utente. Un web developer ha una solida conoscenza di linguaggi come PHP, JavaScript e Jquery e comprende l’interazione con i database di tipo relazionale. Professioni che interagiscono Non è affatto raro che oggi molti web developer si occupino anche di web design, e viceversa (in effetti è il mio caso). Conoscere entrambe le discipline aiuta a organizzare meglio il proprio lavoro e soddisfare con maggior consapevolezza tutte le esigenze del cliente. In quanto non esiste pagina web che non coinvolga sia l’una che l’altra specializzazione. Un mondo in evoluzione In questi ultimi anni lo sviluppo dei siti web ha preso due strade distinte: la progettazione da 0 di un sito a misura del cliente l’utilizzo di CMS che sono dei gestori di contenuti, di cui a breve sarà pubblicato un approfondimento. La scelta fra queste due possibilità dipende dalle esigenze del Cliente e dalle circostanze. I punti di forza Quali sono i punti di forza di un sito web vincente? E che  requisiti che dovrebbe avere?  E come scegliere il professionista “competente” nella giungla del mercato? Alla luce della tecnologia attualmente disponibile i siti che progetto sono: Responsive Layout Il termine Responsive Web Design viene utilizzato per indicare una particolare tecnica di Web design per la realizzazione di siti web in modo che le pagine adattino automaticamente il layout a seconda del dispositivo di visualizzazione usato. Sviluppati con il linguaggio di mark-up Html5 In informatica l’HyperText Markup Language 5 (HTML) è il linguaggio di markup solitamente usato per i documenti ipertestuali disponibili nel World Wide Web. L’HTML 5 non è un linguaggio di programmazione in quanto non prevede alcuna definizione di variabili, strutture dati, funzioni, strutture di controllo. Ma è solamente un linguaggio di markup che descrive le modalità di impaginazione, formattazione o visualizzazione grafica del contenuto, testuale e non, di una pagina web attraverso tag di formattazione. Personalizzati con i fogli di stile CSS3 Il CSS,Cascading Style Sheets o Fogli di stile, è un linguaggio informatico usato per definire la formattazione di documenti HTML, XHTML e XML ad esempio in siti web e relative pagine web. Le regole per comporre il CSS sono contenute in un insieme di direttive (Recommendations) emanate a partire dal 1996 dal W3C. Inoltre l’introduzione del CSS si è resa necessaria per separare i contenuti dalla formattazione e permettere una programmazione più chiara e facile da utilizzare, sia per gli autori delle pagine HTML che per gli utenti. Attualmente è in uso la versione CSS 3. Ottimizzati per il Web Tutti i media (grafica, immagini e video) caricati nel sito sono ottimizzati per migliorare la qualità della navigazione Pronti per il Web Marketing ed il SEO Ogni sito viene progettato in modo da permettere la corretta indicizzazione dei contenuti delle pagine da parte di Google e degli altri motori di ricerca, in più viene iscritto a Google Analytics per valutarne la visibilità. Web Design

Il Web Design Il web design è focalizzato sull’estetica di un sito web. Un web designer è un creativo, quasi sempre esperto di grafica e con un un particolare gusto per l’accostamento di colori, forme e tipografia. Utilizza principalmente l’emisfero destro del cervello, associato a creatività, intuizione e immaginazione. Per diventare un web designer è fondamentale avere una conoscenza approfondita della piattaforma Adobe Creative Cloud per creare layout, e saper padroneggiare linguaggi come HTML5 e CSS3, direttamente associati alla struttura e all’aspetto estetico del sito. Come già anticipato nell’introduzione la realizzazione di un sito è un’operazione che coinvolge e fonde diverse competenze quali design, programmazione e usabilità. Il prodotto finale deve essere: gradevole, di facile esplorazione, presentare in maniera chiara i propri contenuti essere utilizzabile in sicurezza e con semplicità. Requisiti utili per il web design capacità di progettazione, sintesi, gusto estetico (look and feel) e creatività più o meno spiccata, studio dell’interattività dei siti internet, usabilità e accessibilità per consentirne un accesso uniforme, nonché visibilità e diffusione tramite canali internet quali social network, circuiti pubblicitari, motori di ricerca, e così via. Works Di seguito una carrellata di miei progetti. Di Design DiDesign Descrizione del ProgettoCatalogo on line delle proposte di arredamento di DiDesign,  perfettamente strutturato. E’ stata prevista un’area riservata per il dowload dei cataloghi ed altro materiale documentario.Caratteristiche tecnicheIl sito è stato realizzato con:Html 5/PhpBootstrap. CSS3.Il sito è responsive, cioè visibile… SCOPRI Corsini Night Experience Corsini Night Experience Descrizione del ProgettoCatalogo on line delle proposte di Corsini Night Experience. In più c’è un’ampia sezione di approfondimento per quanto riguarda l’argomento “sonno”.Ci sono moltissimi video e materiali scaricabili.Caratteristiche tecnicheIl sito è stato realizzato con:Html 5/PhpMySqlBootstrap. CSS3.Il sito… SCOPRI Il Mercante di Caffè Il Mercante di Caffè Descrizione del Progetto Presentazione di una linea di negozi di caffè disseminati in Nord-Italia E’ stata prevista un’area riservata per il dowload dei cataloghi ed altro materiale documentario. Caratteristiche tecniche Il sito è stato realizzato con:… SCOPRI International Au Pair Italy International Au Pair Descrizione del Progetto Presentazione dell’attività di un’Agenzia per la ricerca e la selezione di ragazze alla pari e famiglie ospitanti. E’ stata prevista un’area riservata per la gestione delle pratiche di iscrizione aupair/famiglie ospitanti. Caratteristiche tecniche Il… SCOPRI Eleonora Cocomazzi Eleonora Cocomazzi Descrizione del ProgettoIl sito presenta l’attività di una giovane designer italiana.E’ molto interattivo ed è tradotto in due lingueCaratteristiche tecnicheIl sito è stato realizzato con:WordpressIl sito è responsive, cioè visibile su tutti i media (PC/Mac, Tablet, Smartphone) Works SCOPRI Tiche Tiche Descrizione del ProgettoCatalogo on line delle opere d’arte in  porcellana prodotte dalla ditta Tiche, con un’ampia sezione di approfondimento sulle varie lavorazioni.Il sito è tradotto in tre lingue.Caratteristiche tecnicheIl sito è stato realizzato con:Html 5/PhpBootstrap. CSS3.Il sito è responsive, cioè… SCOPRI Ponti Terenghi Ponti Terenghi Descrizione del ProgettoCatalogo on line delle due linee prodotto della ditta Ponti Terenghi s.r.l.  Il sito è altamente personalizzato e contiene un grande numero di animazioni per migliorare l’esperienza dell’utente.Il sito è bilingue.Caratteristiche tecniche Il sito è stato… SCOPRI Accademia Arti Orientali Accademia Arti Orientali Descrizione del ProgettoPresentazione di un’Accademia di Arti Orientali, unica nel suo genere a Saronno. Contiene una presentazione di tutte le discipline, con cenni storici.In più è visualizzabile un’archivio trentennale di foto e video.Caratteristiche tecnicheIl sito è stato… SCOPRI Silvia Ambrogio Silvia Ambrogio Descrizione del Progetto Presentazione dell’attività professionale della D.ssa Silvia Ambrogio, biologa nutrizionista. E’ possibile prenotare on-line sia le visite specialistiche che compilare la modulistica richiesta. Caratteristiche tecniche Il sito è stato realizzato con: WordPress Il sito è responsive,… SCOPRI Meroni Meroni Descrizione del ProgettoSito di presentazione della ditta Meroni, con la varie proposte commerciali presentate una grande livello di approfondimento.Il sito è tradotto in due lingue.Caratteristiche tecnicheIl sito è stato realizzato con:Html 5/PhpBootstrap. CSS3.Il sito è responsive, cioè visibile su tutti… SCOPRI Web Design