A booking app for traveling needs | Travelo /title> <meta name="keywords" content="UI Designer, Travelo" />  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-162616522-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-162616522-1'); </script>  <link rel="shortcut icon" href="/favicon.png" type="image/x-icon"/>  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700%7CPlayfair+Display:400,400i" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">  <link rel="stylesheet" type="text/css" href="../resources/plugin/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="../resources/plugin/css/swiper.min.css"> <script rel="script" type="text/javascript" src="../resources/plugin/js/pace.min.js"></script> <link rel="stylesheet" type="text/css" href="../resources/plugin/css/pace__theme--minimal-white.css"/>  <link rel="stylesheet" type="text/css" href="../resources/custom/css/custom.css"> </head> <body> <div class="body-content casestudy travelio"> <header class="header"> <div class="container-fluid c-container-fluid"> <div class="row"> <div class="col-md-12"> <nav class="navbar navbar-expand"> <a class="navbar-brand" href="../index.html"> <div class="close-container"> <div class="leftright"></div> <div class="rightleft"></div> </div> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="../about.html">About</a> </li> <li class="nav-item active"> <a class="nav-link" href="../work.html">Work</a> </li> <li class="nav-item"> <a class="nav-link" href="../contact.html">Contact</a> </li> </ul> </div> </nav> </div> </div> </div> </header> <main class="casestudy-wrap"> <section class="section casestudy-main"> <div class="container-fluid c-container-fluid"> <div class="row"> <div class="col-md-12"> <div class="wrap content-wrapper"> <div class="head"> <h1><span>Travelio</span></h1> </div> <div class="body"> <div class="project-details"> <div class="list"> <ul> <li><strong>Role</strong></li> <li>Design Concept</li> <li>User Interface</li> </ul> </div> <div class="list"> <ul> <li><strong>Deliverables</strong></li> <li>UI Design</li> <li>UX Design</li> </ul> <ul> <li><strong>Date</strong></li> <li>March 2017</li> </ul> </div> </div> <div class="desc"> <p>Not sure where do you plan to visit or travel next? We have Travelio to help you decide and choose from an array of places, flights and more. This has been an experimental project to get a warm hands on Figma and Sketch. I am glad to pull a project with work, dedication and also consistency.</p>     <br> <p><strong>- Travelio</strong></p> <div class="title"><a href="https://adobe.ly/39DOsdI">Visit Site <i class="fas fa-arrow-up"></i></a></div> </div> </div> </div> </div> </div> </div> </section> <section class="section casestudy-displayMob"> <div class="container-fluid c-container-fluid"> <div class="row"> <div class="col-md-12"> <div class="wrap content-wrapper"> <div class="wrap_img"> <img src="../uploads/Travelio - Home.png" alt="Travelio - Home" class="img-fluid"> <img src="../uploads/Hotel - Search.png" alt="Hotel - Search" class="img-fluid"> <img src="../uploads/Search - Results.png" alt="Search - Results" class="img-fluid"> <img src="../uploads/Flight - Search.png" alt="Flight - Search" class="img-fluid"> <img src="../uploads/Boarding pass.png" alt="Boarding pass" class="img-fluid"> <img src="../uploads/Checkout.png" alt="Checkout" class="img-fluid"> </div> </div> </div> </div> </div> </section> <section class="section casestudy-end"> <div class="container-fluid c-container-fluid"> <div class="row"> <div class="col-md-12"> <div class="wrap content-wrapper"> <div class="body"> <div class="project-details"> <div class="list"> <ul> <li><a href="https://adobe.ly/39DOsdI">view site <i class="fas fa-arrow-up"></i></a></li> </ul> </div>       </div> </div> <div class="foot"> <p>Next Project</p> <a href="planera.html">Planera</a> </div> </div> </div> </div> </div> </section> </main> </div> <script rel="script" type="text/javascript" src="../resources/plugin/js/jquery.min.js"></script> <script rel="script" type="text/javascript" src="../resources/plugin/js/bootstrap.min.js"></script> <script rel="script" type="text/javascript" src="../resources/plugin/js/swiper.min.js"></script> <script rel="script" type="text/javascript" src="../resources/custom/js/main.js"></script> </body> </html>