CINXE.COM
Sch茅ma | Where Creativity Meets Purpose
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Sch茅ma | Where Creativity Meets Purpose</title> <meta name="title" content="Sch茅ma | Where Creativity Meets Purpose"> <meta name="description" content="Discover Sch茅ma, a multidisciplinary creative agency led by Dimitra Chrona, crafting impactful brand identities, digital innovations, and cultural collaborations for over two decades."> <meta name="keywords" content="creative agency, multidisciplinary design, brand identity, visual communication, digital innovation, cultural collaborations, design agency Greece, Dimitra chrona, advertising agency, advertising Greece"> <meta name="robots" content="index, follow"> <meta name="language" content="English"><meta property="og:type" content="website" /> <meta property="og:title" content="Sch茅ma | Where Creativity Meets Purpose" /> <meta property="og:description" content="Discover Sch茅ma, a multidisciplinary creative agency led by Dimitra Chrona, crafting impactful brand identities, digital innovations, and cultural collaborations for over two decades." /> <meta property="og:keywords" content="creative agency, multidisciplinary design, brand identity, visual communication, digital innovation, cultural collaborations, design agency Greece, Dimitra chrona, advertising agency, advertising Greece" /> <meta name="og:type" content="website" /> <meta name="og:url" content="schema.gr/" /> <meta name="og:site_name" content="Sch茅ma | Where Creativity Meets Purpose" /> <meta name="og:title" content="Sch茅ma | Where Creativity Meets Purpose" /> <meta name="og:description" content="Discover Sch茅ma, a multidisciplinary creative agency led by Dimitra Chrona, crafting impactful brand identities, digital innovations, and cultural collaborations for over two decades." /> <meta name="og:keywords" content="creative agency, multidisciplinary design, brand identity, visual communication, digital innovation, cultural collaborations, design agency Greece, Dimitra chrona, advertising agency, advertising Greece"/> <meta name="viewport" content="width=device-width, initial-scale=0.0, maximum-scale=1, user-scalable=0"> <link rel="icon" href="/data/graphics/main/fav1.jpg" type="image/gif" sizes="32x32"> <link rel="stylesheet" href="/data/css/main/3_3_6.css"> <link rel="stylesheet" href="/data/css/main/w3.css"> <link rel="stylesheet" href="/data/footer/footer.css"> <link rel="stylesheet" href="/data/css/allShare.css"> <link rel="stylesheet" href="/data/navbars/navbar.css"> <link rel="stylesheet" href="/data/cookie/cookie1.css"> <link rel="stylesheet" href="/data/cookie/cookie101.css?rnd=128"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="/data/js/main/1_12_4.js"></script> <script src="/data/js/main/3_3_6.js"></script> <script src="/data/cookie/cookie1.js"></script> <script src="/data/js/allShare.js"></script> <script>var count = 0;var x = localStorage.getItem("storageName");</script> <style>#myspacerNew{height: 40px;background-color: white;border: 0px solid red;}</style> </head><!--Version 1.0--> <!--<body onload="animate($(this))">--> <body><!--<div class="mainNavbar" id="mymainNavbar">--><!--<div id="mainNavbar">--><!--</div></div>--> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"> <div class="row"><div id="header"> <div class="container-full hidden-xs visible-sm visible-md visible-lg"> <div id="navbar_menu" class="navbar navbar-default navbar" role="navigation"> <div class="navbar-header"><a class="navbar-brand" href="/"> <img src="/data/images/schema_design_logo.svg" alt="Schema Design Logo" title="Schema Design" width="160" height="52" style="margin-top: 20px; margin-left: -10px;"></a><button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><div class="collapse navbar-collapse navbar-menubuilder" id="myNavigationSector7"><ul class="nav navbar-nav navbar-right"><li class="Nav6"><a href="/" onclick='updateWork(this)' class="active">Work</a></li><li class="Nav6"><a href="/data/about/agency/" onclick='updateAbout(this)'>About</a></li><li class="Nav6"><a href="/data/search/" onclick='updateSearch(this)'><i class="fa fa-fw fa-search"></i></a></li></ul></div></div></div> <div class="visible-xs hidden-sm hidden-md hidden-lg"><div class="navbar navbar-inverse navbar"><div id="mySidenav" class="sidenav"><ul style="list-style-type:none"><li class="closebtn" onclick="closeNav()"> <div class="xout">×</div><li class="Nav7"><a href="/" onclick='updateWork(this)' class="active">Work</a></li><li class="Nav7"><a href="/data/about/agency/" onclick='updateAbout(this)'>About</a></li><li class="Nav7"><a href="/data/search/" onclick='updateSearch(this)'><i class="fa fa-fw fa-search"></i></a></li></ul></div><div class="container-full"><a class="navbar-brand" rel="home" href="/"><img src="/data/images/schema_design_logo.svg" alt="Schema Design Logo" title="Schema Design" width="120" height="40" style="margin-top: 20px; margin-left: -10px;"></a><div class="rm-container"><div id="main" style="text-align: right"><img id="myImg" onclick="openNav()" style="margin-top: 30px; margin-left:10px; margin-right:13px; width:17px;height:55px;" src="/data/images/hamburger.svg" alt="Schema Design Logo" title="Schema Design"></div></div></div></div></div></div><!--header--></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"><div style="border:0px solid black;"><div class="row" id="myFilterSpacer1"></div></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"><div style="border-bottom: 0px solid black; border-bottom-color: #A9A9A9;"><div class="row"><div class="navbar2ndPhase" id="mynavbar2ndPhase"><div id="navbar2ndPhase"></div></div></div></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"><div id="myRow1" style="border-bottom: 1px solid black; border-bottom-color: #A9A9A9;"><div class="row"></div></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"><div style="border-bottom:0px solid red;"><div class="row"><div id="myDIV2Exp"><div class="navbar2ndPhase_expertise" id="mynavbar2ndPhase_expertise"><div id="navbar2ndPhase_expertise"></div></div></div></div></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"><div style="border-bottom:0px solid green;"><div class="row"><div id="myDIV2Sec"><div class="navbar2ndPhase_sector" id="mynavbar2ndPhase_sector"><div id="navbar2ndPhase_sector"> </div></div></div></div></div></div> <div class="ex2 visible-xs hidden-sm hidden-md hidden-lg" style="background-color:white;"><div style="border-bottom:0px solid black;"><div id="myDIV2MS"><div class="navbar2ndPhase_mobileShow" id="mynavbar2ndPhase_mobileShow"><div id="navbar2ndPhase_mobileShow"></div></div></div></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"> <div id="myDIVBorderLine" style="border-bottom: 1px solid black; border-bottom-color: #A9A9A9;"> <div class="row"></div></div></div> <div id="myDIV2Cli"><div class="navbar2ndPhase_clients" id="mynavbar2ndPhase_clients"><div id="navbar2ndPhase_clients"></div></div></div> <div id="myDIV2All"><div style="border-bottom:0px solid black;"><div class="row" id="myspacerNew"></div></div> <div class="navbar2ndPhase_all" id="mynavbar2ndPhase_all"><div id="navbar2ndPhase_all"></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" style="text-align:center"> <div class="container" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;"> </div></div></div></div> <!--<button onclick="myFunction()">Try it</button><p id="demo"></p>--> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"> <div style="border-bottom:0px solid black;"> <div class="row" id="myspacer"> <br><br> </div></div></div> <div class="row" id="myFooterSpacer"> <div class="footer"> <div id="footer"> </div></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="row"> <button onclick="topFunction()" id="myBtn1" title="Go to top">Up</button> </div></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"> <div style="border-bottom:0px solid black;"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="row"><div id="cookieConsent"><div class="cookie"><div id="cookie"></div></div> <div id="cookieConsentPRE"><a class="cookieConsentPRE">Cookie Preferences</a></div> <div id="cookieConsentOK"><a class="cookieConsentOK">Accept All</a></div> </div></div></div></div></div> <div class="ex2 visible-xs visible-sm visible-md visible-lg" style="background-color:white;"> <div style="border-bottom:0px solid black;"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="row"><button class="open-button" id="form" onclick="openForm()">Cookie Preferences</button> <div class="cookie2"><div id="cookie2"></div></div> </div></div></div></div> <div class="ex2 hidden-xs hidden-sm hidden-md hidden-lg"><p id="text" style="display:none"></p></div> <script>$(document).ready(function() {myFunctionMain();clickBack();});var mybutton = document.getElementById("myBtn1");window.onscroll = function() {scrollFunction()};var slideIndex = 0;showSlides();function myFunction(){var w = window.innerWidth; var h = window.innerHeight;document.getElementById("demo").innerHTML = "Width: " + w + "<br>Height: " + h;}</script> <script>let intersectionObserver = new IntersectionObserver(function (entries, observer){entries.forEach(entry =>{if (entry.isIntersecting){let element = entry.target;element.setAttribute('src', element.dataset.src);element.onload = function (){element.style.cssText = 'opacity: 1; transition: all 1s ease-in-out;';};observer.unobserve(element);}});});window.onload = function (){document.querySelectorAll('.jack-img').forEach(img =>{intersectionObserver.observe(img);});}; </script> <p style="color:white" id="demo"></p> </body> </html>