Displaying items by tag: responsive design
Studio parrucchieri
Questa era una proposta per realizzare un nuovo sito web responsive per uno studio di parrucchieri.
Anche in questo caso il web design era stato pensato per essere facilmente adattato a tutti i dispositivi mobile e facilmente aggiornabile nel tempo.
Ricordiamo sempre a tutti che avere un sito responsive è una delle cose più importanti!
Casa del Materasso
Grafica personalizzata per un sito web completamente autogestibile.
Di seguito la proposta del web design per la pagina principale che però poi è stata modificata nella versione finale.
Anche in questo caso avevamo programmato il sito web per essere responsive.
Evoluzione Interni
Anche in questo caso ci hanno richiesto una grafica molto semplice di tipo flat design, con la possibilità di inserire facilmente nuove immagini per costruire un portfolio.
Chiaramente il sito web è stato programmato per essere responsive, e quindi per visualizzare i contenuti al meglio sui dispositivi mobile.
Gigante Federico
Per l'attività di Gigante Federico è fondamentale presentare i servizi ad i propri potenziali clienti nel modo più immediato e chiaro possibile.
Altrettanto importante è comunicare la propria esperienza e professionalità; questo si più fare in vari modi, ed in questo caso si è scelto di implementare nel sito web la sezione NEWS poter potervi inserire novità del settore, ed informazioni utili che possano aiutare e consigliare i potenziali clienti.
La grafica è di tipo flat design, semplice e chiara.
Chiaramente il sito web è stato programmato per essere responsive, e quindi per visualizzare i contenuti al meglio sui dispositivi mobile.
Google posiziona meglio i siti web ottimizzati per gli smartphone
Fino ad un po' di tempo fa il vostro sito web era posizionato bene nei risultati del famoso motore di ricerca GOOGLE ed da un po' non è più così?
Ormai da tempo GOOGLE ha modificato i suoi algoritmi interni dedicati al posizionamento ed indicizzazione dei siti web; in sostanza, predilige i siti web che sono mobile friendly, ovvero che abbiano una grafica responsive in grado di adattare la visualizzazione dei contenuti a seconda del dispositivo utilizzato per visualizzarli.
Non è certo la prima volta che vengono effettuati aggiornamenti ma ora più che mai, il colosso Google cerca di migliorare i suoi algoritmi interni focalizzandosi sugli aspetti mobile.
Amplia ulteriormente i suoi sforzi per cercare di assicurare una migliore esperienza sul mobile dei siti da lui indicizzati; in particolare sugli smartphone.
Google amplifica quindi ulteriormente la rilevanza data alla compatibilità dei siti web con i dispositivi mobile. Quei siti web che hanno un web design ed una struttura NON mobile friendly vengono penalizzati sulle Serp. Per i più neofiti questi si traduce in un peggioramento del posizionamento nei risultati.
Avete ancora un sito web con una tecnologia FLASH? Avete un sito che se aperto dal uno smartphone non è leggibile perché le scritte sono molto piccole ed alcune parti escono dallo schermo?
Ebbene sappiate che ora il vostro sito verrà ancora più penalizzato. E non importa se poi la maggior parte dei vostri visitatori la aprono da desktop. Google comunque lo penalizzerà a favore di siti più moderni e responsive.
Ma come posso sapere se il mio sito è mobile friendly?
Ecco un link ad una pagina di Google Developer ove potrete inserire l'indirizzo del vostro sito e scoprire se passa il test.
Se l'esito è negativo potrebbe essere il momento buono per aggiornare il vostro vecchio sito web.
Come realizzare struttura web design responsive
Progettare e realizzare web design di tipo responsive, utilizzando lo stile flat design, rappresenta oggi un grande interesse, soprattutto per chi vuole costruire siti web ottimizzati anche per i dispositivi mobile.
Per avere una maggiore ottimizzazione, della struttura e del codice, la scelta migliore, è sempre quella di costruire da zero. Questo però implica una maggiore approfondita conoscenza di tutti gli aspetti coinvolti, ed un investimento maggiore come tempo e risorse.
Fortunatamente, l'esistenza dei framework, ci viene in aiuto; semplificandoci la vita, risparmiando tempo e fornendoci un ampio supporto lungo la strada.
Tra i molti framework disponibili, uno sicuramente spicca fra tutti BOOTSTRAP.
Attualmente è disponibile la versione 3.1.1
Dalla v3, sono state introdotte diverse novità...
- utilizzo del flat design
- il mondo mobile al primo posto; viene data maggiore priorità al mondo mobile
- nuovi modelli per i box
- migliorato il sistema a griglia
- .....
- .....
- .....
L'approccio 'mobile first', comporta il mettere al primo posto il responsive design; fondamentale se si vuole realizzare un sito web, realmente usabile su tablet e smartphone.
Il layout, utilizzato come default, è fluido. Questo vuol dire che l'unità di misura principale è il percentuale.
Certo è possibile non utilizzare queste caratteristiche, ma è una scelta che si potrebbe ritorcere contro noi stessi. Qualsiasi siano gli obiettivi del sito, difficilmente potranno essere raggiunti, se il sito non sarà utilizzabile su un cellulare o su un tablet
Online vi è un'ampia comunità, che ruota attorno a Bootstrap. E' quindi molto facile reperire guide approfondite, manuali, esempio, e supporto di vario tipo.
Nel sito ufficiale getbootstrap.com, potrete trovare i link per il download, la documentazione ufficiale, e molto altro.