Blog Design per 'Carta e Cuci'

{Read in English...}

È con immensa gioia e un pizzico di soddisfazione che oggi vi mostro la nuova veste che ho realizzato per Carta e Cuci, il blog della “Donna della domenica”, Sabrina.
Blog Design per 'Carta e Cuci'
Per certi versi, Carta e Cuci mi ricorda me stessa. Sabrina ha mille interessi e desidera condividerli tutti quanti, conditi da tracce della sua quotidianità. Il risultato sono dei post ricchissimi ma colloquiali, scritti sempre con quel pizzico d'ironia e leggerezza che ha fatto sì che la sottoscritta diventasse una lettrice abituale.
Sabrina ha frequentato il Blog Lab e ha voluto attendere la fine del corso per capire cosa voleva esattamente per il suo spazio; infatti ha risposto con grande cura al questionario che invio a chi mi domanda un restyle, avanzando richieste estremamente sensate e funzionali.
Da questa premessa avrete intuito che è stato un autentico piacere lavorare per lei!

Sabrina ha la dote di avere un punto di vista originale e personale su qualsiasi cosa. E allora ecco che una macchinina giocattolo può diventare l'ispirazione per una palette di colori...
Blog Design per 'Carta e Cuci'
Nella pratica l'arancio dei testi è diventato più carico per motivi di leggibilità.
Quando si è trattato di creare un nuovo logo, l'header e i vari elementi grafici, ho voluto che richiamassero i due temi principali del blog: il cucito e i lavori con la carta. E allora ecco le grafie sketch e i punti d'imbastitura scarabocchiati. Ecco le trame di fili e i washi tape...
Ho cercato di mantenere lo stile flat che tanto amo, dandogli però un carattere giocoso e hand drawn.

Questo progetto mi ha dato modo d'imparare tantissime cose.
Mi sento piuttosto fiera delle intestazioni della data coi washi tape inclinati {magie dei CSS3}. Sono molto contenta di essere riuscita a creare un bel form contatti per la pagina statica, con tanto di spunta per l'informativa della privacy e di un sistema antispam che non prevede gli odiosissimi captcha.
Mi piacerebbe tornare su quest'argomento con un futuro post perché è molto importante e il modulo nei gadget di Blogger non fornisce tali opzioni.
Questo form funziona grazie al fatto che ho uno spazio server, dove ho potuto caricare il “motore” che fa partire l'invio dei messaggi.
Blog Design per 'Carta e Cuci'
Per la prima volta ho anche creato l'adattamento mobile. In realtà si tratta per metà di un adattamento mobile e per metà responsivo...
Per come sono fatti i gadget di Blogger non è stato semplicissimo, perché alcuni di essi prendono già di per loro delle impostazioni quando si sceglie la visualizzazione mobile. E se da un lato a questi ho dato una semplice modificata nello stile, per tutto il resto ho dovuto impiegare i sistemi che uso per i siti normalmente. Non so se ho seguito il metodo migliore e probabilmente mi affinerò nei prossimi lavori, ma l'importante è che funzioni!
Blog Design per 'Carta e Cuci'
Una piccola chicca: l'icona in stile app quando si aggiunge il blog tra i preferiti su smartphone o tablet!
Ho anche implementato il dominio sul blog di Sabrina, così come ho fatto per il mio. Comunque ribadisco: tutorial in arrivo!
Per finire, ho creato le immagini di profilo e di copertina per i vari social network usati da Sabrina in relazione al blog: presto le vedrete nelle sue pagine...

Concludo ringraziando Sabrina per tutta la fiducia che mi ha accordato. Spero che continueremo a mantenere il rapporto di confidenza che si è venuto a creare fra di noi, mail dopo mail, e le porgo anche qui i miei migliori auguri affinché i suoi progetti si concretizzino entro i tempi che si è prefissata... se non prima!
Sarebbe bello se la nuova immagine studiata insieme l'aiutasse anche in questo senso...
Spero che il mio lavoro piaccia anche a voi e che vorrete seguire Carta e Cuci, se già non lo facevate ;)

A presto!

PS. È doveroso per me ringraziare Simona, a cui ho mostrato il blog in anteprima per avere il suo preziosissimo parere. Mi ha fornito tanti consigli tecnici {come la scelta del plugin per lo slider in home page}... ma soprattutto tanto, tanto supporto morale!

35 commenti:

  1. ed ora credo che mi metterò a piangere per la commozione!!

    Silvia, grazie di cuore!

    Te l'ho scritto tipo 425 volte ma non smetterò mai di farlo.

    Grazie.
    Sei una professionista precisa ed efficiente. Oltre che una ragazza brava, simpatica (e bella!).

    Ora ci devo prendere le misure, è un giocattolo così bello che ho il timore di romperlo... naaaa, scherzavo ci starò attenta e non farò danni! (per lo meno lo spero).

    RispondiElimina
    Risposte
    1. Aiuto, guarda che così fai commuovere me!!! :D
      Spero comunque di averti messo tra le mani un giocattolino sicuro, forse non come quelli per la fascia 0-3 anni, ma... quasi! E spero che possa essere altrettanto divertente...

      Elimina
  2. Bellissimo!!! Complimenti davvero!

    RispondiElimina
  3. Adoro i colori che avete scelto!
    Complimenti Silvia, sei sempre più brava! :D

    RispondiElimina
  4. Tu sai come la penso sulla citazione, ma ti ringrazio. A dire il vero con questo blog a cui hai fatto il restyle, penso proprio che tu abbia portato una ventata di novità, e soprattutto tante domande, del tipo...come caspiterina-ina-ina hai fatto l'icona da inserire sul display del cellulare?????????? Ma io te lo invidio sta cosa, perchè con il mobile ancora non mi ci sono messa, quindi aspetto il tutorial anche di questo!!!!!!!!!!
    Cara Sabrina non potevi capitare in mani migliori ;) (e sono nuova follower :P)

    RispondiElimina
    Risposte
    1. Il mobile è una bella sfida: spesso rendere un sito mobile-friendly porta a tanti compromessi nella scelta del design... però ormai c'è davvero chi naviga solo dallo smartphone e bisogna venir loro incontro... Spero di migliorare su questo fronte perché per ora mi sento anni luce lontana dalla perfezione, ma ogni giorno s'impara qualcosina e man mano si mettono insieme i pezzi :)
      Sono certa che non avrai problemi quando ti ci metterai: ti usciranno delle meraviglie come al solito ;)

      Elimina
  5. Bravissima Silvia, hai creato un template davvero semplice ma divertente allo stesso tempo!

    RispondiElimina
    Risposte
    1. Io sono una grande fan delle cose semplici :)
      Per Sabrina era poi d'obbligo creare un look divertente, com'è lei.
      Grazie Simona!

      Elimina
  6. L'ho appena visto!Sei stata proprio brava!

    RispondiElimina
    Risposte
    1. Sono stracontenta che ti piaccia, davvero :)
      E grazie per il commento che hai lasciato da Sabrina!

      Elimina
  7. Ciao Tine hai fatto un bellissimo lavoro! =)
    Dani

    RispondiElimina
    Risposte
    1. Grazie mille Daniela!!! È sempre stupendo lavorare per un blog di cui sono lettrice :)
      Buon weekend

      Elimina
  8. è davvero carino ^^ sarò fissata ma la prima cosa che noto in un blog è la grafica, se è bella sono 1000 volte più convinta a rimanere e a leggere tutti i post ^_^

    RispondiElimina
    Risposte
    1. Lo stesso vale per me Alessia :) In realtà seguo anche blog la cui grafica non mi convince, ma devono avere contenuti veramente, veramente eccezionali per convincermi...

      Elimina
  9. Questo blog è assolutamente carinissimo! Hai fatto uno splendido lavoro complimenti! I washi tape sono spettacolari!

    RispondiElimina
  10. Ma che bello! E l'icona tra le app?!!! Bello bello molto adatto a carta e cuci... :-)

    RispondiElimina
  11. Complimenti Silvia,
    sono andata a vedere il blog di carta e cuci che non conoscevo (e me ne scuso) ed è fantastico!
    Complimenti!!!!
    Un abbraccio
    Nunù

    RispondiElimina
  12. Carinissimo!! Mi piacciono da morire la data e la scritta "autore" sul washi tape *____*
    Il blog non lo conoscevo, ma ovviamente me ne sono innamorata e lo sto spulciando per bene (beh, mi si mettono post sul mokaccino, non poteva che essere colpo di fulmine!)

    RispondiElimina
    Risposte
    1. Toh, un'altra mokaccino-addicted ;D Quando andavo a scuola e all'università non esisteva che non ne bevessi almeno 2 al giorno XD

      Elimina
  13. sei stata davvero brava!! la data sul washi tape poi è super bella!
    anche io dovrei mettermi lì a trastullare con il mobile (che detto così suona proprio male uahahaha) ma ancora non ne ho avuto modo T_T

    RispondiElimina
    Risposte
    1. Anch'io per il mio devo ancora farlo! Mi rode tantissimo, ma non ho mai tempo :(

      Elimina
  14. Hai fatto un ottimo lavoro, complimenti! ^_^

    RispondiElimina
  15. E' stupendo, sei stata bravissima! *.*

    RispondiElimina
  16. Hai fatto un ottimo lavoro per il blog di Sabrina! Si meritava una casina nuova bella bella e sono felice che abbia scelto te per la sua grafica! Io la adoro quella donna ed e' sempre un piacere laggere delle sue avventure quotidiane, a volte mi fa morir da ridere!

    Per quanto riguarda il mobile-friendly design, mi fai sentire una ignorantona perche' io non avendo cellulare, figurati il tablet, non saprei proprio da che parte incominciare. Posso chiederti una cosa? Ma come appare il mio blog da un mobile device? Curiosissima io...


    Concludo dicendo BRAVE ad entrambe! Silvia, diventi sempre piu' brava!! Grazie della condivisione! Un baciotto, alex

    RispondiElimina
    Risposte
    1. Ciao Alex! Innanzitutto grazie: un giudizio positivo da parte tua, di Simona e da chi altri si occupa di blog e web design era fondamentale per me, anche perché sono ancora molto insicura :D
      Per quanto riguarda il mobile, non ti nascondo che avere proprio il device "fisico" aiuta tantissimo. Io ho sia lo smartphone (ciofeca) che il tablet (del mio compagno) e, per esempio, solo grazie a questo so che dal browser del tablet i blog di Blogger prendono la visualizzazione da desktop, mentre io pensavo quella mobile!
      Esistono comunque dei "simulatori" che permettono di vedere come appare un sito su diverse risoluzioni, gli standard per i vari dispositivi in commercio. Queste visualizzazioni si chiamano "viewport". I simulatori non sono perfetti al 100%; infatti, nel caso di Carta e Cuci, la freccina che rimanda alla lettura del post intero è troppo in alto rispetto a com'è in realtà (se apro il blog dallo smartphone vero la freccia è centrata rispetto al corpo del testo). Però forniscono un grande aiuto. Io per esempio ho messo diverse immagini per l'header, perché fosse sempre proporzionato rispetto alle dimensioni del viewport. Mi sono complicata la vita, ma così mi piace molto di più :D
      Ti consiglio di provare Responsinator per fare le prove. S'inserisce l'URL di qualsiasi sito in alto a sinistra e via. Però per Blogger, se il blog ha attiva una visualizzazione mobile, devi mettere alla fine dell'URL "/?m=1".
      Ti mostro la visualizzazione per Carta e Cuci:
      http://www.responsinator.com/?url=http%3A%2F%2Fwww.cartaecuci.it%2F%3Fm%3D1
      Ed ecco la tua:
      http://www.responsinator.com/?url=www.cecrisicecrisi.blogspot.it%2F%3Fm%3D1
      Tu hai la visualizzazione mobile semplice e nel caso del tuo blog funziona benissimo! Magari cambierei giusto il colore dei link, che sono azzurri e non c'entrano niente col tuo design. Se invece vuoi vedere come appare il blog da dispositivo mobile con la visualizzazione desktop (che è quello che ottieni se la disattivi dalla pagina "modello" di blogger) ti basta togliere il "/?m=1" alla fine dell'URL.
      Comunque se deciderai di darti allo studio di design fluido e media queries sai dove trovarmi :) Almeno sui principi base sono ferrata... anche se c'è taaaaaaanto da approfondire!

      Elimina
    2. Ecco, io ti ringrazio per la spiegazione piu' che esauriente ma mi sento ancora piu' ignorante di prima! Comunque grazie del consiglio, cambiero' sicuramente il colore dei link da mobile e grazie per avermi segnalato responsinator, mi aiutera' anche in futuro. Sei veramente disponibile.

      In pratica mi sono copiata la tua risposta in notepad e adesso me la studio per bene.

      Certo che la mia scelta di vita semplice ed essere una downshifter non mi aiutano di certo in questo mestiere che mi sono scelta... povera me! Ti abbraccio che piu' forte non si puo' e ti ringrazio, ancora una volta. Alex

      Elimina
  17. Ragazze, sono stata via due giorni e non so bene da che parte cominciare per ringraziarvi tutte! Mi date molto sicurezza coi vostri apprezzamenti e sono contentissima che alcune di voi abbiano fatto la conoscenza di Sabrina in quest'occasione :)

    RispondiElimina
  18. Ciao, arrivo un po' tardi, ma volevo comunque dirti che il blog di Sabrina adesso è davvero stupendo! : )
    Complimenti e un bacione

    RispondiElimina
  19. Ecco finalmente svelato il tuo lavoro...ed è veramente un super lavoro, complimenti! Si vede che è curato nei minimi dettagli :)
    un bacione!

    RispondiElimina
  20. Ottimo lavoro. Complimenti. Passa da me, c'è qualcosa per te. Buona giornata. Tina

    RispondiElimina
  21. Naturalmente ho avuto modo di ammirarlo per bene, visto che quello di Sabrina è uno dei blog che amo di più.
    Risultato superlativo.

    RispondiElimina

Ti ringrazio per il tuo commento: mi stai dedicando due minuti del tuo tempo e lo apprezzo immensamente!
I commenti vengono modrerati, perciò non sono visibili appena inviati.
Mi riservo il diritto di cancellare messaggi:
• offensivi, diffamatori e/o volgari;
• a sfondo esplicitamente politico;
• pubblicitari;
• che richiedono 'follow 4 follow': seguimi se ti fa piacere, io farò altrettanto!

Related Posts Plugin for WordPress, Blogger...