Website of the President of the Republic of Slovenia

<!DOCTYPE html> <html class="ProjectPage" lang="en-IE" dir="ltr"> <head> <base href="https://www.innovatif.com/"> <title>Website of the President of the Republic of Slovenia | 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="Website of the President of the Republic of Slovenia" /> <meta property="og:url" content="https://www.innovatif.com/en/projects/website-of-the-president-of-the-republic-of-slovenia/" /> <meta property="og:site_name" content="Innovatif" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Website of the President of the Republic of Slovenia" /> <link rel="canonical" href="https://www.innovatif.com/en/projects/website-of-the-president-of-the-republic-of-slovenia/" /> <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%20By%20using%20this%20website%2C%20you%20agree%20to%20the%20use%20of%20cookies%20in%20accordance%20with%20our%20%3Ca%20href%3D%27en%2Fpersonal-data-protection-and-cookies%2F%27%3EPrivacy%20and%20Cookie%20Policy%3C%2Fa%3E.%20%3Ca%20href%3D%22%22%20class%3D%22iCD_settings%22%20id%3D%22_iCDoptbtn%22%3ESettings%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%3EConsent%20for%20the%20use%20of%20cookies%20and%20other%20tools%3C%2Fh2%3E%20%3Cp%3ETools%20and%20cookies%20used%20on%20the%20website%20collect%20information%20about%20visitors%20in%20anonymized%20form.%20Your%20consents%20enable%20us%20to%20ensure%20the%20functioning%20of%20all%20website%20features%2C%20customize%20certain%20content%20specifically%20for%20you%2C%20and%20continuously%20improve%20the%20website%20by%20analyzing%20visits.%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%3ESecurity%2C%20full%20functionality%2C%20and%20content%20customization%3C%2Flabel%3E%20%3Cp%3EI%20consent%20to%20the%20website%20use%20of%20tools%2C%20including%20cookies%2C%20which%20ensure%20full%20functionality%20and%20an%20appropriate%20level%20of%20security.%20I%20understand%20that%20without%20this%2C%20the%20website%20cannot%20offer%20proper%20functioning%2C%20such%20as%20website%20navigation%2C%20customization%20of%20appearance%2C%20and%20access%20to%20specific%20parts%20of%20the%20website.%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%3EWebsite%20traffic%20analysis%3C%2Flabel%3E%20%3Cp%3EI%20consent%20to%20the%20website%20use%20of%20tools%2C%20including%20cookies%2C%20which%20collect%20anonymized%20data%20about%20website%20visitors.%20I%20understand%20that%20without%20this%2C%20website%20administrators%20cannot%20analyze%20site%20traffic%20and%20usage%20patterns%20to%20improve%20the%20user%20experience%20on%20the%20website.%3C%2Fp%3E%20%3C%2Fdiv%3E%20%3Cdiv%20class%3D%22iCD_btn_holder%22%3E%20%3Cbutton%20class%3D%22_iCDclose%22%3EClose%3C%2Fbutton%3E%20%3Cbutton%20id%3D%22_iCDsave%22%3ESave%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%3ESettings%20saved%21%3C%2Fh2%3E%20%3Cbutton%20class%3D%22_iCDclose%22%3EClose%3C%2Fbutton%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20%3C%2Fdiv%3E%20", { "explainLink":"en/personal-data-protection-and-cookies/", "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">To content</a> <div class="adapt-1740 header-v-adapt header-flex"> <a href="/en/" 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">Open navigation</span> <span class="visuallyhidden a11y-close-nav">Close navigation</span> </button> </div> </header> <nav class="navigation"> <div class="adapt-nav"> <div class="nav-header"> <div class="lang-wrapper"> <a href="/sl/projekti/spletno-mesto-predsednice-republike-slovenije/">Slovenščina</a> </div> </div> <ul class="primary primary-nav-js"> <li class="link"> <a href="/en/">Home</a> </li> <li class="link"> <a href="/en/about/">About </a> </li> <li class="section"> <a href="/en/projects/">Projects</a> </li> <li class="link"> <a href="/en/jobs/">Jobs</a> </li> <li class="link"> <a href="/en/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>1000 Ljubljana, Slovenia</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">Website of the President of the Republic of Slovenia</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>When Nataša Pirc Musar was elected the <strong>first female President</strong> of the Republic of Slovenia, one of the main priorities when it came to building her own communication channels was to set up a <strong>new website</strong>. The website communicates the President’s vision and goals in an easily understandable and friendly way, keeping track of the activities that take place during her presidency. As part of the project, Innovatif developed an integrated design, established a transparent and clean content structure, incorporated the latest technology and adapted the website to vulnerable groups.    </p> </div> <div class="col-right"> <div class="project-detail-row body-content-small"> <h2>Client</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>Services</h2> <p>Graphic and web design</p> <p>Websites</p> </div> <div class="project-detail-row body-content-small"> <h2>Categories</h2> <p>Public sector</p> </div> <div class="project-detail-row body-content-small"> <h2>Website</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="e1955"> <div class="image-element"> <div class="col"> <figure> <picture> <source srcset="/assets/Projekti/predsednice-Republike-Slovenije/Predsednica2__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/Projekti/predsednice-Republike-Slovenije/Predsednica2__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/Projekti/predsednice-Republike-Slovenije/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="e1956"> <div class="inn-element element-content"> <div class="adapt-1740"> <div class="body-content max-1290"> <h3>Enhanced Design Concept</h3><p>Such a high-ranking position requires design that is modern, but also sophisticated and femininely chic. For this reason, the colour palette is calm with dark blue as the predominant colour. Combined with golden-yellow details, dark blue evokes elegance and reverence. The chosen colours harmonise with the classic serif typography. The main special feature of the website’s design are the elements inspired by the symbols of the Slovenian coat of arms. They are used for the background texture and visual accents, such as the menu button, which has a slightly wavy shape.</p> </div> </div> </div> </div> <div class="element innovatif__element__elementimagesandvideos" id="e1957"> <div class="image-element"> <div class="col"> <figure> <picture> <source srcset="/assets/Projekti/predsednice-Republike-Slovenije/Predsednica3__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/Projekti/predsednice-Republike-Slovenije/Predsednica3__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/Projekti/predsednice-Republike-Slovenije/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="e1958"> <div class="inn-element element-content"> <div class="adapt-1740"> <div class="body-content max-1290"> <h3>A Refined and Easily Navigable Content Structure</h3><p>It makes sense for the content to be arranged in a clear and concise way. The landing page is transparent, allowing the user to read it in less than a minute. While reading, the user is accompanied by a navigation button, which can be clicked to reveal a few things about the President, the Presidential Palace, the President’s Office, the strategic highlights of the presidential term, the goals the President has set, news, upcoming events and the team of advisers at the Presidential Palace. The user can also navigate the content sections by means of tags.</p> </div> </div> </div> </div> <div class="element innovatif__element__elementimagesandvideos" id="e1959"> <div class="image-element"> <div class="col"> <figure> <picture> <source srcset="/assets/Projekti/predsednice-Republike-Slovenije/Predsednica4__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/Projekti/predsednice-Republike-Slovenije/Predsednica4__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/Projekti/predsednice-Republike-Slovenije/Predsednica4__OriginalFileExtension__jpg__ScaleMaxWidthWzIwMDBd.jpg" class="img-desktop" alt="Predsednica4" width="3000" height="1500" loading="lazy"> </picture> </figure> </div> </div> </div> <div class="element innovatif__element__elementcontent" id="e1960"> <div class="inn-element element-content"> <div class="adapt-1740"> <div class="body-content max-1290"> <h3>Created with Everyone in Mind</h3><p>The website is adapted to fit any screen size and is thus accessible to the entire population. Captions and an interpreter have been used to make sure the website can be used by vulnerable groups – the deaf, the hard of hearing and the deafblind. The content has been marked with a special icon that guides the user to the customised content. Among other things, great emphasis is placed on ensuring security, i.e. the server environment is set up by the client, taking into account all the required protocols. The website features the live stream option and has an implemented RSS Feed, which allows applications to quickly access the latest content. The e-news is segmented in a way that makes it possible for the user to choose which content he or she would like to receive.</p> </div> </div> </div> </div> <div class="element innovatif__element__elementcta" id="e1961"> <div class="element-cta"> <div class="adapt-1740"> <div class="content-wrapper text-center"> <p><span>Fresh projects are on the way! </span><a href="https://www.innovatif.com/en/newsletter/">Sign up</a><span> for news!</span></p> </div> </div> </div> </div> <div class="related-projects related-margin-bottom"> <div class="adapt-1740"> <h2 class="h2 margin-bottom">Related projects</h2> </div> <div class="image-element two-images"> <div class="col"> <span class="visuallyhidden">Services - Graphic and web design</span> <a href="/en/projects/first-poli-nft-collection/" data-item="First Poli NFT Collection" class="col-link"> <figure> <picture> <source srcset="/assets/1920x1280-v4__OriginalFileExtension__png__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/1920x1280-v4__OriginalFileExtension__png__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/1920x1280-v4__OriginalFileExtension__png__ScaleMaxWidthWzIwMDBd.png" class="img-desktop" alt="1920x1280 v4" width="1920" height="1280" loading="lazy"> </picture> </figure> <div class="content-wrapper black-text"> <h3 class="black">Perutnina Ptuj</h3> <p data-item="First Poli NFT Collection" class="black">First Poli NFT Collection</p> </div> <div class="mask-hover"></div> </a> </div> <div class="col"> <span class="visuallyhidden">Services - Graphic and web design</span> <a href="/en/projects/an-exhibition-about-olms/" data-item="An Exhibition about Olms " class="col-link"> <figure> <picture> <source srcset="/assets/PJ-Seznam-EN__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzgwMF0.webp" media="(max-width: 767px)" type="image/webp"> <source srcset="/assets/PJ-Seznam-EN__OriginalFileExtension__jpg__ScaleMaxWidthWebpWzIwMDBd.webp" type="image/webp"> <img src="/assets/PJ-Seznam-EN__OriginalFileExtension__jpg__ScaleMaxWidthWzIwMDBd.jpg" class="img-desktop" alt="PJ Seznam EN" width="1920" height="1280" loading="lazy"> </picture> </figure> <div class="content-wrapper white-text"> <h3 class="white">Postojnska jama</h3> <p data-item="An Exhibition about Olms " class="white">An Exhibition about Olms </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>Contact us</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>1000 Ljubljana, Slovenia</p> </div> <div class="foo-col social"> <h2>Follow us</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>Hear from us</h2> <p>Once a month. Topical and professional. <a rel="noopener" href="/en/newsletter/" target="_blank">Sign up.</a></p> </div> </div> <div class="bottom-foo"> <p><a href="/en/about/">About </a></p> <p><a href="/en/personal-data-protection-and-cookies/">Personal data protection and cookies</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">Back to the top of the page</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

Website of the President of the Republic of Slovenia | Innovatif