CINXE.COM

Umobit SA - Digital Agency & Software House based in Athens - Greece

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <title>Umobit SA - Digital Agency & Software House based in Athens - Greece</title> <meta name="description" content="Umobit SA is an innovative software house as well as a cutting-edge digital agency. Together we grow and develop ideas to action." /> <meta property="og:title" content="Umobit - Digital Agency & Software House based in Athens - Greece" /> <meta property="og:description" content="Umobit SA is an innovative software house as well as a cutting-edge digital agency. Together we grow and develop ideas to action." /> <meta property="og:image" content="https://www.umobit.com/assets//img/case-studies/sarantis/sarantis-redesign.png" /> <meta name="facebook-domain-verification" content="i3xfvml5jj287wawxd2urisgxprzd5" /> <link rel="icon" type="image/png" href="assets/img/favicon.png" /> <!--===================================== CSS =====================================--> <link href="assets/css/bootstrap.css" rel="stylesheet" /> <link href="assets/css/owl.carousel.min.css" rel="stylesheet" /> <!-- Main --> <link href="assets/css/main.css" rel="stylesheet" /> <link href="assets/css/additional.css" rel="stylesheet" /> <!-- NEW CODE --> <script type="text/javascript"> (function (a, l, b, c, r, s) { (_nQc = c), (r = a.createElement(l)), (s = a.getElementsByTagName(l)[0]); r.async = 1; r.src = l.src = ('https:' == a.location.protocol ? 'https://' : 'http://') + b; s.parentNode.insertBefore(r, s); })(document, 'script', 'serve.albacross.com/track.js', '89272404'); </script> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-T4BVD25');</script> <!-- End Google Tag Manager --> </head> <body> <!------------------------------------------------> <!-- Menu - Flexy --> <!------------------------------------------------> <nav class="mm-menu"> <!-- logo --> <div class="mm-navbar"> <a class="mm-logo" href="http://umobit.com"> <img src="assets/img/logo.svg" r alt="Umobit Software House - Digital Agency - Athens" /> </a> <!-- Flexy Menu Content --> <!-- Toggle Menu --> <a href="#" class="mm-toggle" for=""><span></span></a> </div> <div class="mm-wrapper"> <ul> <li> <a href="index.html">Home</a> </li> <li> <a href="services.html">Services</a> </li> <li> <!-- Toggle Menu --> <a href="work.html" class="fl-dropdown"><span>Our Work</span><span class="icon-arrow"></span></a> <!-- first level --> <div class="fl-wrapper"> <ul> <li class="col-xxs-12 col-md-3 cs-item"> <a href="case-study-hellas-gold.html"> <span class="cs-img"> <span style="background-image: url('assets/img/case-studies/hellas-gold_hero.jpg');background-position: center center;"></span> </span> <span class="cs-title">Hellas Gold</span> </a> </li> <li class="col-xxs-12 col-md-3 cs-item"> <a href="case-study-archirodon.html"> <span class="cs-img"> <span style="background-image: url('assets/img/case-studies/archirodon_hero.jpg');background-position: center center;"></span> </span> <span class="cs-title">Archirodon</span> </a> </li> <li class="col-xxs-12 col-md-3 cs-item"> <a href="case-study-protergia.html"> <span class="cs-img"> <span style="background-image: url('assets/img/case-studies/protergia_hero.jpg')"></span> </span> <span class="cs-title">Protergia</span> </a> </li> <li class="col-xxs-12 col-md-3 cs-item"> <a href="case-study-botilia.html"> <span class="cs-img"> <span style="background-image: url('assets/img/mcs_5.jpg')"></span> </span> <span class="cs-title">Botilia.gr - Conversational Growth Marketing</span> </a> </li> <li class="col-xxs-12 mm-button"> <a href="work.html"> <span>WALL OF ACHIEVEMENTS</span> </a> </li> </ul> </div> </li> </ul> </div> <div class="mm-overlay"></div> </nav> <!-- /end nav --> <!-- start viewport --> <div class="viewport"> <div class="espa_logo"> <a href="assets/pdf/VIMA_WEB3bENb.pdf" target="_blank"> <img src="assets/img/logo_espa_2014-2020.png" alt="ESPA LOGO"> </a> </div> <!-- CS - Intro --> <!-- <section class="case-study-intro" style="background-image: url(assets/img/case-studies/intro-sarantis.jpg)"> <div class="container"> <div class="row"> <div class="content-bottom clearfix"> <div class="col-md-offset-1 col-md-3 clearfix case-study-logo" data-mh="case-study-intro"> <img src="assets/img/case-studies/logo-sarantis.png" alt="" /> </div> <div class="col-md-8" data-mh="case-study-intro"> <div class="case-study-title col-md-3 clear-pad"> <p>Project:</p> </div> <div class="case-study-desc col-md-9 clear-pad"> <p>IR Website</p> </div> <div class="case-study-title col-md-3 clear-pad"> <p>Client:</p> </div> <div class="case-study-desc col-md-9 clear-pad"> <p>Sarantis Group</p> </div> <div class="case-study-title col-md-3 clear-pad"> <p>Responsibilities:</p> </div> <div class="case-study-desc col-md-9 clear-pad"> <p>UX / UI / RWD Design / Development</p> </div> <div class="case-study-title col-md-3 clear-pad"> <p>Site:</p> </div> <div class="case-study-desc col-md-9 clear-pad"> <a href="http://ir.sarantis.gr">http://ir.sarantis.gr//</a> </div> </div> </div> </div> </div> </section> --> <iframe class="case-study" width="100%" height="100%" src="https://www.youtube.com/embed/NQizr4BAcmw?rel=0" title="Sarantis Video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <div class="container"> <div class="row case-study-header"> <div class="col-md-offset-3 col-md-6 animateMe slide-up text-center in-view"> <h2> <strong>SARANTIS GROUP <br /> A new group website serving 13 countries!</strong> </h2> <hr /> <h4><em>About Sarantis Group</em></h4> </div> </div> <div class="row case-study-content"> <div class="col-md-offset-3 col-md-6 animateMe text-center slide-right in-view"> <p> Sarantis Group, is a multinational consumer products company having a dominant presence in Eastern Europe through its own subsidiaries and strong export activity worldwide. The company, based in Athens, Greece, exports in more than 50 countries, having doubled its financial size in the last decade. </p> </div> </div> </div> <!------------------------------------------------> <!-- The Task --> <!------------------------------------------------> <section class="case-study"> <div class="container"> <div class="row case-study-header"> <div class="col-md-offset-3 col-md-6 animateMe slide-up text-center"> <h2> <strong>Strategy, UI-UX, <br /> Mobile First Design & Development</strong> </h2> <hr /> </div> </div> <div class="row case-study-content"> <div class="col-md-5 col-md-offset-1 step-container animateMe slide-left"> <p class="step-number">01</p> <p class="step-text">The Task</p> </div> <div class="col-md-4 animateMe slide-right"> <p> Due to the fact that Sarantis Group has a vast portfolio of over 100 brands and operates through 12 subsidiaries in Europe, it was of crucial importance to showcase its broad range of activities and corporate excellence, in a meaningful & user friendly way. </p> <p> Umobit was assigned with the challenging task of incorporating 14 regional sites and numerous brands, under one global entity, which at the same time would manifest the group's values, its investor relations services and sustainability strategy. </p> </div> </div> <div class="row case-study-image animateMe slide-up"> <div class="col-xs-12"> <img src="assets/img/case-studies/sarantis/sarantis-task.png" alt="Sarantis Investor Relations site by Umobit Creative Agency Athens" /> </div> </div> </div> </section> <!------------------------------------------------> <!-- The Approach --> <!------------------------------------------------> <section class="case-study"> <div class="container"> <div class="row case-study-content"> <div class="col-md-5 col-md-offset-1 step-container animateMe slide-left"> <p class="step-number">02</p> <p class="step-text">The Approach</p> </div> <div class="col-md-4 animateMe slide-right"> <p> Umobit, having a long and successful track record in designing and implementing large scale corporate websites, strategized and developed a clear design philosophy with a powerful system architecture to support it. </p> <p> Our main purpose was to create a platform that could serve diverse stakeholders in different places of the world (shareholders, potential business partners, retailers, shoppers, institutional organizations etc.), in the best way possible. Thus, the visitor, depending on his/her interest, should be easily navigated while keeping track of his/her session. </p> <p> Brands are aggregated and can be accessed with a fully functional search and filtering mechanism, while each brand page features multimedia, graphics and other info to help boost user engagement. </p> </div> </div> <div class="row case-study-image animateMe slide-up"> <div class="col-xs-12"> <img src="assets/img/case-studies/sarantis/sarantis-approach.png" alt="Sarantis Project Approach by Umobit AE Digital Agency in Athens" /> </div> </div> </div> </section> <!------------------------------------------------> <!-- The Result --> <!------------------------------------------------> <section class="case-study"> <div class="container"> <div class="row case-study-content"> <div class="col-md-5 col-md-offset-1 step-container animateMe slide-left"> <p class="step-number">03</p> <p class="step-text">The Result</p> </div> <div class="col-md-4 animateMe slide-right"> <p> Our team work and Goal-oriented mindset; to be successful and surpass expectations was the cornerstone for the actual result. We created a user friendly, optimised, flexible and appealing to the eye website, presenting consistency throughout the site and matching the brand’s status. We created a prominent and simple menu with Clear and thoughtful communication for the user, structured to serve consumer’s needs while also based the whole design on user’s experience (UX) best practices. </p> <p> Sarantis group’s ethos, assets and vast array of product lines were demonstrated in a way to reflect their massive market impact, potential and future direction. The company’ s strong brand identity and market leadership is clearly perceived by the user, while sections like Investor Relations and Sustainability were enhanced significantly for the benefit of the ever increasing social awareness of the company. </p> <a class="curtain curtain-blue" target="_blank" href="http://ir.sarantis.gr/"> <div class="btn btn-blue">VISIT THE SITE</div> </a> </div> </div> </div> </section> <!-- CS, Case Studies --> <section> <div class="container-fluid"> <div class="row"> <a href="https://www.mytilineos.gr/" target="_blank" class="float curtain case-study-item col-xs-12 col-md-6" style="background-image: url(assets/img/case-studies/case-studies-cs/cs-mitilineos.png)"> <div class="content-center text-center"> <h3>MYTILINEOS</h3> <h4>Corporate Website</h4> <div class="float-up read-more"> <p class="text-center">Visit Website</p> </div> </div> </a> <a href="https://www.botilia.gr/" target="_blank" class="float curtain case-study-item col-xs-12 col-md-6" style="background-image: url(assets/img/case-studies/case-studies-cs/cs-botilia.png)"> <div class="content-center text-center"> <h3>BOTILIA</h3> <h4>Corporate Website</h4> <div class="float-up read-more"> <p class="text-center">Visit Website</p> </div> </div> </a> </div> </div> </section> <footer> <!-- Main footer --> <div class="main-footer container-fluid"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-3"> <img class="footer-logo" src="assets/img/logo-footer.png" /> <h2>Digital Agency &amp; Software House</h2> <p> Umobit's customer centered approach aims to improve your current branding, to solve complex matters and to find creative ways to make your name stand up in the market. </p> </div> <div class="col-md-offset-1 col-md-4"> <h3>Where are we.</h3> <ul> <li> 235 C2, Lykourgoy Str., Kallithea,<br /> 17675, Athens, Greece<br /><br /> </li> <li><a class="footer-icon footer-icon-tel">+30 210 68 35 520</a></li> <li><a class="footer-icon footer-icon-fax">+30 211 21 57 765</a></li> <li><a class="footer-icon footer-icon-mail">info@umobit.com</a></li> </ul> </div> <div class="col-md-4"> <h3>Explore more.</h3> <ul> <li><a href="index.html">Home</a></li> <li><a href="services.html">Services</a></li> <li><a href="work.html">Our Work</a></li> </ul> </div> <!-- Exclude for now - nix <div class="col-md-offset-1 col-md-5"> <h3>our newsletter.</h3> <form method="post" class="newsletter" action="/Subscribe.ashx"> <input type="email" placeholder="Type in your email" name="email"> <div class="newsletter-form-output"> <p></p> </div> <div class="pull-right"> <a href="javascript:void(0)" class="curtain curtain-blue-transparent"> <span style="display: block" class="btn-subscribe">SUBSCRIBE </span> </a> </div> </form> </div> --> </div> </div> </div> <!-- Copyrights --> <div class="copyrights container-fluid"> <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <p>Copyright © 2019 Umobit. All rights reserved.</p> </div> </div> </div> </div> </footer> <div class="popup-contact"> <div class="popup-form-open"> <span>Ready to start your next project?</span> </div> <form class="cd-form floating-labels" id="popup-contact-form" method="post" action="/send.ashx"> <div class="col-xs-12"> <div class="icon"> <label class="cd-label" for="main-name">Name</label> <input class="user" type="text" name="name" id="main-name" required /> </div> <div class="icon"> <label class="cd-label" for="main-email">Email</label> <input class="email" type="email" name="email" id="main-email" required /> </div> <div class="icon"> <label class="cd-label" for="main-phone">Phone</label> <input class="phone" type="text" name="phone" id="main-phone" /> </div> <div class="icon"> <label class="cd-label" for="main-company">Company</label> <input class="company" type="text" name="company" id="main-company" /> </div> <div class="icon"> <label class="cd-label" for="main-textarea">Really short project description</label> <textarea class="message" name="message" id="main-textarea" required style="min-height: 50px"></textarea> </div> <input type="hidden" value="" name="g-recaptcha-response" id="g-recaptcha-response" /> <!-- nix --> <div class="form-output"> <p></p> </div> <!-- nix --> <div> <input type="submit" value="Send Message" /> </div> </div> <div class="popup-form-close"></div> </form> </div> </div> <!-- /end viewport --> <!--===================================== SCRIPTS =====================================--> <!-- Jquery --> <script src="assets/js/jquery-2.2.0.min.js"></script> <script src="assets/js/jquery.matchHeight-min.js"></script> <script type="text/javascript" src="assets/js/owl.carousel.min.js"></script> <!-- Main JS --> <script src="assets/js/main.min.js"></script> <script src="assets/js/jquery.form.min.js"></script> <script src="https://www.google.com/recaptcha/api.js?render=6LctvJEUAAAAABrFKC6ScusPJRgdDko0k_FeSnsL"></script> <script> grecaptcha.ready(function () { grecaptcha.execute('6LctvJEUAAAAABrFKC6ScusPJRgdDko0k_FeSnsL', { action: 'homepage' }).then(function (token) { //console.log(token); $('[name="g-recaptcha-response"]').val(token); }); }); </script> <script src="assets/js/additional.js"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10