Scuola Mohole—Corso Wordpress Basic—Ho seguito le consegne cercando un tema consono alle richieste, ho inserito i loghi che ci sono stati consegnati sia nella home che come favicon.Ho cercato un video con un audio che accompagnasse tutta la visione della pagina.Dopodichè ho personalizzato interamente ogni sezione, soprattutto usando il css, sfruttando i plugin:yellow pencil editor e live css.Le foto nelle sezioni portfolio ed our team sono tutte modificate tramite photoshop e adattate, quelle in our team sono anche originali, scattate e modificate da me.Il font usato per l'intera pagina è 'montserrat', la palette colori l'ho presa da adobe color, una scala di grigi e neri e come colore contrastante un viola nella scritta INDEX PLUS quando si scorre la pagina.Infine anche la sezione About è stata modificata.Alunno: Giulio Bergamo 

L'esame finale consisteva nell'ideazione e nella creazione di un sito web per l'agenzia Index Plus.L'azienda necessita di aumentare la propria brand identity online, per questo si è affidata ad un'agenzia di comunicazione esterna per il restyling del sito web in modo da aumentare le visite e, di conseguenza, i potenziali clienti.L'ideazione del sito parte da un'idea di progettazione Onepage in modo da rendere chiaro fin da subito all'utente cosa offre l'agenzia e cosa ha già prodotto.Particolare attenzione è stata data ai social network, come richiesto dall'agenzia stessa, essi sono stati infatti inseriti all'interno di:- Header- Team (ogni dipendente ha i propri profili social sul sito)- FooterVenendo alla struttura del sito esso si configurerà attraverso la seguente struttura:

ConsegnaRealizzare un sito web per IndexPlus, una design agency con target di riferimento medio-alto.Linee guida vincolanti sono l'utilizzo del font Montserrat, l'impiego di una palette cromatica a tre colori, di cui uno in contrasto con gli altri, la presenza di quattro sezioni (home, about, portfolio, contact) e l'inserimento di link ai profili social dell'agenzia.Sviluppo progettoNella realizzazione del sito si adotterà un layout one-page, per conferire maggiore evidenza al contenuto si è scelto di mantenere la struttura più lineare possibile. La palette colori richiama una scelta effettuata ancora una volta in base a criteri di chiarezza e linearità.

Brief - IntroL’agenzia **Index Plus**, fondata nel 2014 necessita di imprimere la propria immagine e il proprio know-how all’interno del World Wide Web. Dopo 12 mesi di attività si sono resi conto che l’attività del commerciale presente all’interno del Team (Account) riesce da solo a mantenere in positivo il bilancio societario, motivo per cui l’agenzia ha ampliato il suo organico assumendo 3 nuove figure professionali entrando nel cosiddetto rischio d’impresa successivo che potrà portare l’azienda oltre che a strutturarsi, anche a mirare a un target di maggior prestigio.L’Agenzia si muove all’interno del digitale, occupandosi solo della parte visiva degli artefatti, quindi tutto ciò che riguarda la natura di tipo programmatica è esterna all’azienda, motivo per  il quale potrebbe nascere una collaborazione se la creazione del sito risulterà efficiente.L’azienda ha quindi la necessità di cominciare a ottenere anche utenze tramite il sito web e la visualizzazione dello stesso.I canali social sono di fondamentale importanza all’interno della struttura. (Un Social Media Manager è appena stato assunto per sopperire a questa mancanza).Pubblico di riferimentoIl target di riferimento è medio alto. L’azienda con questo investimento mira a consolidare la proprio utenza di basso profilo ed incrementare i progetti in entrata spostando l’attenzione su azienda di calibro maggiore.Immagine CoordinataL’agenzia vista l’ammontare dei progetti in uscita non ha mai sviluppato una vera e propria immagine coordinata.Sono tuttavia presenti alcune linee guida:1. Montserrat nei suoi vari pesi (disponibile su google fonts)2. Utilizzo di una palette che comprende l’utilizzo di 3 colori, uno dei 3 in completo contrasto con i due principali, che possono tenere la stessa tonalità.PagineLe pagine di cui l’azienda necessità sono 4:1. Home (non sono presenti particolari restrizioni)2. Chi Siamo/About (Immagine e testo e figure professionali elencate: 1 Illustratore, 2 Graphic Designer, 1 Account Manager, 1 Social Media Manager)3. Portfolio4. ContactAll’interno di queste pagine utilizzare testo placeholder/finto.Verrà fornito solo in seguito. (ogni studente può ipotizzarlo autonomamente)Motivare le scelte.PresentazioneL’elaborato andrà presentato entro una settimana attraverso un articolo su Authorea, con le medesime modalità utilizzate precedentemente.Iniziare il documento con questa intestazione:Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo Frigeni

Brief - IntroL’agenzia **Index Plus**, fondata nel 2014 necessita di imprimere la propria immagine e il proprio know-how all’interno del World Wide Web. Dopo 12 mesi di attività si sono resi conto che l’attività del commerciale presente all’interno del Team (Account) riesce da solo a mantenere in positivo il bilancio societario, motivo per cui l’agenzia ha ampliato il suo organico assumendo 3 nuove figure professionali entrando nel cosiddetto rischio d’impresa successivo che potrà portare l’azienda oltre che a strutturarsi, anche a mirare a un target di maggior prestigio.L’Agenzia si muove all’interno del digitale, occupandosi solo della parte visiva degli artefatti, quindi tutto ciò che riguarda la natura di tipo programmatica è esterna all’azienda, motivo per  il quale potrebbe nascere una collaborazione se la creazione del sito risulterà efficiente.L’azienda ha quindi la necessità di cominciare a ottenere anche utenze tramite il sito web e la visualizzazione dello stesso.I canali social sono di fondamentale importanza all’interno della struttura. (Un Social Media Manager è appena stato assunto per sopperire a questa mancanza).Pubblico di riferimentoIl target di riferimento è medio alto. L’azienda con questo investimento mira a consolidare la proprio utenza di basso profilo ed incrementare i progetti in entrata spostando l’attenzione su azienda di calibro maggiore.Immagine CoordinataL’agenzia vista l’ammontare dei progetti in uscita non ha mai sviluppato una vera e propria immagine coordinata.Sono tuttavia presenti alcune linee guida:1. Montserrat nei suoi vari pesi (disponibile su google fonts)2. Utilizzo di una palette che comprende l’utilizzo di 3 colori, uno dei 3 in completo contrasto con i due principali, che possono tenere la stessa tonalità.PagineLe pagine di cui l’azienda necessità sono 4:1. Home (non sono presenti particolari restrizioni)2. Chi Siamo/About (Immagine e testo e figure professionali elencate: 1 Illustratore, 2 Graphic Designer, 1 Account Manager, 1 Social Media Manager)3. Portfolio4. ContactAll’interno di queste pagine utilizzare testo placeholder/finto.Verrà fornito solo in seguito. (ogni studente può ipotizzarlo autonomamente)Motivare le scelte.PresentazioneScuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo Frigeni

Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo Frigeni

L'esigenza di offrire un prodotto in diversi ambiti, è sicuramente una pratica che consente di raggiungere il proprio target in maniera efficacee produttiva possibile.Ogni studente seguendo le nozioni ricevute durante le lezioni seguite fino ad ora è chiamato a sviluppare un website che presenti un dato prodotto (a discrezione dello studente) e mostrarne nelle caratteristiche inerenti ad esso. Interessante sarà sicuramente l'inserimento di funzionalità che non saranno strettamente legate all'installazione di base e al tema selezionato.Lo stile grafico-visivo sarà sicuramente un punto che all'interno di questa esercitazione avrà sicuramente importanza, quanto la creazione di una sitemap che aiuterà lo studente identificato nella figura del web designer a creare un'architettura informativa coerente e producente.Il tutto presentato tramite screenshot ed argomentazione, successivamente revisionate in classe.Ecco alcuni dei link presentati in classe a livello bibliografico:abookapart.comalistapart.comitalianalistapart.it

Come Creare un sito di e-commerce online.1* Il primo passaggio che ho fatto è stato quello di trovare un team adatto alle mie esigenze. ho scelto quindi il Tema " Shop Isle "                                                                                                                                                                                                                                                                                                                                                                           

Ciao Camillo, il prodotto che ho scelto per la realizzazione del Product Website è ilnuovo modello di scarpe "Victor SH-A920", impiegate esclusivamente in sport quali Badminton, Squash e Tennis.Per prima cosa, al fine di pianificare il lavoro al meglio, ho sviluppato una mappatura del sito web che avevo intenzione di creare, servendomi di XMind, successivamente ho proceduto con la scelta di un tema, l'organizzazione grafica e l'impiego di svariati plugins uniti all'uso del codice CSS al fine di rendere quanto più versatile possibile il tema scelto inizialmente.

L'esigenza di offrire un prodotto in diversi ambiti, è sicuramente una pratica che consente di raggiungere il proprio target in maniera efficacee produttiva possibile.Ogni studente seguendo le nozioni ricevute durante le lezioni seguite fino ad ora è chiamato a sviluppare un website che presenti un dato prodotto (a discrezione dello studente) e mostrarne nelle caratteristiche inerenti ad esso. Interessante sarà sicuramente l'inserimento di funzionalità che non saranno strettamente legate all'installazione di base e al tema selezionato.Lo stile grafico-visivo sarà sicuramente un punto che all'interno di questa esercitazione avrà sicuramente importanza, quanto la creazione di una sitemap che aiuterà lo studente identificato nella figura del web designer a creare un'architettura informativa coerente e producente.Il tutto presentato tramite screenshot ed argomentazione, successivamente revisionate in classe.Ecco alcuni dei link presentati in classe a livello bibliografico:abookapart.comalistapart.comitalianalistapart.itEsecuzione esercizioIl prodotto scelto consiste nelle cuffie QuietComfort 35 Wireless di Bose.Dopo aver analizzato l'organizzazione del sito ufficiale è stata prodotta la sitemap, in modo da strutturare visivamente i contenuti disponibili. 

Ho preso il marchio di jeans dondup per il mio sito.Ho creato un e-commerce cercando un tema sullo store di wordpress, ho usato il filtro e-commerce per arrivare subito al tema che più si adattava alle mie esigenze, inserendo anche una pagina di descrizione del marchio.Successivamente ho installato il plugin Woocommerce, che già di per sè ha tutto quello che serve per creare il proprio sito e-commerce.Infine ho installato anche ultimate social media icons per personalizzare nel footer la barra dei social.

Nella realizzazione del sito vetrina ho scelto il nuovo prodotto fitbit charge hr 2.Come prima cosa ho creato una mappa illustrativa con le funzionalità principali del sito in modo da seguire uno schema preciso in fase di progettazione.

Ogni studente è invitato a selezionare due delle tipologie affrontate durante la lezione, e creare un elaborato analitico grafico - testuale,  considerando che dalle scelte effettuate, si procederà nelle lezioni successive con quelle che sono le parti più inerenti alla progettazione di una vera e propria piattaforma.Schemi di classificazione:TemporaleAlfabeticoGeograficoFormatoorganigrammaTaskPubblicoSubject Topic

Ogni studente è invitato a selezionare due delle tipologie affrontate durante la lezione, e creare un elaborato analitico grafico - testuale,  considerando che dalle scelte effettuate, si procederà nelle lezioni successive con quelle che sono le parti più inerenti alla progettazione di una vera e propria piattaforma.Schemi di classificazione:TemporaleAlfabeticoGeograficoFormatoorganigrammaTaskPubblicoSubject Topic

Ogni studente è invitato a selezionare due delle tipologie affrontate durante la lezione, e creare un elaborato analitico grafico - testuale,  considerando che dalle scelte effettuate, si procederà nelle lezioni successive con quelle che sono le parti più inerenti alla progettazione di una vera e propria piattaforma.Schemi di classificazione:TemporaleAlfabeticoGeograficoFormatoorganigrammaTaskPubblicoSubject Topic

Brief - IntroL’agenzia **Index Plus**, fondata nel 2014 necessita di imprimere la propria immagine e il proprio know-how all’interno del World Wide Web. Dopo 12 mesi di attività si sono resi conto che l’attività del commerciale presente all’interno del Team (Account) riesce da solo a mantenere in positivo il bilancio societario, motivo per cui l’agenzia ha ampliato il suo organico assumendo 3 nuove figure professionali entrando nel cosiddetto rischio d’impresa successivo che potrà portare l’azienda oltre che a strutturarsi, anche a mirare a un target di maggior prestigio.L’Agenzia si muove all’interno del digitale, occupandosi solo della parte visiva degli artefatti, quindi tutto ciò che riguarda la natura di tipo programmatica è esterna all’azienda, motivo per  il quale potrebbe nascere una collaborazione se la creazione del sito risulterà efficiente.L’azienda ha quindi la necessità di cominciare a ottenere anche utenze tramite il sito web e la visualizzazione dello stesso.I canali social sono di fondamentale importanza all’interno della struttura. (Un Social Media Manager è appena stato assunto per sopperire a questa mancanza).Pubblico di riferimentoIl target di riferimento è medio alto. L’azienda con questo investimento mira a consolidare la proprio utenza di basso profilo ed incrementare i progetti in entrata spostando l’attenzione su azienda di calibro maggiore.Immagine CoordinataL’agenzia vista l’ammontare dei progetti in uscita non ha mai sviluppato una vera e propria immagine coordinata.Sono tuttavia presenti alcune linee guida:1. Montserrat nei suoi vari pesi (disponibile su google fonts)2. Utilizzo di una palette che comprende l’utilizzo di 3 colori, uno dei 3 in completo contrasto con i due principali, che possono tenere la stessa tonalità.PagineLe pagine di cui l’azienda necessità sono 4:1. Home (non sono presenti particolari restrizioni)2. Chi Siamo/About (Immagine e testo e figure professionali elencate: 1 Illustratore, 2 Graphic Designer, 1 Account Manager, 1 Social Media Manager)3. Portfolio4. ContactAll’interno di queste pagine utilizzare testo placeholder/finto.Verrà fornito solo in seguito. (ogni studente può ipotizzarlo autonomamente)Motivare le scelte.PresentazioneL’elaborato andrà presentato entro una settimana attraverso un articolo su Authorea, con le medesime modalità utilizzate precedentemente.Iniziare il documento con questa intestazione:Scuola Mohole—Corso Wordpress Basic—Esame FinaleDocente: Camillo Frigeni

L'esigenza di offrire un prodotto in diversi ambiti, è sicuramente una pratica che consente di raggiungere il proprio target in maniera efficace e produttiva possibile.Ogni studente seguendo le nozioni ricevute durante le lezioni seguite fino ad ora è chiamato a sviluppare un website che presenti un dato prodotto (a discrezione dello studente) e mostrarne nelle caratteristiche inerenti ad esso. Interessante sarà sicuramente l'inserimento di funzionalità che non saranno strettamente legate all'installazione di base e al tema selezionato.Lo stile grafico-visivo sarà sicuramente un punto che all'interno di questa esercitazione avrà sicuramente importanza, quanto la creazione di una sitemap che aiuterà lo studente identificato nella figura del web designer a creare un'architettura informativa coerente e producente.Il tutto presentato tramite screenshot ed argomentazione, successivamente revisionate in classe.Ecco alcuni dei link presentati in classe a livello bibliografico:abookapart.comalistapart.comitalianalistapart.it

L'esigenza di offrire un prodotto in diversi ambiti, è sicuramente una pratica che consente di raggiungere il proprio target in maniera efficace e produttiva possibile.Ogni studente seguendo le nozioni ricevute durante le lezioni seguite fino ad ora è chiamato a sviluppare un website che presenti un dato prodotto (a discrezione dello studente) e mostrarne nelle caratteristiche inerenti ad esso. Interessante sarà sicuramente l'inserimento di funzionalità che non saranno strettamente legate all'installazione di base e al tema selezionato.Lo stile grafico-visivo sarà sicuramente un punto che all'interno di questa esercitazione avrà sicuramente importanza, quanto la creazione di una sitemap che aiuterà lo studente identificato nella figura del web designer a creare un'architettura informativa coerente e producente.Il tutto presentato tramite screenshot ed argomentazione, successivamente revisionate in classe.Ecco alcuni dei link presentati in classe a livello bibliografico:abookapart.comalistapart.comitalianalistapart.it