Brief esercizio. docente: Gabriele Ruscelli. dispense: www:gabrieleruscelli.com.

Transcript

1 Brief esercizio docente: Gabriele Ruscelli dispense: www:gabrieleruscelli.com

2 Queste slide Queste slides fanno parte del corso Web Design & HTML. Il sito del corso, con il materiale completo, si trova in Data la rapida evoluzione della rete, il corso viene aggiornato ogni anno. Il presente materiale è pubblicato con licenza Creative Commons Attribuzione - Non commerciale - Condividi allo stesso modo 3.0 ( by-nc-sa/3.0/it/deed.it ): La licenza non si estende alle immagini provenienti da altre fonti e alle screen shots, i cui diritti restano in capo ai rispettivi proprietari, che, ove possibile, sono stati indicati. L autore si scusa per eventuali omissioni, e resta a disposizione per correggerle.

3 Tempistiche da seguire Consegna Brief 1 7 Visual Design Schema ad albero e flussi 2 8 Visual Design Schema ad albero e flussi e Wireframe 3 9 Visual Design finalizzazione Wireframe 4 10 Revisione Look and Feel 5 11 Adattamento Responsive Visual Design 6 12 Adattamento Responsive

4 Esercizio 1 Progettare una web app per un teatro. Il sito dovrà gestire gli spettacoli, le prenotazioni e la sezione news. Le sezioni principali saranno: home, spettacoli, news, chi siamo, contatti. I biglietti sanno acquistabili da chiunque, ci potranno essere degli sconti per: Adulti sopra i 50 anni, Bambini sotto i 10 anni Ci dovrà essere una sezione dedicata alle scolaresche per avere uno sconto comitiva Il pagamento passerà tutto da paypal per comodità La sezione news sarà come un blog quindi avrà la possibilità di far commentare e condividere informazioni.

5 Esercizio 2 Progettare una web app per un negozio di foto express. Il sito dovrà far caricare le foto per poi essere stampate e spedite. Le sezioni principali saranno: home, i formati, i costi, carica. Le foto caricate dovranno essere di formato jpg, è possibile applicare dei filtri semplici (es. B/N o seppia), è possibile editarle con delle scritte che andranno in primo piano, è possibile inserire altre funzionalità. Una volta caricate il sito dovrà fornire un resoconto chiaro che indica le quantità, i formati scelti i costi etc.. etc.. Il pagamento passerà tutto da paypal per comodità Per poter usufruire del servizio bisognerà registrarsi.

6 Esercizio 3 Progettare un sito web vetrina per una agenzia Wedding Planner. Le sezioni principali saranno: home, servizi, chi siamo, contatti. Il sito web servirà per rendere nota l agenzia in questione, al fine di generare business. Al suo interno non avrà parti dinamiche e di interazione, pertanto la comunicazione dovrà spiegare e pubblicizzare in modo appropriato tutti i servizi offerti. L obbiettivo principale del sito web è far si che l utente scelga il brand come soluzione e contatta una sede per avere un preventivo più dettagliato.

7 Esercizio 4 Progettare un sito web di una Bakery Milanese. Alla piattaforma potranno essere aggiunti servizi on-line come la prenotazione del pane, servizio delivery etc etc Le sezioni principali saranno: home, prodotti, il forno, spazio benessere, dove siamo. Il brand raffigura una backery moderna con diversi prodotti che lo distinguono da un tradizionale panettiere, in aggiunta a questo si trova una ricerca dei nuovi trend per essere competitivi pur sempre mantenendo la qualità. L obbiettivo del sito è rendere la Bakery famosa, proponendo nuovi servizi e nuove attrattive.

8 Esercizio 5 Progettare un sito web e commerce per la vendita di Biciclette. È consigliabile focalizzarsi su una sola linea di biciclette creando così un sito informativo con in aggiunta la possibilità di acquisto. Le sezioni principali saranno: home, prodotti, informazioni tecniche, storia, acquista. Il sito web dovrà comunicare e pubblicizzare una linea di biciclette, necessita di una buona dose di immagini accattivanti e di testi informativi. Utile inserire una parte di informazioni tecniche facendo così trasparire le qualità del prodotto. La sezione d acquisto sarà relativa al singolo prodotto ma anche a possibili accessori.