Services || Service Details || smart matech  <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" /> <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png" /> <link rel="manifest" href="assets/images/favicons/site.webmanifest" /> <meta name="description" content="smart matech" />  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" /> <link rel="stylesheet" href="assets/vendors/animate/animate.min.css" /> <link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" /> <link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" /> <link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css" /> <link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" /> <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css" /> <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css" /> <link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" /> <link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" /> <link rel="stylesheet" href="assets/vendors/main-icons/style.css"> <link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css" /> <link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css" /> <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css" /> <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css" /> <link rel="stylesheet" href="assets/vendors/twentytwenty/twentytwenty.css" /> <link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" /> <link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css" /> <link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" /> <link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" /> <link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css" />  <link rel="stylesheet" href="assets/css/main.css" /> <link rel="stylesheet" href="assets/css/main-responsive.css" /> </head> <body> <div class="preloader"> <img class="preloader__image" width="60" src="assets/images/loader.png" alt="" /> </div>  <div class="page-wrapper"> <header class="main-header clearfix"> <div class="main-header__top clearfix"> <div class="main-header__top-inner clearfix"> <div class="main-header__top-left"> <ul class="list-unstyled main-header__top-address"> <li> <div class="icon"> <span class="icon-pin"></span> </div> <div class="text"> <p>Italy</p> </div> </li> <li> <div class="icon"> <span class="icon-email"></span> </div> <div class="text"> <p><a href="mailto:support@smartmatech.com">support@smartmatech.com</a></p> </div> </li> </ul> </div> <div class="main-header__top-right"> <div class="main-header__top-right-text"> <p><span> Follow Us On :</span> </p> </div> <div class="main-header__top-right-social"> <a href="#"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-facebook"></i></a> <a href="#"><i class="fab fa-pinterest-p"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> <a href="#"><i class="fab fa-linkedin"></i></a> </div> </div> </div> </div> <nav class="main-menu clearfix"> <div class="main-menu-wrapper clearfix"> <div class="main-menu-wrapper-inner clearfix"> <div class="main-menu-wrapper__left clearfix"> <div class="main-menu-wrapper__logo"> <a href="index.html"><img src="assets/images/resources/logo.png" alt=""></a> </div> <div class="main-menu-wrapper__main-menu"> <a href="#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a> <ul class="main-menu__list"> <li> <a href="index.html">Home </a> </li> <li><a href="about.html">About</a></li> <li class="dropdown current"> <a href="services.html">Services</a> <ul> <li class="dropdown"><a href="#"> Software Development</a> <ul> <li> <a href="web-app-development.html">Mobile & Web App Development </a> </li> <li> <a href="microservices-development.html">Microservices Development</a> </li> <li> <a href="api-development.html">API Development</a> </li> <li> <a href="software-maintenance.html">Software Maintenance</a></li> <li> <a href="content-management.html">Content Management</a> </li> <li> <a href="ui-ux-Design.html">UI/UX Design </a> </li> </ul> </li> <li> <a href="it-infrastructure.html">IT Infrastructure Services</a> </li> <li> <a href="managed-services.html">Managed Services</a> </li> <li> <a href="digital-transformation.html">Digital Transformation</a> </li> <li> <a href="emerging-technologies.html">Emerging Technologies</a> </li> </ul> </li> <li> <a href="project.html">Projects</a> </li> <li> <a href="products.html">Products </a> </li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> <div class="main-menu-wrapper__right"> <div class="main-menu-wrapper__call"> <div class="main-menu-wrapper__call-icon"> <img src="assets/images/shapes/phone-icon.png" alt=""> </div> <div class="main-menu-wrapper__call-number"> <p>Have any questions?</p> <h5><a href="tel:+393885778276">Free: +393885778276</a></h5> </div> </div> <div class="main-menu-wrapper__search-box-cart-box"> <a href="#" class="main-menu-wrapper__search search-toggler icon-magnifying-glass"></a> <a href="contact.html" class="main-menu-wrapper__cart icon-avatar"></a> </div> </div> </div> </div> </nav> </header> <div class="stricky-header stricked-menu main-menu"> <div class="sticky-header__content"></div>  </div>   <section class="page-header"> <div class="page-header-bg" style="background-image: url(assets/images/backgrounds/page-header-bg.jpg)"> </div> <div class="page-header-bg-overly"></div> <div class="page-header-shape wow slideInRight" data-wow-delay="100ms" data-wow-duration="2500ms" style="background-image: url(assets/images/shapes/page-header-shape.png)"></div> <div class="container"> <div class="page-header__inner"> <ul class="thm-breadcrumb list-unstyled"> <li><a href="index.html">Home</a></li> <li><span>/</span></li> <li><a href="services.html">Services</a></li> </ul> <h2>UI/UX Design</h2> </div> </div> </section>   <section class="service-details"> <div class="container"> <div class="row"> <div class="col-xl-8 col-lg-7"> <div class="service-details__right"> <div class="service-details__img"> <img src="assets/images/resources/service-details-img-11.jpg" alt=""> </div> <div class="service-details__content"> <h3 class="service-details__title">UI/UX Design </h3> <p class="service-details__text"> User experience (UX) design is the process of designing products or services that provide meaningful and relevant experiences to users. <br><br> Smart Solutions Services considers the elements that shape a user's experience with a product or service, how these elements make the user feel, and how easy it is to accomplish their desired tasks when designing the user experience for your organization’s service offering. Smart Solutions Services includes aspects like branding, design, usability, and function when performing user experience design services for your organization. </p> </div> <div class="service-details__faq mt-5"> <div class="accrodion-grp faq-one-accrodion" data-grp-name="faq-one-accrodion"> <div class="accrodion active"> <div class="accrodion-title"> <h4>How to process the business IT solution?</h4> </div> <div class="accrodion-content"> <div class="inner"> <p>There are many variations of passages of available but the majority have in that some form by injected randomised words which don’t look even as slightly believable now.</p> </div>  </div> </div> <div class="accrodion"> <div class="accrodion-title"> <h4>How to process the business IT solution?</h4> </div> <div class="accrodion-content" style="display: none;"> <div class="inner"> <p>There are many variations of passages of available but the majority have in that some form by injected randomised words which don’t look even as slightly believable now.</p> </div>  </div> </div> <div class="accrodion"> <div class="accrodion-title"> <h4>How to process the business IT solution?</h4> </div> <div class="accrodion-content" style="display: none;"> <div class="inner"> <p>There are many variations of passages of available but the majority have in that some form by injected randomised words which don’t look even as slightly believable now.</p> </div>  </div> </div> <div class="accrodion last-chiled"> <div class="accrodion-title"> <h4>How to process the business IT solution?</h4> </div> <div class="accrodion-content" style="display: none;"> <div class="inner"> <p>There are many variations of passages of available but the majority have in that some form by injected randomised words which don’t look even as slightly believable now.</p> </div>  </div> </div> </div> </div> </div> </div> <div class="col-xl-4 col-lg-5"> <div class="service-details__sidebar"> <div class="service-details__sidebar-service"> <h4 class="service-details__sidebar-title"> Software Development Services</h4> <ul class="service-details__sidebar-service-list list-unstyled"> <li> <a href="web-app-development.html">Mobile & Web App Development </a> </li> <li> <a href="microservices-development.html">Microservices Development</a> </li> <li> <a href="api-development.html">API Development</a> </li> <li> <a href="software-maintenance.html">Software Maintenance</a></li> <li> <a href="content-management.html">Content Management</a> </li> <li> <a href="ui-ux-Design.html">UI/UX Design </a> </li> </ul> </div> <div class="service-details__need-help"> <div class="service-details__need-help-bg" style="background-image: url(assets/images/backgrounds/service-details-need-help-bg.jpg)"> </div> <div class="service-details__need-help-bg-overly"></div> <div class="service-details__need-help-icon"> <img src="assets/images/shapes/phone-icon.png" alt=""> </div> <h2 class="service-details__need-help-text-box">Get Professional Help to Solve <br> IT Software Problems</h2> <div class="service-details__need-help-contact"> <a href="tel:">+393885778276</a> <p>Call Anytime Our <br> to Experts</p> </div> </div> </div> </div> </div> </div> </section>   <footer class="site-footer"> <div class="site-footer__top"> <div class="container"> <div class="site-footer__top-inner"> <div class="site-footer-map" style="background-image: url(assets/images/shapes/site-footer-mape.png)"></div> <div class="row"> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="100ms"> <div class="footer-widget__column footer-widget__about"> <div class="footer-widget__about-logo"> <a href="index.html"><img src="assets/images/resources/footer-loader.png" alt=""></a> </div> <p class="footer-widget__about-text">Smart Solutions Services Company (3S) was established in 2024 with a vision to facilitate advanced technical systems </p> <div class="footer-widget__about-social"> <a href="#"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-facebook"></i></a> <a href="#"><i class="fab fa-pinterest-p"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> </div> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="200ms"> <div class="footer-widget__column footer-widget__links clearfix"> <h3 class="footer-widget__title">Links</h3> <ul class="footer-widget__links-list list-unstyled clearfix"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="project.html">Projects</a></li> <li> <a href="products.html">Products </a> </li> <li><a href="contact.html">Contact</a></li> </ul> <ul class="footer-widget__links-list footer-widget__links-list-two list-unstyled clearfix"> <li> <a href="it-infrastructure.html">IT Infrastructure Services</a> </li> <li> <a href="managed-services.html">Managed Services</a> </li> <li> <a href="digital-transformation.html">Digital Transformation</a> </li> <li> <a href="emerging-technologies.html">Emerging Technologies</a> </li> </ul> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="300ms"> <div class="footer-widget__column footer-widget__contact"> <h3 class="footer-widget__title">Contact</h3> <p class="footer-widget__contact-text">Italy: Traversa || De Angiles - Bari - 70124 <br> KSA: 8210 Khalid Bin Al Walid - Al Rawdah Dist. Unit No 4846 Riyadh 13211 - 4844 <br> Egypt: Mostafa Elnahas St - Madinet Naser - Cairo </p> <ul class="list-unstyled footer-widget__contact-list"> <li> <div class="icon"> <span class="icon-email"></span> </div> <div class="text"> <p><a href="mailto:support@smartmatech.com">support@smartmatech.com</a></p> </div> </li> <li> <div class="icon"> <span class="icon-telephone"></span> </div> <div class="text"> <p><a href="tel:"> +393885778276</a></p> </div> </li> </ul> </div> </div> <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="400ms"> <div class="footer-widget__column footer-widget__newsletter"> <h3 class="footer-widget__title">Newsletter</h3> <p class="footer-widget__newsletter-text">Subscribe to our newsletter for daily new and updates</p> <form class="footer-widget__newsletter-form mc-form" data-url="https://xyz.us18.list-manage.com/subscribe/post?u=20e91746ef818cd941998c598&id=cc0ee8140e"> <div class="footer-widget__newsletter-input-box"> <input type="email" placeholder="Email address" name="email"> <button type="submit" class="footer-widget__newsletter-btn">Send</button> </div> </form> <div class="mc-form__response"></div>  </div> </div> </div> </div> </div> </div> <div class="site-footer__bottom"> <div class="site-footer__bottom-container"> <div class="container"> <div class="row"> <div class="col-xl-12"> <div class="site-footer__bottom-inner"> <div class="site-footer__bottom-left"> <p class="site-footer__bottom-text">© All Copyright <span class="dynamic-year"> </span> by <a href="#">smart matech</a></p> </div> <div class="site-footer__bottom-right"> <ul class="list-unstyled site-footer__bottom-menu"> <li><a href="terms-condition.html">Terms & Condition</a></li> <li><span>/</span></li> <li><a href="privacy-policy.html">Privacy Policy</a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </footer>  </div>  <div class="mobile-nav__wrapper"> <div class="mobile-nav__overlay mobile-nav__toggler"></div>  <div class="mobile-nav__content"> <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span> <div class="logo-box"> <a href="index.html" aria-label="logo image"><img src="assets/images/resources/footer-loader.png" width="155" alt="" /></a> </div>  <div class="mobile-nav__container"></div>  <ul class="mobile-nav__contact list-unstyled"> <li> <i class="fa fa-envelope"></i> <a href="mailto:support@smartmatech.com">support@smartmatech.com</a> </li> <li> <i class="fa fa-phone-alt"></i> <a href="tel:">+393885778276</a> </li> </ul>  <div class="mobile-nav__top"> <div class="mobile-nav__social"> <a href="#" class="fab fa-twitter"></a> <a href="#" class="fab fa-facebook-square"></a> <a href="#" class="fab fa-pinterest-p"></a> <a href="#" class="fab fa-instagram"></a> </div>  </div>  </div>  </div>  <div class="search-popup"> <div class="search-popup__overlay search-toggler"></div>  <div class="search-popup__content"> <form action="#"> <label for="search" class="sr-only">search here</label>  <input type="text" id="search" placeholder="Search Here..." /> <button type="submit" aria-label="search submit" class="thm-btn"> <i class="icon-magnifying-glass"></i> </button> </form> </div>  </div>  <a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a> <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script> <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/vendors/jarallax/jarallax.min.js"></script> <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script> <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script> <script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script> <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script> <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script> <script src="assets/vendors/nouislider/nouislider.min.js"></script> <script src="assets/vendors/odometer/odometer.min.js"></script> <script src="assets/vendors/swiper/swiper.min.js"></script> <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script> <script src="assets/vendors/wnumb/wNumb.min.js"></script> <script src="assets/vendors/wow/wow.js"></script> <script src="assets/vendors/isotope/isotope.js"></script> <script src="assets/vendors/countdown/countdown.min.js"></script> <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script> <script src="assets/vendors/twentytwenty/twentytwenty.js"></script> <script src="assets/vendors/twentytwenty/jquery.event.move.js"></script> <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script> <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script> <script src="assets/vendors/vegas/vegas.min.js"></script> <script src="assets/vendors/jquery-ui/jquery-ui.js"></script> <script src="assets/vendors/timepicker/timePicker.js"></script> <script src="http://maps.google.com/maps/api/js?key=AIzaSyATY4Rxc8jNvDpsK8ZetC7JyN4PFVYGCGM"></script>  <script src="assets/js/main.js"></script> </body> </html>