{"id":45541,"date":"2026-09-30T07:15:36","date_gmt":"2026-09-30T07:15:36","guid":{"rendered":"https:\/\/gilbertkablan.it\/?page_id=45541"},"modified":"2026-10-28T10:40:45","modified_gmt":"2026-10-28T10:40:45","slug":"case-study-alessandra-di-ronza","status":"publish","type":"page","link":"https:\/\/gilbertkablan.it\/en\/case-study-alessandra-di-ronza\/","title":{"rendered":"CASE STUDY  |  ALESSANDRA DI RONZA"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"45541\" class=\"elementor elementor-45541\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dabe649 e-con-full e-flex e-con e-parent\" data-id=\"dabe649\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4539b07 elementor-widget elementor-widget-html\" data-id=\"4539b07\" 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   ALESSANDRA DI RONZA\n   ========================================================= *\/\n\n.gk-case-study {\n    --gk-bg: #000000;\n    --gk-text: #ffffff;\n    --gk-muted: #c4c4c4;\n    --gk-border: #303030;\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\n    overflow: hidden;\n}\n\n.gk-case-study * {\n    box-sizing: border-box;\n}\n\n.gk-case-study img {\n    display: block;\n    width: 100%;\n    height: auto;\n}\n\n.gk-case-study a {\n    color: inherit;\n}\n\n\n\/* =========================================================\n   CONTAINER\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: #a8a8a8;\n}\n\n.gk-cs-title {\n    margin: 0;\n\n    max-width: 650px;\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-project-link {\n    display: inline-block;\n\n    margin-top: 24px;\n\n    font-size: 13px;\n    line-height: 1.4;\n\n    color: var(--gk-text) !important;\n\n    text-decoration: none;\n    border-bottom: 1px solid var(--gk-text);\n\n    padding-bottom: 3px;\n\n    transition: opacity .25s ease;\n}\n\n.gk-cs-project-link:hover {\n    opacity: .55;\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.gk-case-study strong {\n    color: var(--gk-text);\n    font-weight: 600;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.gk-cs-hero {\n    padding: 110px 0 100px;\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\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   OVERVIEW\n   ========================================================= *\/\n\n.gk-cs-overview {\n    padding-bottom: 95px;\n}\n\n.gk-cs-overview-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(300px, .82fr)\n        minmax(0, 1.18fr);\n\n    gap: clamp(40px, 7vw, 95px);\n\n    align-items: start;\n}\n\n.gk-cs-portrait {\n    width: 100%;\n\n    overflow: hidden;\n\n    background: #101010;\n}\n\n.gk-cs-portrait img {\n    width: 100%;\n    height: auto;\n\n    object-fit: cover;\n}\n\n.gk-cs-overview-copy {\n    padding-top: 6px;\n\n    max-width: 620px;\n}\n\n\n\/* =========================================================\n   GOAL \/ APPROACH\n   ========================================================= *\/\n\n.gk-cs-details {\n    padding-bottom: 90px;\n}\n\n.gk-cs-details-grid {\n    display: grid;\n\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n\n    gap: clamp(70px, 10vw, 150px);\n\n    align-items: start;\n}\n\n.gk-cs-list {\n    margin: 24px 0 0;\n    padding-left: 20px;\n\n    color: var(--gk-muted);\n}\n\n.gk-cs-list li {\n    margin: 0 0 8px;\n\n    padding-left: 4px;\n\n    font-size: 16px;\n    line-height: 1.55;\n}\n\n\n\/* =========================================================\n   PROJECT IMAGE\n   ========================================================= *\/\n\n.gk-cs-project-image-section {\n    padding-bottom: 40px;\n}\n\n.gk-cs-project-image {\n    width: 100%;\n\n    overflow: hidden;\n\n    background: #101010;\n}\n\n.gk-cs-project-image img {\n    width: 100%;\n    height: auto;\n\n    transition: transform .8s cubic-bezier(.2,.7,.2,1);\n}\n\n.gk-cs-project-image:hover img {\n    transform: scale(1.015);\n}\n\n\n\/* =========================================================\n   RESULT\n   ========================================================= *\/\n\n.gk-cs-result {\n    padding: 0 0 120px;\n}\n\n.gk-cs-result-grid {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.15fr)\n        minmax(0, .85fr);\n\n    gap: clamp(60px, 8vw, 120px);\n\n    align-items: start;\n}\n\n.gk-cs-result-block,\n.gk-cs-contribution-block {\n    padding-top: 25px;\n\n    border-top: 1px solid var(--gk-border);\n}\n\n.gk-cs-contribution-text {\n    max-width: 400px;\n}\n\n\n\/* =========================================================\n   BOTTOM PROJECT META\n   ========================================================= *\/\n\n.gk-cs-meta {\n    padding: 28px 0 32px;\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: #a8a8a8;\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: 90px 0 80px;\n    }\n\n    .gk-cs-hero-grid {\n        gap: 55px;\n    }\n\n    .gk-cs-overview-grid {\n        grid-template-columns:\n            minmax(280px, .9fr)\n            minmax(0, 1.1fr);\n\n        gap: 55px;\n    }\n\n    .gk-cs-details-grid {\n        gap: 70px;\n    }\n\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\n    \/* HERO *\/\n\n    .gk-cs-hero {\n        padding: 70px 0 65px;\n    }\n\n    .gk-cs-hero-grid {\n        grid-template-columns: 1fr;\n\n        gap: 45px;\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        line-height: 1.7;\n    }\n\n\n    \/* OVERVIEW *\/\n\n    .gk-cs-overview {\n        padding-bottom: 70px;\n    }\n\n    .gk-cs-overview-grid {\n        grid-template-columns: 1fr;\n\n        gap: 40px;\n    }\n\n    .gk-cs-portrait {\n        max-width: 100%;\n    }\n\n    .gk-cs-overview-copy {\n        max-width: 100%;\n    }\n\n\n    \/* DETAILS *\/\n\n    .gk-cs-details {\n        padding-bottom: 65px;\n    }\n\n    .gk-cs-details-grid {\n        grid-template-columns: 1fr;\n\n        gap: 55px;\n    }\n\n\n    \/* PROJECT IMAGE *\/\n\n    .gk-cs-project-image-section {\n        padding-bottom: 30px;\n    }\n\n\n    \/* RESULT *\/\n\n    .gk-cs-result {\n        padding-bottom: 80px;\n    }\n\n    .gk-cs-result-grid {\n        grid-template-columns: 1fr;\n\n        gap: 45px;\n    }\n\n    .gk-cs-result-block,\n    .gk-cs-contribution-block {\n        padding-top: 22px;\n    }\n\n\n    \/* TEXT *\/\n\n    .gk-cs-heading {\n        margin-bottom: 18px;\n\n        font-size: 27px;\n    }\n\n    .gk-case-study p,\n    .gk-cs-list li {\n        font-size: 15px;\n    }\n\n\n    \/* META *\/\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-hero {\n        padding-top: 55px;\n    }\n\n    .gk-cs-title {\n        font-size: 40px;\n    }\n\n}\n\n\/* GILL \/ HARRY \u2014 distanza dall\u2019header fisso e protezione tipografica *\/\n.gk-case-study .gk-cs-hero { padding-top: 220px; }\n.gk-case-study .gk-cs-title, .gk-case-study .gk-cs-heading { color: #ffffff !important; }\n.gk-case-study p, .gk-case-study .gk-cs-list, .gk-case-study .gk-cs-list li { color: #c4c4c4; }\n.gk-case-study .gk-cs-meta-inner { color: #a8a8a8; }\n@media (max-width: 1024px) { .gk-case-study .gk-cs-hero { padding-top: 200px; } }\n@media (max-width: 767px) { .gk-case-study .gk-cs-hero { padding-top: 170px; } }\n@media (max-width: 390px) { .gk-case-study .gk-cs-hero { padding-top: 170px; } }\n<\/style>\n<div class=\"gk-case-study\">\n<!-- =====================================================\n         HERO\n         ====================================================== -->\n<section class=\"gk-cs-hero\">\n<div class=\"gk-cs-container\">\n<div class=\"gk-cs-hero-grid\">\n<!-- LEFT -->\n<div>\n<div class=\"gk-cs-label\">Case Study \u2014 Web Design<\/div>\n<h1 class=\"gk-cs-title\">\n\n                        Alessandra Di Ronza \u2014\n\n                        <span>Uno spazio digitale per un portfolio artistico<\/span>\n<\/h1>\n<a class=\"gk-cs-project-link\" href=\"https:\/\/www.alessandradironza.it\/\" rel=\"noopener\" target=\"_blank\">\n                        www.alessandradironza.it \u2197\n                    <\/a>\n<\/div>\n<!-- RIGHT -->\n<div class=\"gk-cs-intro\">\n<p>Il sito di Alessandra Di Ronza \u00e8 stato progettato come uno spazio digitale essenziale, pensato per presentare la sua identit\u00e0 artistica e le sue opere. Il progetto punta su un\u2019esperienza minimale, personale e guidata dalle immagini, lasciando ai lavori il ruolo centrale nel racconto.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- =====================================================\n         OVERVIEW\n         ====================================================== -->\n<section class=\"gk-cs-overview\">\n<div class=\"gk-cs-container\">\n<div class=\"gk-cs-overview-grid\">\n<!-- PORTRAIT -->\n<div class=\"gk-cs-portrait\">\n<img decoding=\"async\" alt=\"Ritratto dell\u2019artista Alessandra Di Ronza\" loading=\"lazy\" src=\"https:\/\/gilbertkablan.it\/wp-content\/uploads\/2026\/03\/headshot-web.jpg\"\/>\n<\/div>\n<!-- COPY -->\n<div class=\"gk-cs-overview-copy\">\n<div class=\"gk-cs-label\">01 \u2014 Panoramica<\/div>\n<h2 class=\"gk-cs-heading\">Il progetto<\/h2>\n<p>Il portfolio online si basa su una struttura semplice e intuitiva, con sezioni dedicate a <strong>Chi sono<\/strong>, <strong>Galleria<\/strong> e <strong>Contatti<\/strong>. All\u2019interno della galleria, le opere sono organizzate in singoli progetti, per accompagnare la navigazione in modo chiaro e naturale senza perdere il carattere autoriale del sito.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- =====================================================\n         GOAL \/ APPROACH\n         ====================================================== -->\n<section class=\"gk-cs-details\">\n<div class=\"gk-cs-container\">\n<div class=\"gk-cs-details-grid\">\n<!-- GOAL -->\n<div>\n<div class=\"gk-cs-label\">02 \u2014 Obiettivo<\/div>\n<h2 class=\"gk-cs-heading\">Obiettivo<\/h2>\n<p>Creare un portfolio digitale capace di:<\/p>\n<ul class=\"gk-cs-list\">\n<li>presentare con chiarezza l\u2019identit\u00e0 dell\u2019artista<\/li>\n<li>valorizzare le opere attraverso una struttura visiva essenziale<\/li>\n<li>facilitare la navigazione tra i diversi progetti artistici<\/li>\n<li>mantenere un linguaggio minimale e contemporaneo<\/li>\n<\/ul>\n<\/div>\n<!-- APPROACH -->\n<div>\n<div class=\"gk-cs-label\">03 \u2014 Approccio<\/div>\n<h2 class=\"gk-cs-heading\">Approccio creativo<\/h2>\n<p>Il progetto si concentra su semplicit\u00e0, equilibrio visivo e gerarchia dei contenuti. L\u2019obiettivo era realizzare un sito capace di dare spazio alle opere senza sovrastarle, attraverso una struttura pulita e una navigazione diretta. L\u2019organizzazione delle sezioni permette di accedere facilmente sia al profilo dell\u2019artista sia alle diverse serie presenti in galleria.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- =====================================================\n         LARGE PROJECT IMAGE\n         ====================================================== -->\n<section class=\"gk-cs-project-image-section\">\n<div class=\"gk-cs-container\">\n<div class=\"gk-cs-project-image\">\n<img decoding=\"async\" alt=\"Sito portfolio di Alessandra Di Ronza: progetto di web design\" loading=\"lazy\" src=\"https:\/\/gilbertkablan.it\/wp-content\/uploads\/2026\/03\/Screenshot-2026-03-27-083336.png\"\/>\n<\/div>\n<\/div>\n<\/section>\n<!-- =====================================================\n         RESULT \/ CONTRIBUTION\n         ====================================================== -->\n<section class=\"gk-cs-result\">\n<div class=\"gk-cs-container\">\n<div class=\"gk-cs-result-grid\">\n<!-- RESULT -->\n<div class=\"gk-cs-result-block\">\n<div class=\"gk-cs-label\">04 \u2014 Risultato<\/div>\n<h2 class=\"gk-cs-heading\">Risultato<\/h2>\n<p>Il risultato \u00e8 un sito portfolio dalla struttura immediata e dal linguaggio visivo misurato, progettato per presentare i lavori artistici di Alessandra Di Ronza in modo chiaro e coerente. Il sito diventa un\u2019estensione digitale della sua ricerca, mantenendo l\u2019attenzione sulle opere.<\/p>\n<\/div>\n<!-- CONTRIBUTION -->\n<div class=\"gk-cs-contribution-block\">\n<div class=\"gk-cs-label\">05 \u2014 Contributo<\/div>\n<h2 class=\"gk-cs-heading\">Il mio contributo<\/h2>\n<p class=\"gk-cs-contribution-text\">Web design, organizzazione dei contenuti e progettazione della presentazione digitale del portfolio.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<!-- =====================================================\n         META\n         ====================================================== -->\n<div class=\"gk-cs-meta\">\n<div class=\"gk-cs-container\">\n<div class=\"gk-cs-meta-inner\">\n<span>\n                    Gilbert Kablan \u2014 Digital Design\n                <\/span>\n<span>\n                    Case Study \u2014 2026\n                <\/span>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Case Study \u2014 Web Design Alessandra Di Ronza \u2014 Uno spazio digitale per un portfolio artistico www.alessandradironza.it \u2197 Il sito di Alessandra Di Ronza \u00e8 stato progettato come uno spazio digitale essenziale, pensato per presentare la sua identit\u00e0 artistica e le sue opere. Il progetto punta su un\u2019esperienza minimale, personale e guidata dalle immagini, lasciando [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":44181,"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-45541","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/45541","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=45541"}],"version-history":[{"count":9,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/45541\/revisions"}],"predecessor-version":[{"id":45960,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/pages\/45541\/revisions\/45960"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/media\/44181"}],"wp:attachment":[{"href":"https:\/\/gilbertkablan.it\/en\/wp-json\/wp\/v2\/media?parent=45541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}