{"id":45699,"date":"2026-10-19T10:44:46","date_gmt":"2026-10-19T10:44:46","guid":{"rendered":"https:\/\/gilbertkablan.it\/?page_id=45699"},"modified":"2026-10-28T09:54:43","modified_gmt":"2026-10-28T09:54:43","slug":"case-study-selyra-sustainable-digital-ecosystem","status":"publish","type":"page","link":"https:\/\/gilbertkablan.it\/en\/case-study-selyra-sustainable-digital-ecosystem\/","title":{"rendered":"CASE STUDY | SELYRA \u2014 SUSTAINABLE DIGITAL ECOSYSTEM"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"45699\" class=\"elementor elementor-45699\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e4fe3f e-con-full e-flex e-con e-parent\" data-id=\"3e4fe3f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e14a096 elementor-widget elementor-widget-html\" data-id=\"e14a096\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* =========================================================\n   GILBERT KABLAN \u2014 CASE STUDY\n   SELYRA \u2014 SUSTAINABLE DIGITAL ECOSYSTEM\n   ========================================================= *\/\n\n.gk-case-study {\n    --gk-bg: #000000;\n    --gk-text: #ffffff;\n    --gk-muted: #c4c4c4;\n    --gk-border: #303030;\n    --gk-soft: #121212;\n\n    position: relative;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n\n    background: var(--gk-bg);\n    color: var(--gk-text);\n\n    font-family: inherit;\n    overflow: hidden;\n}\n\n.gk-case-study * {\n    box-sizing: border-box;\n}\n\n.gk-case-study img,\n.gk-case-study video {\n    display: block;\n    width: 100%;\n}\n\n.gk-cs-container {\n    width: min(1180px, calc(100% - 64px));\n    margin: 0 auto;\n}\n\n\n\/* =========================================================\n   TYPOGRAPHY\n   ========================================================= *\/\n\n.gk-cs-label {\n    margin: 0 0 20px;\n\n    font-size: 11px;\n    line-height: 1;\n\n    letter-spacing: .15em;\n    text-transform: uppercase;\n\n    color: #aaaaaa;\n}\n\n.gk-cs-title {\n    margin: 0;\n\n    max-width: 760px;\n\n    font-size: clamp(46px, 5.5vw, 78px);\n    font-weight: 500;\n\n    line-height: .98;\n    letter-spacing: -.045em;\n\n    color: var(--gk-text) !important;\n}\n\n.gk-cs-title span {\n    display: block;\n}\n\n.gk-cs-heading {\n    margin: 0 0 25px;\n\n    font-size: clamp(26px, 2.3vw, 34px);\n    font-weight: 500;\n\n    line-height: 1.1;\n    letter-spacing: -.025em;\n\n    color: var(--gk-text) !important;\n}\n\n.gk-case-study p {\n    margin: 0;\n\n    font-size: 16px;\n    line-height: 1.75;\n\n    color: var(--gk-muted);\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.gk-cs-hero {\n    padding: 220px 0 110px;\n}\n\n.gk-cs-hero-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .95fr)\n        minmax(0, 1.05fr);\n\n    gap: clamp(60px, 8vw, 130px);\n\n    align-items: start;\n}\n\n.gk-cs-intro {\n    max-width: 580px;\n    padding-top: 36px;\n}\n\n.gk-cs-intro p {\n    font-size: 17px;\n    line-height: 1.75;\n}\n\n\n\/* =========================================================\n   EDITORIAL IMAGE + TEXT\n   ========================================================= *\/\n\n.gk-cs-editorial {\n    padding-bottom: 115px;\n}\n\n.gk-cs-editorial-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, .9fr)\n        minmax(0, 1.1fr);\n\n    gap: clamp(55px, 7vw, 105px);\n\n    align-items: center;\n}\n\n.gk-cs-editorial-grid--reverse {\n    grid-template-columns:\n        minmax(0, 1.1fr)\n        minmax(0, .9fr);\n}\n\n.gk-cs-editorial-image {\n    width: 100%;\n\n    overflow: hidden;\n\n    background: var(--gk-soft);\n}\n\n.gk-cs-editorial-image img {\n    width: 100%;\n    height: auto;\n\n    object-fit: contain;\n\n    transition:\n        transform .8s cubic-bezier(.2,.7,.2,1);\n}\n\n.gk-cs-editorial-image:hover img {\n    transform: scale(1.015);\n}\n\n.gk-cs-editorial-copy {\n    max-width: 660px;\n}\n\n\n\/* =========================================================\n   CHALLENGE \/ STRATEGY\n   ========================================================= *\/\n\n.gk-cs-details {\n    padding-bottom: 115px;\n}\n\n.gk-cs-details-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: clamp(70px, 10vw, 150px);\n\n    align-items: start;\n}\n\n\n\/* =========================================================\n   ECOSYSTEM\n   ========================================================= *\/\n\n.gk-cs-ecosystem {\n    padding-bottom: 85px;\n}\n\n.gk-cs-ecosystem-head {\n    display: grid;\n\n    grid-template-columns:\n        minmax(180px, .34fr)\n        minmax(0, 1fr);\n\n    gap: clamp(50px, 9vw, 150px);\n\n    margin-bottom: 50px;\n}\n\n.gk-cs-ecosystem-copy {\n    max-width: 760px;\n}\n\n.gk-cs-ecosystem-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: 16px;\n}\n\n.gk-cs-module {\n    min-height: 250px;\n\n    padding: 28px;\n\n    border: 1px solid var(--gk-border);\n\n    background: #000000;\n}\n\n.gk-cs-module-number {\n    margin-bottom: 35px;\n\n    font-size: 10px;\n\n    letter-spacing: .15em;\n    text-transform: uppercase;\n\n    color: #b5b5b5;\n}\n\n.gk-cs-module h3 {\n    margin: 0 0 15px;\n\n    font-size: 24px;\n    font-weight: 500;\n\n    letter-spacing: -.02em;\n\n    color: var(--gk-text);\n}\n\n.gk-cs-module p {\n    font-size: 15px;\n    line-height: 1.65;\n}\n\n\n\/* =========================================================\n   LARGE SUPPORTING IMAGE\n   ========================================================= *\/\n\n.gk-cs-wide-image {\n    padding-bottom: 115px;\n}\n\n.gk-cs-wide-image-wrapper {\n    width: 100%;\n\n    overflow: hidden;\n\n    background: var(--gk-soft);\n}\n\n.gk-cs-wide-image-wrapper img {\n    width: 100%;\n    height: auto;\n\n    object-fit: contain;\n\n    transition:\n        transform .8s cubic-bezier(.2,.7,.2,1);\n}\n\n.gk-cs-wide-image-wrapper:hover img {\n    transform: scale(1.01);\n}\n\n\n\/* =========================================================\n   VISUAL SYSTEM\n   ========================================================= *\/\n\n.gk-cs-visual-copy {\n    max-width: 660px;\n}\n\n.gk-cs-visual-panel {\n    margin-top: 30px;\n\n    padding: 28px;\n\n    background: var(--gk-soft);\n}\n\n.gk-cs-visual-list {\n    display: grid;\n\n    gap: 18px;\n}\n\n.gk-cs-visual-item {\n    padding-bottom: 18px;\n\n    border-bottom: 1px solid var(--gk-border);\n}\n\n.gk-cs-visual-item:last-child {\n    padding-bottom: 0;\n\n    border-bottom: 0;\n}\n\n.gk-cs-visual-item span {\n    display: block;\n\n    margin-bottom: 7px;\n\n    font-size: 10px;\n\n    letter-spacing: .12em;\n    text-transform: uppercase;\n\n    color: #b8b8b8;\n}\n\n.gk-cs-visual-item strong {\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.5;\n\n    color: var(--gk-text);\n}\n\n\n\/* =========================================================\n   DIGITAL ARCHITECTURE\n   ========================================================= *\/\n\n.gk-cs-architecture {\n    padding-bottom: 120px;\n}\n\n.gk-cs-architecture-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(180px, .34fr)\n        minmax(0, 1fr);\n\n    gap: clamp(50px, 9vw, 150px);\n}\n\n.gk-cs-domains {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: 10px;\n\n    margin-top: 30px;\n}\n\n.gk-cs-domain {\n    padding: 16px 18px;\n\n    border: 1px solid var(--gk-border);\n\n    font-size: 12px;\n    line-height: 1.4;\n\n    letter-spacing: .04em;\n\n    color: #d0d0d0;\n}\n\n\n\/* =========================================================\n   BRAND FILM\n   ========================================================= *\/\n\n.gk-cs-video-section {\n    padding-bottom: 120px;\n}\n\n.gk-cs-video-header {\n    margin-bottom: 24px;\n}\n\n.gk-cs-video-wrapper {\n    width: 100%;\n\n    overflow: hidden;\n\n    background: #050505;\n}\n\n.gk-cs-video-wrapper video {\n    width: 100%;\n    height: auto;\n\n    background: #050505;\n}\n\n\n\/* =========================================================\n   ROLE \/ OUTCOME\n   ========================================================= *\/\n\n.gk-cs-result {\n    padding-bottom: 120px;\n}\n\n.gk-cs-result-grid {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: clamp(60px, 8vw, 120px);\n\n    align-items: start;\n}\n\n.gk-cs-result-block {\n    padding-top: 25px;\n\n    border-top: 1px solid var(--gk-border);\n}\n\n.gk-cs-role-line {\n    margin-bottom: 20px !important;\n\n    color: var(--gk-text) !important;\n\n    font-weight: 500;\n}\n\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n\n.gk-cs-meta {\n    padding: 28px 0 32px;\n\n    background: #000000;\n\n    border-top: 1px solid var(--gk-border);\n}\n\n.gk-cs-meta-inner {\n    display: flex;\n\n    justify-content: space-between;\n    align-items: center;\n\n    gap: 30px;\n\n    font-size: 10px;\n    line-height: 1.3;\n\n    letter-spacing: .13em;\n    text-transform: uppercase;\n\n    color: #aaaaaa;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n    .gk-cs-container {\n        width: min(100% - 48px, 1180px);\n    }\n\n    .gk-cs-hero {\n        padding: 200px 0 90px;\n    }\n\n    .gk-cs-hero-grid {\n        gap: 55px;\n    }\n\n    .gk-cs-editorial-grid,\n    .gk-cs-editorial-grid--reverse {\n        gap: 55px;\n    }\n\n    .gk-cs-details-grid,\n    .gk-cs-result-grid {\n        gap: 70px;\n    }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 767px) {\n\n    .gk-cs-container {\n        width: calc(100% - 40px);\n    }\n\n    .gk-cs-hero {\n        padding: 170px 0 75px;\n    }\n\n    .gk-cs-hero-grid {\n        grid-template-columns: 1fr;\n\n        gap: 40px;\n    }\n\n    .gk-cs-title {\n        max-width: 100%;\n\n        font-size: clamp(42px, 13vw, 66px);\n    }\n\n    .gk-cs-intro {\n        padding-top: 0;\n    }\n\n    .gk-cs-intro p {\n        font-size: 15px;\n    }\n\n    .gk-cs-editorial,\n    .gk-cs-details,\n    .gk-cs-ecosystem,\n    .gk-cs-wide-image,\n    .gk-cs-architecture,\n    .gk-cs-video-section {\n        padding-bottom: 80px;\n    }\n\n    .gk-cs-editorial-grid,\n    .gk-cs-editorial-grid--reverse,\n    .gk-cs-details-grid,\n    .gk-cs-ecosystem-head,\n    .gk-cs-architecture-grid,\n    .gk-cs-result-grid {\n        grid-template-columns: 1fr;\n\n        gap: 35px;\n    }\n\n    .gk-cs-editorial-grid--reverse .gk-cs-editorial-copy {\n        order: 2;\n    }\n\n    .gk-cs-editorial-grid--reverse .gk-cs-editorial-image {\n        order: 1;\n    }\n\n    .gk-cs-editorial-image:hover img,\n    .gk-cs-wide-image-wrapper:hover img {\n        transform: none;\n    }\n\n    .gk-cs-ecosystem-grid,\n    .gk-cs-domains {\n        grid-template-columns: 1fr;\n    }\n\n    .gk-cs-module {\n        min-height: 0;\n    }\n\n    .gk-cs-heading {\n        font-size: 27px;\n    }\n\n    .gk-case-study p {\n        font-size: 15px;\n    }\n\n    .gk-cs-meta-inner {\n        flex-direction: column;\n\n        align-items: flex-start;\n\n        gap: 10px;\n    }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 390px) {\n\n    .gk-cs-container {\n        width: calc(100% - 32px);\n    }\n\n    .gk-cs-title {\n        font-size: 40px;\n    }\n\n}\n\n\n\/* =========================================================\n   REDUCE MOTION\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    .gk-cs-editorial-image img,\n    .gk-cs-wide-image-wrapper img {\n        transition: none;\n    }\n\n}\n<\/style>\n\n\n<div class=\"gk-case-study\">\n\n\n    <!-- =====================================================\n         HERO\n         ====================================================== -->\n\n    <section class=\"gk-cs-hero\">\n\n        <div class=\"gk-cs-container\">\n\n            <div class=\"gk-cs-hero-grid\">\n\n\n                <div>\n\n                    <div class=\"gk-cs-label\">\n                        Strategia di brand \u00b7 Product Design \u00b7 Sostenibilit\u00e0 digitale \u00b7 UX\/UI\n                    <\/div>\n\n                    <h1 class=\"gk-cs-title\">\n\n                        Selyra \u2014\n\n                        <span>\n                            Progettare un ecosistema digitale sostenibile\n                        <\/span>\n\n                    <\/h1>\n\n                <\/div>\n\n\n                <div class=\"gk-cs-intro\">\n\n                    <p>\n                        Un ecosistema digitale modulare progettato per integrare sostenibilit\u00e0, consapevolezza, fiducia e misurazione dell\u2019impatto digitale in un\u2019unica piattaforma coerente.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         IMAGE 01 + OVERVIEW\n         ====================================================== -->\n\n    <section class=\"gk-cs-editorial\">\n\n        <div class=\"gk-cs-container\">\n\n            <div class=\"gk-cs-editorial-grid\">\n\n\n                <div class=\"gk-cs-editorial-image\">\n\n                    <img\n                        src=\"https:\/\/gilbertkablan.it\/wp-content\/uploads\/2026\/10\/Selyra1.png\"\n                        alt=\"Interfaccia dell\u2019ecosistema digitale sostenibile Selyra\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/div>\n\n\n                <div class=\"gk-cs-editorial-copy\">\n\n                    <div class=\"gk-cs-label\">\n                        01 \u2014 Panoramica\n                    <\/div>\n\n                    <h2 class=\"gk-cs-heading\">\n                        Panoramica\n                    <\/h2>\n\n                    <p>\n                        Selyra nasce come ecosistema digitale modulare, non come semplice insieme di prodotti separati.\n                        <br><br>\n                        Al centro, Selyra Core costituisce la base condivisa dell\u2019intera piattaforma, collegando utenti, dati, API, sistemi di valutazione, report, sicurezza e un design system unificato.\n                        <br><br>\n                        Questo approccio permette a ogni prodotto di evolversi autonomamente, mantenendo un\u2019infrastruttura digitale, un linguaggio visivo e un\u2019esperienza utente comuni.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         CHALLENGE \/ STRATEGY\n         ====================================================== -->\n\n    <section class=\"gk-cs-details\">\n\n        <div class=\"gk-cs-container\">\n\n            <div class=\"gk-cs-details-grid\">\n\n\n                <div>\n\n                    <div class=\"gk-cs-label\">\n                        02 \u2014 Sfida\n                    <\/div>\n\n                    <h2 class=\"gk-cs-heading\">\n                        La sfida\n                    <\/h2>\n\n                    <p>\n                        La sfida non era progettare una singola applicazione, ma definire un sistema capace di supportare pi\u00f9 prodotti digitali senza frammentare l\u2019identit\u00e0 del brand, l\u2019esperienza utente o l\u2019architettura tecnologica.\n                        <br><br>\n                        La piattaforma doveva essere intuitiva per gli utenti e, allo stesso tempo, sufficientemente scalabile per rispondere alle esigenze di privati, professionisti e aziende.\n                    <\/p>\n\n                <\/div>\n\n\n                <div>\n\n                    <div class=\"gk-cs-label\">\n                        03 \u2014 Strategia\n                    <\/div>\n\n                    <h2 class=\"gk-cs-heading\">\n                        Strategia\n                    <\/h2>\n\n                    <p>\n                        L\u2019ecosistema \u00e8 stato strutturato attorno a un Core condiviso. Ogni modulo pu\u00f2 funzionare in modo indipendente, condividendo gestione degli account, database, API, sistemi di valutazione, report, autorizzazioni e componenti visivi.\n                        <br><br>\n                        L\u2019approccio modulare riduce le duplicazioni e crea una base solida per sviluppi futuri, collaborazioni e nuovi servizi.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         ECOSYSTEM\n         ====================================================== -->\n\n    <section class=\"gk-cs-ecosystem\">\n\n        <div class=\"gk-cs-container\">\n\n\n            <div class=\"gk-cs-ecosystem-head\">\n\n\n                <div>\n\n                    <div class=\"gk-cs-label\">\n                        04 \u2014 Ecosistema\n                    <\/div>\n\n                <\/div>\n\n\n                <div class=\"gk-cs-ecosystem-copy\">\n\n                    <h2 class=\"gk-cs-heading\">\n                        Un\u2019unica piattaforma, pi\u00f9 prodotti\n                    <\/h2>\n\n                    <p>\n                        Selyra si articola in moduli specializzati, pensati per utenti diversi e differenti esigenze di sostenibilit\u00e0 digitale.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n\n            <div class=\"gk-cs-ecosystem-grid\">\n\n\n                <article class=\"gk-cs-module\">\n\n                    <div class=\"gk-cs-module-number\">\n                        01\n                    <\/div>\n\n                    <h3>\n                        Selyra Calculator\n                    <\/h3>\n\n                    <p>\n                        Uno strumento di analisi della sostenibilit\u00e0 digitale di siti web e applicazioni che integra prestazioni, stime delle emissioni, valutazioni, raccomandazioni, report e badge.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"gk-cs-module\">\n\n                    <div class=\"gk-cs-module-number\">\n                        02\n                    <\/div>\n\n                    <h3>\n                        Selyra Trust\n                    <\/h3>\n\n                    <p>\n                        Un modulo progettato per valutare trasparenza, verificabilit\u00e0 e affidabilit\u00e0 dei contenuti digitali attraverso Trust Score, indicatori e raccomandazioni operative.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"gk-cs-module\">\n\n                    <div class=\"gk-cs-module-number\">\n                        03\n                    <\/div>\n\n                    <h3>\n                        Selyra App\n                    <\/h3>\n\n                    <p>\n                        Un\u2019esperienza dedicata agli utenti per comprendere l\u2019impatto digitale quotidiano attraverso punteggi, stime dei consumi energetici, indicatori di CO\u2082 e suggerimenti personalizzati.\n                    <\/p>\n\n                <\/article>\n\n\n                <article class=\"gk-cs-module\">\n\n                    <div class=\"gk-cs-module-number\">\n                        04\n                    <\/div>\n\n                    <h3>\n                        Selyra Enterprise\n                    <\/h3>\n\n                    <p>\n                        Uno spazio di lavoro B2B che consente alle organizzazioni di monitorare impronta digitale, infrastrutture, cloud, dispositivi, siti web, KPI operativi e report ESG digitali.\n                    <\/p>\n\n                <\/article>\n\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         IMAGE 02\n         ====================================================== -->\n\n    <section class=\"gk-cs-wide-image\">\n\n        <div class=\"gk-cs-container\">\n\n            <div class=\"gk-cs-wide-image-wrapper\">\n\n                <img\n                    src=\"https:\/\/gilbertkablan.it\/wp-content\/uploads\/2026\/10\/selyra2.png\"\n                    alt=\"Concept delle interfacce Selyra App e Selyra Trust\"\n                    loading=\"lazy\"\n                    decoding=\"async\"\n                >\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         VISUAL SYSTEM + IMAGE 03\n         ====================================================== -->\n\n    <section class=\"gk-cs-editorial\">\n\n        <div class=\"gk-cs-container\">\n\n            <div class=\"gk-cs-editorial-grid gk-cs-editorial-grid--reverse\">\n\n\n                <div class=\"gk-cs-visual-copy\">\n\n                    <div class=\"gk-cs-label\">\n                        05 \u2014 Sistema visivo\n                    <\/div>\n\n                    <h2 class=\"gk-cs-heading\">\n                        Un linguaggio visivo condiviso\n                    <\/h2>\n\n                    <p>\n                        L\u2019identit\u00e0 visiva \u00e8 stata progettata per comunicare la sostenibilit\u00e0 senza ricorrere ai consueti stereotipi grafici legati all\u2019ambiente.\n                        <br><br>\n                        Il sistema bilancia chiarezza, credibilit\u00e0 e un\u2019estetica digitale ricercata, dalla comunicazione alle interfacce, dalle dashboard ai report.\n                    <\/p>\n\n\n                    <div class=\"gk-cs-visual-panel\">\n\n                        <div class=\"gk-cs-visual-list\">\n\n\n                            <div class=\"gk-cs-visual-item\">\n\n                                <span>\n                                    Palette\n                                <\/span>\n\n                                <strong>\n                                    Crema \u00b7 Verde salvia \u00b7 Blu\/grigio Selyra \u00b7 Oro tenue\n                                <\/strong>\n\n                            <\/div>\n\n\n                            <div class=\"gk-cs-visual-item\">\n\n                                <span>\n                                    Interfaccia\n                                <\/span>\n\n                                <strong>\n                                    Card arrotondate \u00b7 Indicatori circolari \u00b7 Badge \u00b7 Barre di avanzamento \u00b7 Dashboard responsive\n                                <\/strong>\n\n                            <\/div>\n\n\n                            <div class=\"gk-cs-visual-item\">\n\n                                <span>\n                                    Tipografia\n                                <\/span>\n\n                                <strong>\n                                    Serif elegante per la comunicazione \u00b7 Sans-serif leggibile per interfacce e dati\n                                <\/strong>\n\n                            <\/div>\n\n\n                            <div class=\"gk-cs-visual-item\">\n\n                                <span>\n                                    Tono di voce\n                                <\/span>\n\n                                <strong>\n                                    Ricercato \u00b7 Chiaro \u00b7 Non allarmistico \u00b7 Mai giudicante\n                                <\/strong>\n\n                            <\/div>\n\n\n                        <\/div>\n\n                    <\/div>\n\n\n                <\/div>\n\n\n                <div class=\"gk-cs-editorial-image\">\n\n                    <img\n                        src=\"https:\/\/gilbertkablan.it\/wp-content\/uploads\/2026\/10\/Selyra3.png\"\n                        alt=\"Concept delle interfacce Selyra Calculator e Selyra Enterprise\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         DIGITAL ARCHITECTURE\n         ====================================================== -->\n\n    <section class=\"gk-cs-architecture\">\n\n        <div class=\"gk-cs-container\">\n\n            <div class=\"gk-cs-architecture-grid\">\n\n\n                <div>\n\n                    <div class=\"gk-cs-label\">\n                        06 \u2014 Architettura\n                    <\/div>\n\n                <\/div>\n\n\n                <div>\n\n                    <h2 class=\"gk-cs-heading\">\n                        Un\u2019architettura digitale modulare\n                    <\/h2>\n\n                    <p>\n                        Ogni prodotto dispone di un proprio ambiente digitale, pur rimanendo collegato allo stesso Core: una struttura che consente all\u2019ecosistema di crescere progressivamente.\n                    <\/p>\n\n\n                    <div class=\"gk-cs-domains\">\n\n                        <div class=\"gk-cs-domain\">\n                            selyra.it\n                        <\/div>\n\n                        <div class=\"gk-cs-domain\">\n                            app.selyra.it\n                        <\/div>\n\n                        <div class=\"gk-cs-domain\">\n                            trust.selyra.it\n                        <\/div>\n\n                        <div class=\"gk-cs-domain\">\n                            calculator.selyra.it\n                        <\/div>\n\n                        <div class=\"gk-cs-domain\">\n                            enterprise.selyra.it\n                        <\/div>\n\n                        <div class=\"gk-cs-domain\">\n                            api.selyra.it\n                        <\/div>\n\n                        <div class=\"gk-cs-domain\">\n                            admin.selyra.it\n                        <\/div>\n\n                    <\/div>\n\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         BRAND FILM\n         ====================================================== -->\n\n    <section class=\"gk-cs-video-section\">\n\n        <div class=\"gk-cs-container\">\n\n\n            <div class=\"gk-cs-video-header\">\n\n                <div class=\"gk-cs-label\">\n                    Video di presentazione\n                <\/div>\n\n            <\/div>\n\n\n            <div class=\"gk-cs-video-wrapper\">\n\n                <video\n                    controls\n playsinline\n preload=\"metadata\"\n                >\n\n                    <source\n                        src=\"https:\/\/gilbertkablan.it\/wp-content\/uploads\/2026\/10\/VideoFinaleSely2.mp4\"\n                        type=\"video\/mp4\"\n                    >\n\n                    Il tuo browser non supporta i video HTML5.\n\n                <\/video>\n\n            <\/div>\n\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         ROLE \/ OUTCOME\n         ====================================================== -->\n\n    <section class=\"gk-cs-result\">\n\n        <div class=\"gk-cs-container\">\n\n            <div class=\"gk-cs-result-grid\">\n\n\n                <div class=\"gk-cs-result-block\">\n\n                    <div class=\"gk-cs-label\">\n                        07 \u2014 Il mio ruolo\n                    <\/div>\n\n                    <h2 class=\"gk-cs-heading\">\n                        Il mio contributo\n                    <\/h2>\n\n                    <p class=\"gk-cs-role-line\">\n                        Direzione creativa \u00b7 Strategia di brand \u00b7 Product Design \u00b7 UX\/UI \u00b7 Progettazione di ecosistemi digitali\n                    <\/p>\n\n                    <p>\n                        Il mio contributo si \u00e8 concentrato sulla definizione della direzione strategica e visiva di Selyra, trasformando il concept in un\u2019identit\u00e0 di brand, un\u2019architettura di prodotto e un ecosistema digitale coerenti.\n                    <\/p>\n\n                <\/div>\n\n\n                <div class=\"gk-cs-result-block\">\n\n                    <div class=\"gk-cs-label\">\n                        08 \u2014 Risultato\n                    <\/div>\n\n                    <h2 class=\"gk-cs-heading\">\n                        Risultato\n                    <\/h2>\n\n                    <p>\n                        Il risultato \u00e8 un sistema scalabile, progettato per crescere attraverso nuovi moduli senza perdere coerenza.\n                        <br><br>\n                        Identit\u00e0 di brand, logica dei prodotti, esperienza utente e architettura tecnica sono concepite come parti di un unico ecosistema, creando le basi per futuri sviluppi, servizi e collaborazioni.\n                    <\/p>\n\n                <\/div>\n\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n\n    <!-- =====================================================\n         FOOTER\n         ====================================================== -->\n\n    <div class=\"gk-cs-meta\">\n\n        <div class=\"gk-cs-container\">\n\n            <div class=\"gk-cs-meta-inner\">\n\n                <span>\n                    Gilbert Kablan \u2014 Direzione creativa &amp; Product Design\n                <\/span>\n\n                <span>\n                    Selyra \u2014 Ecosistema digitale sostenibile\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35d3b49 e-con-full e-flex e-con e-parent\" data-id=\"35d3b49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Strategia di brand \u00b7 Product Design \u00b7 Sostenibilit\u00e0 digitale \u00b7 UX\/UI Selyra \u2014 Progettare un ecosistema digitale sostenibile Un ecosistema digitale modulare progettato per integrare sostenibilit\u00e0, consapevolezza, fiducia e misurazione dell\u2019impatto digitale in un\u2019unica piattaforma coerente. 01 \u2014 Panoramica Panoramica Selyra nasce come ecosistema digitale modulare, non come semplice insieme di prodotti separati. Al centro, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"ngg_post_thumbnail":0,"_vp_format_video_url":"","_vp_image_focal_point":[],"footnotes":""},"class_list":["post-45699","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/45699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/comments?post=45699"}],"version-history":[{"count":21,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/45699\/revisions"}],"predecessor-version":[{"id":45938,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/45699\/revisions\/45938"}],"wp:attachment":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/media?parent=45699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}