Struttura del sito
Ho scelto di utilizzare un personaggio (il messaggero Ermes) che racconta la sua visita della città ad un interlocutore (Zeus, in cui si deve identificare l'utente del sito); la narrazione avviene secondo una cronologia lineare tuttavia l'interlocutore è "onnipossente" perché può scegliere di volta in volta  ed in ogni momento cosa vuole che il messaggero gli racconti, e dunque l'ordine delle vicende da scoprire.

Segue una schematizzazione delle pagine del sito con una spiegazione del contenuto (a grandi linee) di ognuna e con la specificazione delle matrici applicate di volta in volta (in blu).
 
 
  1. Ermes inizia la sua narrazione raccontando a Zeus del suo viaggio nella città. I due interlocutori sono qui rappresentati graficamente e viene riportato il loro dialogo tramite il discorso diretto.    
APERTO:   
sarà presente un dispositivo che visualizzi il numero di visitatori del sito (" l'elemento deve possedere un'area dove immagazzinare i dati in entrata")   
TRASPARENTE:   
l'immagine di Zeus è più grande di quella di Ermes ("Ogni parte deve avere dimensioni tali che stiano in rapporto di 2:3 con le dimensioni delle parti immediatamente prossime per dimensione")  
DISSONANTE:  
il testo è disposto secondo una linea grafica ("La base è 1/7 dell'altezza" e "L'elemento deve appoggiare in modo tale che la proiezione del baricentro sul piano di appoggio cada al di fuori dell'area di base")  
 
  La figura di Ermes è stata ruotata ("La linea principale dell'elemento deve formare con il piano orizzontale un angolo uguale o maggiore a 30 gradi")
 

2. Ermes elenca le varie tappe del suo viaggio: mappa cliccabile del sito
DISSONANTE:
foto di sfondo: ("E' necessario utilizzare un solo colore predominante che occupi la quasi totalità dell'area in modo che, a seguito del fenomeno del contrasto di simultaneità, l'occhio sia spinto a ricrearsi autonomamente il suo complementare.")
ogni link è costituito da un'immagine che allude per associazione di idee spesso poco intuibili all'argomento della pagina a cui rimanda in modo da suscitare un maggiore desiderio di visitarla; questa curiosità può risolversi solo nella pagina successiva ("L'elemento deve appoggiare in modo tale che la proiezione del baricentro sul piano di appoggio cada al di fuori dell'area di base ")
APERTO:
la mappa cliccabile visualizza la struttura del sito rendendone chiaro il funzionamento ("L'elemento deve possedere un sistema di organizzazione dei dati")
scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
una freccia suggerisce il senso di lettura del sito (Deve esistere un "prima" e un "dopo")
 

  3. Cultura
DISSONANTE:
sfondo: ("E' necessario utilizzare un solo colore predominante che occupi la quasi totalità dell'area in modo che, a seguito del fenomeno del contrasto di simultaneità, l'occhio sia spinto a ricrearsi autonomamente il suo complementare.")
il testo è disposto graficamente in tre blocchi. ("L'elemento deve appoggiare in modo tale che la proiezione del baricentro sul piano di appoggio cada al di fuori dell'area di base")
sarà presente un'immagine le cui dimensioni iniziali sono state distorte ("La base è 1/7 dell'altezza ")
viene ripetuta schematicamente (in ogni pagina) la mappa del sito ("La linea principale dell'elemento deve formare con il piano orizzontale un angolo uguale o maggiore a 30 gradi")
APERTO:
la mappa cliccabile visualizza la struttura del sito rendendone chiaro il funzionamento ("L'elemento deve possedere un sistema di organizzazione dei dati")
TRASPARENTE:
i blocchi in cui è diviso il testo hanno dimensioni prestabilite ("Ogni parte deve avere dimensioni tali che stiano in rapporto di 2:3 con le dimensioni delle parti immediatamente prossime per dimensione")
   scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
 

4. Punti di forza
DISSONANTE:
sfondo: ("E' necessario utilizzare un solo colore predominante che occupi la quasi totalità dell'area in modo che, a seguito del fenomeno del contrasto di simultaneità, l'occhio sia spinto a ricrearsi autonomamente il suo complementare.")
la pagina si conclude su di una seconda pagina ("Devono essere presenti delle parti sporgenti" e "Devono essere presenti delle parti sporgenti")
APERTO:
tornando sulla pagina dopo aver visitato il collegamento, essa sarà cambiata ma tuttavia riconoscibile ("Il sistema di rielaborazione deve essere tale che l'elemento risultante sia differente dall'elemento originario ma mantenga al contempo una certa affinità in modo da essere riconoscibile" e "Deve esistere un "prima" e un "dopo"")
il testo è stato impaginato con l'ausilio di tabelle ("L'elemento deve possedere un sistema di organizzazione dei dati")
scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
 

5. Conclusione della pagina 4
APERTO:
i dati sono contenuti in una tabella ("L'elemento deve possedere un'area dove immagazzinare i dati in entrata")
DISSONANTE:
sfondo: "I colori confinanti non hanno una linea di separazione netta ma sfumano l'uno nell'altro"
 

6. Il sogno
APERTO:
scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
DISSONANTE:
  sfondo: ("E' necessario utilizzare un solo colore predominante che occupi la quasi totalità dell'area in modo che, a seguito del fenomeno del contrasto di simultaneità, l'occhio sia spinto a ricrearsi autonomamente il suo complementare.")
  il testo è disposto graficamente in modo che formi una figura ("La base è 1/7 dell'altezza" e "L'elemento deve appoggiare in modo tale che la proiezione del baricentro sul piano di appoggio cada al di fuori dell'area di base")
saranno presenti delle gif animate ("L'elemento deve potersi muovere")
 
 

7. Problemi
DISSONANTE:
  sfondo: ("E' necessario utilizzare un solo colore predominante che occupi la quasi totalità dell'area in modo che, a seguito del fenomeno del contrasto di simultaneità, l'occhio sia spinto a ricrearsi autonomamente il suo complementare.")
saranno presenti delle gif animate ("L'elemento deve potersi muovere")
testo ("Devono essere presenti delle parti sporgenti" e "L'elemento deve appoggiare in modo tale che la proiezione del baricentro sul piano di appoggio cada al di fuori dell'area di base")
APERTO:
scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
il testo è stato impaginato con l'ausilio di tabelle ("L'elemento deve possedere un sistema di organizzazione dei dati")

 

8. Misteri, curiosità, aneddoti...
APERTO:
alcuni testi, invisibili in condizioni normali, compariranno solo al passare del mouse (L'elemento deve essere costituito da materia sensibile agli stimoli)
scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
il testo è stato impaginato con l'ausilio di tabelle ("L'elemento deve possedere un sistema di organizzazione dei dati")
TRASPARENTE:
alcune parti di testo hanno dimensioni diverse ("Ogni parte deve avere dimensioni tali che stiano in rapporto di 2:3 con le dimensioni delle parti immediatamente prossime per dimensione") 
DISSONANTE:
testo: "La base è 1/7 dell'altezza" e "L'elemento deve appoggiare in modo tale che la proiezione del baricentro sul piano di appoggio cada al di fuori dell'area di base"
 

9. Saggezza popolare e tradizioni
APERTO:
scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
il testo assume una forma grafica che segue i contorni di un elemento dello sfondo ("L'elemento deve essere costituito da materia sensibile agli stimoli")
DISSONANTE:
sfondo: ("E' necessario utilizzare un solo colore predominante che occupi la quasi totalità dell'area in modo che, a seguito del fenomeno del contrasto di simultaneità, l'occhio sia spinto a ricrearsi autonomamente il suo complementare.")
testo: "L'elemento deve appoggiare in modo tale che la proiezione del baricentro sul piano di appoggio cada al di fuori dell'area di base"
 

10. Donna
APERTO:
scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
il testo assume una forma grafica che segue i contorni di una figura ("L'elemento deve essere costituito da materia sensibile agli stimoli")
DISSONANTE:
sarà presente un'immagine le cui dimensioni iniziali sono state distorte ("La base è 1/7 dell'altezza ")
sfondo: ("E' necessario utilizzare un solo colore predominante che occupi la quasi totalità dell'area in modo che, a seguito del fenomeno del contrasto di simultaneità, l'occhio sia spinto a ricrearsi autonomamente il suo complementare.")
 

11. Ermes abbandona Mazzarrone
DISSONANTE:
sfondo: ("E' necessario utilizzare un solo colore predominante che occupi la quasi totalità dell'area in modo che, a seguito del fenomeno del contrasto di simultaneità, l'occhio sia spinto a ricrearsi autonomamente il suo complementare.")
immagine di sfondo: "La linea principale dell'elemento deve formare con il piano orizzontale un angolo uguale o maggiore a 30 gradi"
APERTO:
scorrendo il cursore del mouse sui links apparirà una scritta che esplica la pagina di destinazione ("L'elemento deve essere costituito da materia sensibile agli stimoli")
il testo è disposto graficamente in modo che formi una figura ("L'elemento deve appoggiare in modo tale che la proiezione del baricentro sul piano di appoggio cada al di fuori dell'area di base")