1. Comunicazione Visiva e Design delle interfacce a.a 2021/2022
ASTREA
DESIGN SYSTEM
Ivana Cassaniti
Elena Castellani
Nada Cenci
Loredana Frontino
Elia Guarnieri
Sophia Viganò
873128
868076
865484
866778
868700
791388
2. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Concept
Astrea è una sormontata da due cupola in cui sono state
create le condizioni di vita più ottimali per gli esseri viventi.
Fondata da studenti e scienziati, Astrea nasce come base per uno dei più
grandi .
Per questo motivo, la città è diventata un punto di ritrovo per i più grandi
, gli di scienza e tecnologia e i non
intenditori.
Ogni anno la città spaziale organizza l’ , un importante festival
incentrato sui temi inerenti alla tecnologia e all’astronomia.
Durante il festival vengono promossi eventi sia informativi che ludici,
workshop e molto altro.
città spaziale
studi di ricerca scientifica e hi-tech
studiosi appassionati curiosi
Astreafest
3. Analisi siti simili
AkonCity
Sito web dedicatoo allo sviluppo futuristo
del Senegal, un paese idealmente leader
nella tecnologia dell’innovazione grazie allo
sfruttamento delle risorse naturali.
Considerato un’ispirazione per l’ , gli
ed i , incentrati sui
temi della tecnologia e dell’innovazione.
estetica
elementi grafici contenuti
https://akoncity.com
Visit:
Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
4. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Analisi siti simili
Mars City
Progetto di un nuovo ecosistema
imprenditoriale e spaziale dal nome Mars
City, in cui la e lo di nuovi
prodotti salgono ad un livello superiore.
Mars City costituisce uno spunto per i
trattati.
ricerca sviluppo
temi
https:/
/www.mars-city.org
Visit:
5. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Analisi siti simili
Sito dedicato a un progetto di simulazione
di vita su Marte da cui è stato possibile
trarre idee legate all'
e .
ambientazione spaziale
dinamiche di vita nello spazio
https:/
/www.iconbuild.com
ICON
Visit:
6. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Analisi siti da cui trarre ispirazione
MediaKeys Experience
Cursore con pallino
Visit: https:/
/mediakeys-experience.com
Path Robotics
Layout del sito
Visit: https:/
/www.path-robotics.com
7. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Analisi siti da cui trarre ispirazione
Bartosz Ciechanowski
Filtri interattivi
Visit: https:/
/ciechanow.ski/earth-and-sun/
Grasp Festival
Calendario eventi
Visit: https:/
/graspfestival.dk
8. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
User Personas
Personalità
Curioso, amichevole, estroverso, cordiale, geek
Interessi
Innovazione, lettura, fotografia, motori
Competenze
Comunicazione, buon osservatore, abile oratore
Difficoltà/Paure
Paura dell’ignoto, FOMO
Ragioni per cui userebbe il sito
Capire come raggiungere il posto, conoscere altre
persone con gli stessi interessi, conoscere il
programma degli eventi.
Personalità
Introversa, timida, molto appassionata del suo
lavoro
Interessi
Scienza, informatica, ciclismo
Competenze
Programmazione, ricerca ed analisi dati
Difficoltà/Paure
Paura di non trovare contenuti sufficientemente
autorevoli
Ragioni per cui userebbe il sito
Conoscere il programma degli eventi e partecipare
a qualche seminario/workshop
Personalità
Estroversa, curiosa, dinamica e intraprendente
Interessi
Tecnologie e astronomia, viaggi
Competenze
Biologa con la passione per la chimica
Difficoltà/Paure
Non comprendre i temi trattati alle conferenze e
paura del vuoto
Ragioni per cui userebbe il sito
Partecipare agli eventi culturali trasmessi in
streaming e informarsi sulla città e i suoi progressi in
ambito scientifico
Il turista terrestre
Erik
L’accademica terrestre
Maya
La curiosa terrestre
Luna
9. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
SIMPLICITY &
INNOVATION
PALETTE
Moodboard
10. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Architettura dell’Informazione
HOME
HOME
ORIGINI
ORIGINI
OSSERVATORIO
OSSERVATORIO
SERVIZI
SERVIZI
TURISMO
TURISMO
CALENDARIO EVENTI
BREVE PROGRAMMA
LIVE
DESCRIZIONE
PROSSIMI EVENTI
ATTRAZIONI TURISTICHE
ROADMAP SINTETICA PER
RAGGIUNGERE ASTREA DALLA
TERRA
LO SHUTTLE EXPRESS
INTRODUZIONE ALLA
FONDAZIONE DI ASTREA
CARATTERISTICHE
PRINCIPALI
SLIDER CON IMMAGINI DI
ASTREA
PRESENTAZIONE
COMMUNITY
EVENTI COMMUNITY
COME RAGGIUNGERCI
COME RAGGIUNGERCI ASTREAFEST
ASTREAFEST COMMUNITY
COMMUNITY
11. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Wireframe&Storyboard
DESKTOP e TABLET
Button
Button
Button
Home origini servizi come raggiungerci astreafest community
HOME
Button
>
Home origini servizi come raggiungerci astreafest community
ORIGINI
Button
>
Home origini servizi come raggiungerci astreafest community
SERVIZI
Button
Button
Button
Button
>
Home origini servizi come raggiungerci astreafest community
SERVIZI/TURISMO
Button
> >
Home origini servizi come raggiungerci astreafest community
SERVIZI/OSSERVATORIO/DESCRIZIONE
SERVIZI/OSSERVATORIO/EVENTI
Button
Button
Button
Button
> >
Home origini servizi come raggiungerci astreafest community
Button
Home origini servizi come raggiungerci astreafest community
COME RAGGIUNGERCI
Button
Button
>
Home origini servizi come raggiungerci astreafest community
ASTREAFEST
Button
>
Home origini servizi come raggiungerci astreafest community
COMMUNITY
13. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Wireframe&Storyboard
Button
>
Home origini servizi come raggiungerci astreafest community
ORIGINI
Button
Button
Button
Home origini servizi come raggiungerci astreafest community
HOME
Button
>
Home origini servizi come raggiungerci astreafest community
SERVIZI
Button
Button
Button
Button
>
Home origini servizi come raggiungerci astreafest community
SERVIZI/TURISMO
Button
> >
Home origini servizi come raggiungerci astreafest community
SERVIZI/OSSERVATORIO/DESCRIZIONE
Button
Home origini servizi come raggiungerci astreafest community
COME RAGGIUNGERCI
Button
Button
>
Home origini servizi come raggiungerci astreafest community
ASTREAFEST
Button
>
Home origini servizi come raggiungerci astreafest community
COMMUNITY
SERVIZI/OSSERVATORIO/EVENTI
Button
Button
Button
Button
> >
Home origini servizi come raggiungerci astreafest community
14. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Button
T
ab
Input
T
ags
Color palette
button button
DESCRIZIONE PROSSIMI EVENTI
nome
Arancione
#FF7D00
Galaxy
#463B8A
Viola Dark
#1A143D
Button
Home
Fisica Workshop Astrofisica
inserisci indirizzo e-mail
Heading 1
Heading 2
Heading 3
Heading 2 mobile
Paragraph
Paragraph
Paragraph
Link
Menu
Bold - 68 px Regular - 16 px
Bold - 16 px
Regular - 12 px
Regular - 16 px - Sottolineato
Bold - 20 px - Uppercase
Bold - 42 px
Regular - 26 px
Bold - 36 px
A
Regular
Bold
Tipografia
Satoshi
Logo
15. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Icone Immagini
Elementi stilistici 480x625 px
375x640 px
16. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Immagini
1032x683 px
563x664 px
17. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Immagini
1440x440 px
18. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Immagini
1555x418 px
320x212 px 186x282 px 376x379 px
190x282 px 261x261 px
19. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Navbar
T
abs
Home origini servizi come raggiungerci astreafest community
DESCRIZIONE PROSSIMI EVENTI
Modali
Evento community
Iscriviti alla newletter
iscriviti
Chimica e caffè
Principi ed esperiementi su
PARTECIPA
20:00 - 22:00
Giovedì 3 marzo
Atomi&Molecole
Atomi&Molecole
Eventi Astreafest
In cerca di strutture cosmiche WORKSHOP 8:30 - 9:30
Fisica Workshop Astrofisica
Ricerca sulla natura della materia oscura che dà forma ai filamenti cosmici e ne
regola l’evoluzione e sull’interazione che essi hanno con le galassie.
Location:
acquista biglietto
20. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Astreafest
OGNI ANNO ASTREAFEST TORNA ALL’INSEGNA DELLA SCIENZA, DELLA
TECNOLOGIA E DELL’ ATTUALITÀ.
SCOPRI COSA COSA SUCCEDERÀ NELLA PROSSIMA EDIZIONE!
SCOPRI ASTREAFEST
Banner
Osservatorio
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
Button
21. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Descrizioni
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Amet,
natoque lacus diam cursus.
OSSIGENO
Astronomia
Lorem Ipsum is simply
dummy text of the
printing and
typesetting industry.
1
Prenota e acquista un biglietto per un volo con lo Shuttle
Express e recati in una delle stazioni spaziali che lo offrono.
Ce ne sono 5 in tutto il mondo. Assicurati di arrivare almeno
2 ore prima del lancio.
Verso lo
Shuttle Express
Progetto
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis
euismod amet malesuada. Non dignissim in viverra elementum massa
consequat, adipiscing lectus volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis
euismod amet malesuada. Non dignissim in viverra elementum massa
consequat, adipiscing lectus volutpat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mollis
euismod amet malesuada. Non dignissim in viverra elementum massa
consequat, adipiscing lectus volutpat.
22. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Link pagine
chimica
OSSERVATORIO
Osservatorio
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s,
Button
23. Siti simili
Concept Siti stilistici User Personas Palette&Moodboard Architettura dell’informazione Wireframe&Storyboard Atomi&molecole Look&Feel
Atomi&Molecole
Atomi&Molecole
Esempio di organismo
Header
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus mollis euismod amet malesuada. Non dignissim in
viverra elementum massa consequat, adipiscing lectus
volutpat.
Origini
Home origini servizi come raggiungerci astreafest community