Lucha y Siesta
Client: Casa delle donne Lucha y Siesta
Year: 2022
Role: UX/UI designer, wordpress dev
Agency: freelance
Link: luchaysiesta.org
OVERVIEW
Aps Casa delle Donne Lucha y Siesta è uno spazio di relazione, un centro antiviolenza, una casa di accoglienza per donne in percorsi di fuoriuscita dalla violenza, un polo culturale, un luogo di confronto e crescita collettiva. È una Casa.
Ricercavano un sito web che ospitasse tutta la mole e l'elaborazione costante e collettiva dello spazio e che potesse essere luogo di scambio, di comunicazione, d'informazione e di sostegno, che spiegasse all'utente come poter partecipare collettivamente e attivamente alla realtà attraverso eventi, laboratori, biblioteca. Uno spazio virtuale che raccontasse una rete complessa articolata e piena di sfaccettature o come preferiscono dichiarare loro "dare spazio alle innumerevoli tessere che compongono il mosaico di Lucha y Siesta".
SOLUTION
Ho iniziato leggendo e studiando tutta l'elaborazione collettiva e politica dello spazio, decifrando le parole chiave su cui partire per immaginare un terreno collettivo con cui poter co-progettare con il cliente. Ho realizzato sessioni di co-progettazione con lo spazio per individuare, la collettività che attraversa il luogo e le attività di Lucha y Siesta, definendo 6 principali fruitori, da qui abbiamo ragionato sulle pagine da mantenere dal vecchio sito e i relativi contenuti. Ho costruito la sitemap e l'architettura delle informazioni, da queste basi ho costruito i wireframe.
PAROLE CHIAVE
WIREFRAMES
UI KIT
PROTOTIPO
Costruzione UI: volevo creare qualcosa che riassumesse Lucha nella sua forza, nella sua dinamicità, nella sua passione, come se fosse un'onda colorata e che potesse descrivere quello che le operatrici durante la fase di co-progettazione mi ripetevano: Lucha è un insieme di tessere di un mosaico.
Ho preso in eredità alcuni colori saturi del loro brand, aggiungendone qualcuno che nell'immaginario di alcuni contesti è legato al femminismo, alla rivoluzione, al movimento Non una di meno, ai colori dell'intersessualità, volevo mescolare più significati che compongono tutte le lotte e gli ideali del luogo. Inoltre ho introdotto nella UI elementi quadrati colorati a rappresentare le tessere del mosaico. La scelta tipografica dal forte impatto quasi sempre nei titoli è maiuscola, proprio a rappresentare il grido di riappropriazione "Noi esistiamo, non abbiamo paura!" dello spazio e della lotta per i diritti. Tutto è colorato, forte, deciso nei tratti. A fine pagina un marquee animato è composto dalle parole chiave principali del luogo.
Siamo tutt* Lucha y Siesta!
La costruzione della UI ha seguito il vincolo di sviluppo della libreria TailwindCSS e usato colori di forte contrasto per essere più accessibile possibile.
2021 © stella chessa - P.IVA 15751461003 - Web Designer a Roma | UX/UI Designer a Roma | Realizzazione siti internet a Roma - privacy policy
Cookie | Durata | Descrizione |
---|---|---|
cookielawinfo-checkbox-analytics | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics". |
cookielawinfo-checkbox-functional | 11 months | The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional". |
cookielawinfo-checkbox-necessary | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary". |
cookielawinfo-checkbox-others | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other. |
cookielawinfo-checkbox-performance | 11 months | This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance". |
viewed_cookie_policy | 11 months | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |