Spletno mesto predsednice Republike Slovenije

<!DOCTYPE html> <html class="ProjectPage" lang="sl-SI" dir="ltr"> <head> <base href="https://www.innovatif.com/"> <title>Spletno mesto predsednice Republike Slovenije | Innovatif</title> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="apple-touch-icon" sizes="180x180" href="/resources/themes/innovatif/images/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/resources/themes/innovatif/images/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/resources/themes/innovatif/images/favicon/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="192x192" href="/resources/themes/innovatif/images/favicon/android-chrome-192x192.png"> <link rel="icon" type="image/png" sizes="512x512" href="/resources/themes/innovatif/images/favicon/android-chrome-512x512.png"> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-TileImage" content="/resources/themes/innovatif/images/favicon/mstile-150x150.png"> <meta name="theme-color" content="#ffffff"> <meta name="generator" content="SilverStripe - https://www.silverstripe.org" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Spletno mesto predsednice Republike Slovenije " /> <meta property="og:url" content="https://www.innovatif.com/sl/projekti/spletno-mesto-predsednice-republike-slovenije/" /> <meta property="og:site_name" content="Innovatif" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Spletno mesto predsednice Republike Slovenije " /> <link rel="canonical" href="https://www.innovatif.com/sl/projekti/spletno-mesto-predsednice-republike-slovenije/" /> <link rel="alternate" hreflang="en-ie" href="https://www.innovatif.com/en/projects/website-of-the-president-of-the-republic-of-slovenia/" /> <link rel="alternate" hreflang="sl-si" href="https://www.innovatif.com/sl/projekti/spletno-mesto-predsednice-republike-slovenije/" /> <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZRPQX2B0DW"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ZRPQX2B0DW'); </script> <link rel="stylesheet" href="/resources/vendor/innovatif/cookiesdirective/css/style.min.css?m=1711530585" /> <script src="/resources/vendor/innovatif/cookiesdirective/javascript/functions.min.js?m=1711533885"></script> <script> _iCD.init("%3Cdiv%20id%3D%22_iCD%22%20class%3D%22%22%3E%20%3Cspan%20class%3D%22close%22%20id%3D%22_iCDclose%22%3E%3C%2Fspan%3E%20%3Cdiv%20class%3D%22iCD_wrp%22%3E%20%3Cdiv%20class%3D%22iCD_lf%22%3E%20%3Cdiv%20class%3D%22iCD_inr%22%3E%20%3Cp%20class%3D%22iCD_content%22%3E%20S%20tem%2C%20ko%20uporabljate%20spletno%20mesto%2C%20dovoljujete%20uporabo%20orodij%20in%20pi%C5%A1kotkov%20v%20skladu%20z%20na%C5%A1o%20%3Ca%20href%3D%27sl%2Fpolitika-zasebnosti-in-piskotki%2F%27%3Epolitiko%20varovanja%20zasebnosti%3C%2Fa%3E.%20%3Ca%20href%3D%22%22%20class%3D%22iCD_settings%22%20id%3D%22_iCDoptbtn%22%3ENastavitve%3C%2Fa%3E%20%3C%2Fp%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20%3Cdiv%20id%3D%22_iCDoptions%22%3E%20%3Cdiv%20class%3D%22iCD_inner%22%3E%20%3Ch2%3EPrivolitve%20za%20uporabo%20pi%C5%A1kotkov%20in%20drugih%20orodij%3C%2Fh2%3E%20%3Cp%3EOrodja%20in%20pi%C5%A1kotki%2C%20ki%20jih%20uporabljamo%20na%20spletnem%20mestu%2C%20zbirajo%20v%20anonimizirani%20obliki%20informacije%20o%20obiskovalcih.%20Va%C5%A1e%20privolitve%20nam%20omogo%C4%8Dajo%2C%20da%20lahko%20zagotovimo%20delovanje%20vseh%20funkcij%20spletnega%20mesta%2C%20dolo%C4%8Dene%20vsebine%20prilagodimo%20posebej%20za%20vas%20in%20z%20analizo%20obiska%20spletno%20mesto%20stalno%20izbolj%C5%A1ujemo.%3C%2Fp%3E%20%3Cdiv%20class%3D%22iCD_checkbox_holder%22%3E%20%3Cinput%20id%3D%22iCDfunction%22%20type%3D%22checkbox%22%20disabled%20checked%3E%20%3Clabel%20for%3D%22iCDfunction%22%3EVarnost%2C%20pravilno%20delovanje%20in%20prilagajanje%20vsebin%3C%2Flabel%3E%20%3Cp%3ESogla%C5%A1am%2C%20da%20spletno%20mesto%20uporablja%20orodja%2C%20vklju%C4%8Dno%20s%20pi%C5%A1kotki%2C%20ki%20zagotavljajo%20pravilno%20delovanje%20in%20primeren%20nivo%20varnosti.%20Razumem%2C%20da%20spletno%20mesto%20brez%20tega%20ne%20more%20zagotavljati%20pravilnega%20delovanja%2C%20kot%20so%20navigacija%20po%20spletnem%20mestu%2C%20prilagajanje%20izgleda%20in%20zagotavljanje%20dostopa%20do%20posebnih%20delov%20spletnega%20mesta.%3C%2Fp%3E%20%3C%2Fdiv%3E%20%3Cdiv%20class%3D%22iCD_checkbox_holder%22%3E%20%3Cbr%3E%3Cinput%20id%3D%22iCDanalytics%22%20type%3D%22checkbox%22%20checked%3E%20%3Clabel%20for%3D%22iCDanalytics%22%3ESpremljanje%20obiska%3C%2Flabel%3E%20%3Cp%3ESogla%C5%A1am%2C%20da%20spletno%20mesto%20uporablja%20orodja%2C%20vklju%C4%8Dno%20s%20pi%C5%A1kotki%2C%20ki%20zbirajo%20anonimizirane%20podatke%20o%20obiskovalcih%20spletnega%20mesta.%20Razumem%2C%20da%20upravljavci%20spletnih%20mest%20brez%20tega%20ne%20morejo%20analizirati%20obiskanosti%20in%20na%C4%8Dinov%20uporabe%20spletnega%20mesta%20za%20izbolj%C5%A1evanje%20uporabni%C5%A1ke%20izku%C5%A1nje.%3C%2Fp%3E%20%3C%2Fdiv%3E%20%3Cdiv%20class%3D%22iCD_btn_holder%22%3E%20%3Cbutton%20class%3D%22_iCDclose%22%3EZapri%3C%2Fbutton%3E%20%3Cbutton%20id%3D%22_iCDsave%22%3EShrani%3C%2Fbutton%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20%3Cdiv%20id%3D%22_iCDSaved%22%3E%20%3Cdiv%20class%3D%22iCD_inner%22%3E%20%3Ch2%3ENastavitve%20so%20shranjene%21%3C%2Fh2%3E%20%3Cbutton%20class%3D%22_iCDclose%22%3EZapri%3C%2Fbutton%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20", { "explainLink":"sl/politika-zasebnosti-in-piskotki/", "cookieName":"_iCD3", "stateCookieName":"_iCD3State", "cookieExpires":365, "path":"/", "defaultAllowAnalytics":1, "defaultAllowMarketing":0, "defaultAllowSocial":0, "enableAnalytics":1, "enableMarketing":0, "enableSocial":0, "activateAnalytics":0, "activateMarketing":1, "activateSocial":1, "domain":"", "showUntilConfirmed":0, "GTMEnabled": 1 }); function _iCDWaitingForJ() { if (window.jQuery) { jQuery(document).ready(function($){ _iCD.bind($); _iCD.show(); _iCD.pushGTMConsents(); }); } else { setTimeout(_iCDWaitingForJ, 50); } } setTimeout(_iCDWaitingForJ, 50); </script> <link rel="stylesheet" type="text/css" href="/resources/themes/innovatif/css/style.min.css?m=1730281078" /> </head> <body> <div id="site-wrapper"> <header class="header" id="site-header"> <a href="javascript:accFocus()" class="jump-to-content">Skoči na vsebino</a> <div class="adapt-1740 header-v-adapt header-flex"> <a href="/sl/" class="brand" rel="home"> <div id="pageLogo"></div> <span class="visuallyhidden">Innovatif</span> </a> <button type="button" class="btn-site-menu burger-js"> <div class="page-logo-gif-wrapper"> <img src="/resources/themes/innovatif/images/logo-xx.gif" class="page-logo-gif initial" width="90" height="90" alt="" aria-hidden="true"> </div> <div class="page-burger-element-wrapper"> <div class="hamburger"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </div> </div> <span class="visuallyhidden a11y-open-nav">Odpri navigacijo</span> <span class="visuallyhidden a11y-close-nav">Zapri navigacijo</span> </button> </div> </header> <nav class="navigation"> <div class="adapt-nav"> <div class="nav-header"> <div class="lang-wrapper"> <a href="/en/projects/website-of-the-president-of-the-republic-of-slovenia/">English</a> </div> </div> <ul class="primary primary-nav-js"> <li class="link"> <a href="/sl/">Domov</a> </li> <li class="link"> <a href="/sl/o-nas/">O nas </a> </li> <li class="section"> <a href="/sl/projekti/">Projekti </a> </li> <li class="link"> <a href="/sl/jobs/">Jobs</a> </li> <li class="link"> <a href="/sl/innsights/">Innsights</a> </li> </ul> <div class="nav-footer"> <div class="nav-footer-col"> <p><a href="https://tel:+386013004040">+386 (0)1 300 40 40</a></p><p><a href="mailto:info@innovatif.com">info@innovatif.com</a></p><p>Poljanski nasip 6</p><p>SI-1000 Ljubljana</p> </div> <div class="nav-footer-col"> <a href="https://www.facebook.com/InnovatifTeam/" target="_blank">Facebook</a> <a href="https://www.linkedin.com/company/innovatif/" target="_blank">LinkedIn</a> <a href="https://www.instagram.com/innovatif_com/" target="_blank">Instagram</a> </div> </div> </div> </nav> <main id="main-content" class="main"> <article class="project-page"> <div class="adapt-1740 article-h1-padding"> <h1 class="h1 max-1580">Spletno mesto predsednice Republike Slovenije </h1> </div> <div class="image-element"> <div class="col"> <figure> <picture> <source srcset="/assets/Predsednica1__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/Predsednica1__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/Predsednica1__OriginalFileExtension__jpg__ScaleMaxWidthWzIwMDBd.jpg" class="img-desktop" alt="Predsednica1" width="3000" height="1500" loading="lazy"> </picture> </figure> </div> </div> <div class="project-detail"> <div class="adapt-1740 detail-v-adapt flex-3-1"> <div class="col-left body-content"> <p>Ob izvolitvi Nataše Pirc Musar kot <strong>prve predsednice</strong> Republike Slovenije, je bila ena prvih prioritet na listi grajenja predsedničinih lastnih komunikacijskih kanalov, vzpostavitev <strong>novega spletnega mesta</strong>. Le ta javnosti na poljuden in prijazen način sporoča njeno vizijo, cilje in sledi aktivnostim, ki se dogajajo v času njenega predsedovanja. Znotraj projekta smo razvili celostno oblikovno zasnovo, zastavili pregledno in očiščeno vsebinsko strukturo, ga tehnično nadgradili ter prilagodili ranljivim skupinam.</p> </div> <div class="col-right"> <div class="project-detail-row body-content-small"> <h2>Naročnik</h2> <p>Urad Predsednika RS</p> </div> <div class="project-detail-row body-content-small"> </div> <div class="project-detail-row body-content-small"> <h2>Storitve</h2> <p>Spletno mesto</p> <p>Oblikovanje</p> </div> <div class="project-detail-row body-content-small"> <h2>Kategorije</h2> <p>Javni sektor</p> </div> <div class="project-detail-row body-content-small"> <h2>Spletna stran</h2> <p><a href="https://www.predsednica-slo.si/sl/" target="_blank" rel="noopener noreferrer">www.predsednica-slo.si/sl/</a></p> </div> </div> </div> </div> <div class="element innovatif__element__elementimagesandvideos" id="e1948"> <div class="image-element"> <div class="col"> <figure> <picture> <source srcset="/assets/Predsednica2__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/Predsednica2__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/Predsednica2__OriginalFileExtension__jpg__ScaleMaxWidthWzIwMDBd.jpg" class="img-desktop" alt="Predsednica2" width="3000" height="1500" loading="lazy"> </picture> </figure> </div> </div> </div> <div class="element innovatif__element__elementcontent" id="e1949"> <div class="inn-element element-content"> <div class="adapt-1740"> <div class="body-content max-1290"> <h3>Povzdignjena oblikovna zasnova</h3><p>Tako visoka državniška funkcija, mora nastopiti z oblikovno zasnovo, ki je sodobna, a hkrati uglajena in ženstveno šik. Barvna lestvica je tako umirjena s prevladujočo temno modro, ki v kombinaciji z zlato-rumenimi detajli izraža eleganco in spoštovanje. Izbrane barve se lepo skladajo s klasično serifno tipografijo. Največja posebnost oblikovne podobe spletišča so likovni elementi, ki so navdih dobili iz simbolov slovenskega grba. Uporabili smo jih za teksturo ozadja in pri vizualnih poudarkih, kot na primer gumb za meni, ki je dobil nekoliko bolj valovito obliko.</p> </div> </div> </div> </div> <div class="element innovatif__element__elementimagesandvideos" id="e1950"> <div class="image-element"> <div class="col"> <figure> <picture> <source srcset="/assets/Predsednica3__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/Predsednica3__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/Predsednica3__OriginalFileExtension__jpg__ScaleMaxWidthWzIwMDBd.jpg" class="img-desktop" alt="Predsednica3" width="3000" height="1000" loading="lazy"> </picture> </figure> </div> </div> </div> <div class="element innovatif__element__elementcontent" id="e1951"> <div class="inn-element element-content"> <div class="adapt-1740"> <div class="body-content max-1290"> <h3>Prečiščena in pregledna struktura vsebin</h3><p>Smiselno je, da je ureditev vsebin jasna in jedrnata. Vstopna stran je pregledna in uporabniku omogoči, da jo prebere v manj kot minuti. Medtem ga spremlja navigacijski gumb, ki nam ob kliku razkrije nekaj o predsednici, o palači in uradu, strateške poudarke njenega mandata z zastavljenimi cilji, novice, prihajajoče dogodke in ekipo svetovalcev predsedniške palače. Uporabnik lahko preko vsebinskih sklopov navigira tudi s pomočjo oznak oz. “tagov”.</p> </div> </div> </div> </div> <div class="element innovatif__element__elementimagesandvideos" id="e1952"> <div class="image-element"> <div class="col"> <figure> <picture> <source srcset="/assets/Predsednica4-v2__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/Predsednica4-v2__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/Predsednica4-v2__OriginalFileExtension__jpg__ScaleMaxWidthWzIwMDBd.jpg" class="img-desktop" alt="Predsednica4 v2" width="3000" height="1500" loading="lazy"> </picture> </figure> </div> </div> </div> <div class="element innovatif__element__elementcontent" id="e1953"> <div class="inn-element element-content"> <div class="adapt-1740"> <div class="body-content max-1290"> <h3>Približana ljudem</h3><p>Spletno mesto je prilagojeno vsem zaslonom in tako dostopno celotni populaciji. S podporo podnapisov in tolmača se približamo ranljivim skupinam - gluhim, naglušnim in gluhoslepim. Vsebine so označene s posebno ikono, ki uporabnika vodi do prilagojenih vsebin. Velik poudarek je tudi na zagotavljanju varnosti, saj je strežniško okolje vzpostavljeno na strani naročnika in upošteva vse zahtevane protokole. Stran omogoča tudi predvajanje prenosov v živo in ima implementiran RSS Feed, ki aplikacijam dovoljuje hiter dostop do najnovejših vsebin. E-novice so segmentirane tako, da lahko uporabnik sam določi, katere vsebine želi prejemati.</p> </div> </div> </div> </div> <div class="element innovatif__element__elementcta" id="e1954"> <div class="element-cta"> <div class="adapt-1740"> <div class="content-wrapper text-center"> <p>Na poti so sveži projekti. <br><a href="/sl/bodite-obvesceni/">Prijavi se</a> na novice.</p> </div> </div> </div> </div> <div class="related-projects related-margin-bottom"> <div class="adapt-1740"> <h2 class="h2 margin-bottom">Podobni projekti</h2> </div> <div class="image-element two-images"> <div class="col"> <span class="visuallyhidden">Storitve - Oblikovanje</span> <a href="/sl/projekti/sejemski-nastop-ki-je-navdusil-globalno-obcinstvo/" data-item="Sejemski nastop, ki je navdušil globalno občinstvo" class="col-link"> <div class="video-container"> <video class="js-video-lazy" autoplay muted loop playsinline width="960" height="640" poster="/resources/themes/innovatif/images/inn-video-placeholder.png"> <source data-src="/assets/DZ-za-INN-Web-Titus-Interzum-2023-1920x1280-v2.mp4" type="video/mp4"> </video> </div> <div class="content-wrapper white-text"> <h3 class="white">Titus</h3> <p data-item="Sejemski nastop, ki je navdušil globalno občinstvo" class="white">Sejemski nastop, ki je navdušil globalno občinstvo</p> </div> <div class="mask-hover"></div> </a> </div> <div class="col"> <span class="visuallyhidden">Storitve - Oblikovanje</span> <a href="/sl/projekti/kocevsko-divje-a-prijazno/" data-item="Kočevsko. Divje. A prijazno." class="col-link"> <figure> <picture> <source srcset="/assets/00-KOCEVSKO-seznam__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/00-KOCEVSKO-seznam__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/00-KOCEVSKO-seznam__OriginalFileExtension__jpg__ScaleMaxWidthWzIwMDBd.jpg" class="img-desktop" alt="00 KOCEVSKO seznam" width="1920" height="1280" loading="lazy"> </picture> </figure> <div class="content-wrapper white-text"> <h3 class="white">Zavod Kočevsko</h3> <p data-item="Kočevsko. Divje. A prijazno." class="white">Kočevsko. Divje. A prijazno.</p> </div> <div class="mask-hover"></div> </a> </div> </div> </div> </article> </main> <footer class="footer"> <div class="adapt-1740"> <div class="main-foo"> <div class="foo-col contact"> <h2>Naši kontakti</h2> <p><a href="https://tel:+386013004040">+386 (0)1 300 40 40</a></p><p><a href="mailto:info@innovatif.com">info@innovatif.com</a></p><p>Poljanski nasip 6</p><p>SI-1000 Ljubljana</p> </div> <div class="foo-col social"> <h2>Sledite nam</h2> <ul class="foo-list"> <li> <a href="https://www.facebook.com/InnovatifTeam/" target="_blank">Facebook</a> </li> <li> <a href="https://www.linkedin.com/company/innovatif/" target="_blank">LinkedIn</a> </li> <li> <a href="https://www.instagram.com/innovatif_com/" target="_blank">Instagram</a> </li> </ul> </div> <div class="foo-col newsletter"> <h2>Novice iz Innovatifa</h2> <p><span>Enkrat na mesec. Sveže in strokovno. <a href="/sl/bodite-obvesceni/">Prijavi se.</a></span></p> </div> </div> <div class="bottom-foo"> <p><a href="/sl/o-nas/">O nas </a></p> <p><a href="/sl/politika-zasebnosti-in-piskotki/">Politika zasebnosti in piškotki</a></p> <p class="copyright">© 2024 Innovatif</p> <p><img class="icon-cookie iCD_show" src="resources/vendor/innovatif/cookiesdirective/img/cookie-icon.svg" alt="cookie" width="27" height="26" loading="lazy"/></p> </div> </div> </footer> <div class="scroll-top"> <div class="adapt-1740"> <button type="button"> <span class="visuallyhidden">Nazaj na vrh strani</span> </button> </div> </div> </div> <script type="application/javascript" src="/resources/themes/innovatif/javascript/libs/jquery-3.5.1.min.js?m=1603203398"></script> <script type="application/javascript" src="/resources/themes/innovatif/javascript/libs/modernizr.js?m=1615497022"></script> <script type="application/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.7.5/lottie.min.js"></script> <script type="application/javascript" src="/resources/themes/innovatif/javascript/functions.min.js?m=1730281078"></script> </body> </html>

CINXE.COM

Spletno mesto predsednice Republike Slovenije | Innovatif