progettare.yaml

# INSTRUCTIONS
# folder structure:
# levelX.yaml < contents and settings
# levelX/ < folder with childrens
# important: each level has its dedicated template, from level1 to level4
#
# comments:
# #C to locate all editable content
# #M for links/navigation
# #I for images/media
# #AUTO for parts that will soon be automated, preferably
#
# comment with # to hide something
# delete with caution

# ————————————————————————————————————————————
# CREATEPAGE GATSBY
# ————————————————————————————————————————————
metadata:
  template:
    name: level2

# ————————————————————————————————————————————
# SEO, OPENGRAPH
# ————————————————————————————————————————————
seo:
  name: Progettare - Designers Italia #C REMIND "- Designers Italia" #AUTO
  description: "Progetta il servizio immaginando e prototipando l’interazione fra utente e touchpoint digitale" #C
  image: null #I
  canonical: null
  pathname: /risorse-per-progettare/progettare/ #M

# ————————————————————————————————————————————
# NAV - PRE FOOTER
# ————————————————————————————————————————————
# navPreFooter:
#   navOtherPrevNext:
#     prev:
#       label: Titolo sorella precedente #C
#       url: "#" #M
#       # image: /images/link-custom-icon.svg #I
#       blank: false
#       specular: false
#       icon:
#         icon: "sprites.svg#it-arrow-left"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 me-3
#     next:
#       label: Titolo sorella successiva #C
#       url: "#" #M
#       # image: /images/link-custom-icon.svg #I
#       blank: false
#       specular: true
#       icon:
#         icon: "sprites.svg#it-arrow-right"
#         size: "sm"
#         align: "middle"
#         color: "primary"
#         hidden: true
#         addonClasses: flex-shrink-0 ms-3

# ————————————————————————————————————————————
# CONTENT
# ————————————————————————————————————————————
components:

  # ///////////////////
  # HERO
  # ///////////////////
  hero:
    background: light
    title: Progettare #C
    subtitle: "Progetta il servizio immaginando e prototipando l’interazione fra utente e touchpoint digitale" #C
    tag:
        label: Fase di progettazione  #C
        addonClasses: mt-3 text-uppercase
    pretext:
      icon:
        icon: sprites.svg#it-help-circle
        size: sm
      text: In breve
    text: | #C
      I kit della fase di progettazione sono dedicati **all’impostazione di elementi e funzionalità del servizio**, emersi dalla ricerca utente: **dall'architettura dell'informazione** alla definizione dei contenuti, fino alla **simulazione dell'esperienza utente** grazie ai prototipi a bassa fedeltà dell’interfaccia.
    img: /images/risorse-per-progettare/icons/progettare-large.svg #I
    alt: "" #C
    imgRatio: 4x3

    # KANGAROO: METADATA
    kangaroo:
      id: kangarooHero
      titleSr: Metadati e link per approfondire
      tagsLabel: Parliamo di
      color: secondary
      icon:
        icon: sprites.svg#it-horn
        size: sm
        color: secondary
      tags: [Architettura informazione,Co-progettazione,SEO,Contenuti e linguaggio]
      # KANGAROO: CHILDREN SHORTCUTS
      dropdown:
        btnId: dropdownKang
        button:
          addonStyle: dropdown-toggle btn-dropdown
          label: Scopri i kit di questa fase #C
          iconRight: true
          icon:
            icon: sprites.svg#it-expand
            size: sm
            color: primary
            addonClasses: icon-expand ms-2
        list:
          listItems: #M
            - url: "architettura-dell-informazione/"
              label: "Architettura dell'informazione" #C
            - url: "co-progettazione/"
              label: Co-progettazione #C
            - url: "contenuti-e-linguaggio/"
              label: Contenuti e linguaggio #C
            - url: "processi-e-servizi/"
              label: Processi e servizi #C
            - url: "prototipazione/"
              label: Prototipazione #C
            - url: "seo/"
              label: SEO #C

  # ///////////////////
  # SECTION EDITORIAL
  # ///////////////////
  # sectionsEditorial:

  # ///////////////////
  # HIGHLIGHT WITH CARDS
  # ///////////////////
  highlightCards:
    id: HC1
    title: Esplora e usa i kit di design #C
    text: #C
    col4: false
    noSpace: false

    # CARDS
    cards: # AUTO?

      # CARD CHILDREN
      - title: "Architettura dell'informazione" #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_architettura.svg #I
        iconImgAlt: "" #C
        text: "Organizza e classifica i contenuti di un touchpoint e definisci le principali funzioni del servizio" #C
        titleSmall: false
        fullHeight: true
        url: "architettura-dell-informazione/" #M
        tag:
          label: Kit di design #C

       # CARD CHILDREN
      - title: Co-progettazione #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_coprog.svg #I
        iconImgAlt: "" #C
        text: "Coinvolgi stakeholder e utenti del servizio in una sessione di co-progettazione utilizzando un approccio aperto" #C
        titleSmall: false
        fullHeight: true
        url: "co-progettazione/" #M
        tag:
          label: Kit di design #C

        # CARD CHILDREN
      - title: Contenuti e linguaggio #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_linguaggio.svg #I
        iconImgAlt: "" #C
        text: "Definisci i contenuti del tuo progetto e usa un linguaggio chiaro e inclusivo" #C
        titleSmall: false
        fullHeight: true
        url: "contenuti-e-linguaggio/" #M
        tag:
          label: Kit di design #C

        # CARD CHILDREN
      - title: Processi e servizi #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_servizio.svg #I
        iconImgAlt: "" #C
        text: "Progetta servizi pubblici efficaci definendo i principali flussi di servizio e funzionalità dei touchpoint" #C
        titleSmall: false
        fullHeight: true
        url: "processi-e-servizi/" #M
        tag:
          label: Kit di design #C

        # CARD CHILDREN
      - title: Prototipazione #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_prototipazione.svg #I
        iconImgAlt: "" #C
        text: "Progetta l’esperienza-utente del servizio realizzando un prototipo a bassa fedeltà dell’interfaccia" #C
        titleSmall: false
        fullHeight: true
        url: "prototipazione/" #M
        tag:
          label: Kit di design #C

        # CARD CHILDREN
      - title: SEO #C
        imgRatio: 16x9
        iconImg: /images/risorse-per-progettare/icons/kit_SEO.svg #I
        iconImgAlt: "" #C
        text: "Ottimizza i contenuti in base ai bisogni e alle priorità che gli utenti esprimono durante le ricerche" #C
        titleSmall: false
        fullHeight: true
        url: "seo/" #M
        tag:
          label: Kit di design #C


  # ///////////////////
  # SECTION EDITORIAL
  # ///////////////////
  sectionsEditorial2 :

    # # —
    # # IMG FULL COVER
    # # —
    # - menu: false #TOGGLE RIGHT SECTION INDEX
    #   background: null
    #   full: true
    #   noSpace: true
    #   components:
    #     # IMG
    #     - name: ImageIcons
    #       image: /images/image-icons-fullwidth.jpg #I
    #       alt: Descrizione immagine grande #C

    # —
    # EDITORIAL #C #I
    # —
    - title: Aprirsi al confronto per una progettazione collaborativa
      background: null
      menu: false
      centered: true
      # noSpace: true
      text: | #C
        Progettare servizi pubblici facendo tesoro delle esperienze altrui
      components:

        # TXT BLOCK
        - name: TextImageCta
          title: Come rendere efficace la progettazione #C
          text: | #C
            Per rendere efficace la progettazione di servizi pubblici digitali è utile mantenere **un approccio aperto, inclusivo e costruttivo**.

            Questa strategia promuove la **collaborazione attiva tra i soggetti interessati ai processi di trasformazione digitale della PA**, grazie alla condivisione pubblica di informazioni, conoscenze, strumenti e risorse progettuali.

            La progettazione aperta consiste, quindi, nell’utilizzare le risorse progettuali e tecnologiche già condivise nella community, per **valorizzare il lavoro già svolto** da altri, migliorare qualità, usabilità e funzionalità dei servizi digitali grazie a **buone pratiche condivise e ben documentate**.