|
Server IP : 103.191.208.50 / Your IP : 216.73.216.53 Web Server : LiteSpeed System : Linux orion.herosite.pro 4.18.0-553.53.1.lve.el8.x86_64 #1 SMP Wed May 28 17:01:02 UTC 2025 x86_64 User : celkcksm ( 1031) PHP Version : 7.4.33 Disable Function : show_source, system, shell_exec, passthru, popen, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/celkcksm/public_html/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="theme-color" content="#0034f7">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<link rel="shortcut icon" href="frontend/assets/img/icons/favicon/favicon.ico" />
<link rel="icon" type="image/png" href="frontend/assets/img/icons/favicon/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="frontend/assets/img/icons/favicon/favicon-16x16.png" sizes="16x16" />
<title>
UI/UX Design & Development Company | UI/UX Developers - Ncriptech
</title>
<meta name="keywords" content="ui design, ui ux design, ux design, ui and ux design, uiux, ui vs ux, ui/ux design & development company, ui ux designing company, ui/ux designing company, ui ux design companies in kolkata, ui ux design company in kolkata, ui/ux companies in kolkata,ui/ux design companies in kolkata, ui/ux design company kolkata, ui/ux companies, ui/ux company, ui ux companies in india, ui/ux company india, ui/ux design company in kolkata, ui/ux design companies in india, ui/ux design company in india, ui ux companies in india, ui ux design agency india, ui ux design company in india, ui/ux companies in india, ui/ux company in india
" />
<meta name="description" content="Discover top-notch UI/UX design and development services. Hire expert designers and developers to create your ideal app or website. Contact us today!
" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="Article" />
<meta property="og:title" content="Ncriptech is a top software development company" />
<meta property="og:site_name" content="Ncriptech is a top software development company" />
<meta property="og:description" content="Ncriptech is a top software development company in Kolkata, specializing in web and mobile apps for over 12 years. Contact us for a free consultation." />
<meta property="og:image" content="frontend/assets/img/icons/favicon/favicon-32x32.png" />
<style>
@import url("frontend/assets/vendors/swiper@8.0.7/swiper-bundle.min.css?v=1.1.8");
@import url("frontend/assets/dart-scss/style.min.css?v=1.1.8");
</style>
<script src="frontend/assets/js/jquery-3.5.1.min.js?v=1.1.8"></script>
<script src="frontend/assets/js/jquery.validate.min.js?v=1.1.8" async></script>
<style type="text/css">
.grecaptcha-badge {
visibility: hidden;
}
</style>
<script src="frontend/assets/js/scripts.js?v=1.1.8" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.0/ScrollToPlugin.min.js"></script>
<script src="frontend/assets/js/ScrollSmoother.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/gsap/DrawSVGPlugin.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/gsap/MotionPathPlugin.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/gsap/Draggable.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/gsap/SplitText.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/offerings-anim.js?v=1.1.8" defer></script>
<style>
@import url("frontend/assets/js/intl-tel/css/intlTelInput.min.css?v=1.1.8");
</style>
<script type="text/javascript" src="frontend/assets/js/intl-tel/js/intlTelInput.min.js?v=1.1.8" defer></script>
<script>
let smoother;
window.addEventListener('DOMContentLoaded', () => {
gsap.config({
autoSleep: 0,
force3D: false,
nullTargetWarn: false,
trialWarn: false
});
function recursion(x) {
if (x >= 1000000000000)
return;
recursion(x + 1);
}
function Geeks() {
try {
recursion(0);
console.log("Too much recursion" +
" error not occurred");
} catch (e) {
console.log("Too much recursion" +
" error occurred");
}
}
Geeks();
gsap.registerPlugin(ScrollTrigger, ScrollSmoother, MotionPathPlugin, SplitText);
ScrollTrigger.matchMedia({
"(min-width: 1200px)": function() {
ScrollTrigger.refresh();
ScrollTrigger.normalizeScroll(true)
smoother = ScrollSmoother.create({
smooth: 1.5, // how long (in seconds) it takes to "catch up" to the native scroll position
speed: 1,
effects: true, // looks for data-speed and data-lag attributes on elements
smoothTouch: 0.1, // much shorter smoothing time on touch devices (default is NO smoothing on touch devices)
normalizeScroll: true,
ignoreMobileResize: true
});
}
});
});
</script>
<script type="text/javascript" src="frontend/assets/js/career.js?v=1.1.8" defer></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GWY3L8QZ8L"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GWY3L8QZ8L');
</script>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="ncriptech"/>
<meta name="robots" content="User-agent: *
Disallow:
Allow: *.js
Allow: *.css"/>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DLNMGE1LJY"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DLNMGE1LJY');
</script>
<script src="https://cdn-in.pagesense.io/js/60024912285/24b834379f704b1790c66d2bbf482aae.js"></script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/685275c1bd63f1190f54a100/1iu11nv8m';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2256038881582580');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=2256038881582580&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
</head>
<body id="ncriptech">
<div data-scroll-container>
<span class="drag-cursor">Swipe ⟶</span>
<header class="theme-white">
<div class="fulls--request-cta">
<a href="contact" class="c2a-underline c--blak b-0">
<span>Request for Quote</span>
</a>
</div>
<div class="mainX2-container">
<div class="inner-container">
<a class="ncriptech--logo-mobile" href="#" tabindex="0">
<i icon="ncriptech"></i>
<img src="/frontend/assets/img/common/ncriptech_logo.webp" alt="Best Software Development Company in Kolkata - Ncriptech" title="Best Software Development Company in Kolkata - Ncriptech">
</a>
<a class="ncriptech--logo d-inline-block" href="index" aria-label="ncriptech Home Page" tabindex="1">
<!-- <i icon="ncriptech"></i> -->
<img src="/frontend/assets/img/common/ncriptech_logo2.webp" alt="Best Software Development Company in Kolkata - Ncriptech" title="Best Software Development Company in Kolkata - Ncriptech">
<!-- <img src="frontend/assets/js/new logo2.png" alt=""> -->
</a>
<nav>
<ul>
<!-- COMPANY COMPANY ==== -->
<li class="has-submenu has-submenu--company company--menu">
<span>Company</span>
<div class="submenu">
<div class="submenu--company">
<figure class="submenu--company-fig">
<img src="frontend/assets/img/common/nav-menu/aboutMenuHero.jpg" alt="ncriptech" title="ncriptech" />
</figure>
<div class="submenu--company-items">
<ul role="list">
<li><a href="about" aria-label="About Us Page">About Us <i icon="arwR4"></i> </a></li>
<!-- <li><a href="coming-soon" aria-label="Our Leadership Page">Our Leadership <i icon="arwR4"></i> </a></li> -->
<li><a href="news" aria-label="ncriptech-news">News <i icon="arwR4"></i> </a></li>
<li><a href="success_stories" aria-label="Success Stories Page">Success Stories <i icon="arwR4"></i> </a></li>
</ul>
</div>
<div class="submenu--company-btm">
<a href="contact" class="c2a outline c2a-arw c2a--inline hvr:bg--ncriptechblu hvr:c--whitee"> <span>Let's Connect</span> <i icon="arwR"></i></a>
</div>
</div>
</div>
</li>
<!-- SERVICES SERVICES ==== -->
<li class="has-submenu has-submenu--practice">
<a href="services"><span>Services</span></a>
<div class="submenu">
<div class="submenu--practice">
<div class="submenu--practice-item flip-animate">
<div class="submenu--practice-item-heading">
<h4><a href="mobile-application-development"><span data-hover="Mobile Application Development">Mobile Application Development</span></a></h4>
</div>
<ul role="list">
<li><a href="android-application-services" aria-label="Android Application Development">Android Application Development <i icon="arwR4"></i></a></li>
<li><a href="crossplatform-application-services" aria-label="Cross Platform Application Development">Cross Platform App Development <i icon="arwR4"></i></a></li>
<li><a href="ios-application-services" aria-label="IOS Application Development">IOS Application Development <i icon="arwR4"></i></a></li>
<li><a href="custom-application-services" aria-label="Custom Application Development">Custom Application Development <i icon="arwR4"></i></a></li>
</ul>
</div>
<div class="submenu--practice-item flip-animate">
<div class="submenu--practice-item-heading">
<h4><a href="website-development"><span data-hover="Website Development">Website Development</span></a></h4>
</div>
<ul role="list">
<li><a href="web-application-services" aria-label="Web Application Development">Web Application Development <i icon="arwR4"></i></a></li>
<li><a href="website-services" aria-label="Website Development">Website Development <i icon="arwR4"></i></a></li>
<li><a href="uiux-services" aria-label="UI/UX Design">UI/UX Design <i icon="arwR4"></i></a></li>
<li><a href="custom-website-services" aria-label="Custom Website Development">Custom Website Development <i icon="arwR4"></i></a></li>
</ul>
</div>
<div class="submenu--practice-item flip-animate">
<div class="submenu--practice-item-heading">
<h4><a href="digital-marketing"><span data-hover="Digital Marketing">Digital Marketing</span></a></h4>
</div>
<ul role="list">
<li><a href="seo-services" aria-label="SEO-Search Engine Optimization">SEO-Search Engine Optimization <i icon="arwR4"></i></a></li>
<li><a href="facebook-marketing-services" aria-label="Social Media Marketing">Social Media Marketing <i icon="arwR4"></i></a></li>
<li><a href="smo-services" aria-label="SMO - Social Media Optimization">SMO - Social Media Optimization <i icon="arwR4"></i></a></li>
<li><a href="ecommerce-marketing-services" aria-label="E-Commerce Marketing">E-Commerce Marketing <i icon="arwR4"></i></a></li>
</ul>
</div>
<div class="submenu--practice-item flip-animate">
<div class="submenu--practice-item-heading">
<h4><a href="custom-software-development"><span data-hover="Custom Software Development">Custom Software Development</span></a></h4>
</div>
<ul role="list">
<li><a href="wordpress-services" aria-label="Wordpress Development">Wordpress Development <i icon="arwR4"></i></a></li>
<li><a href="codeigniter-services" aria-label="CodeIgniter Development">CodeIgniter Development <i icon="arwR4"></i></a></li>
<li><a href="magento-services" aria-label="Agile Transformation Page">Magento Development <i icon="arwR4"></i></a></li>
<li><a href="opencart-services" aria-label="Opencart Development">Opencart Development <i icon="arwR4"></i></a></li>
</ul>
</div>
</div>
</div>
</li>
<!-- PRODUCTS PRODUCTS ==== -->
<li class="has-submenu has-submenu--industries">
<span>Products</span>
<div class="submenu">
<div class="submenu--industries">
<div class="submenu--industries-fig">
<figure class="submenu--company-fig">
<img src="frontend/assets/img/common/nav-menu/industryMenuHero.webp" alt="ncriptech" title="ncriptech" />
</figure>
<figcaption>Products We Offer</figcaption>
</div>
<div class="submenu--industries-items">
<ul role="list">
<li><a href="interface"> INTERFACE<i icon="arwR4"></i></a></li>
<li><a href="mobidev"> MOBI DEV<i icon="arwR4"></i></a></li>
<li><a href="codex"> CODEX <i icon="arwR4"></i></a></li>
<li><a href="keywords"> KEYWORDS <i icon="arwR4"></i></a></li>
<li><a href="pixelplus"> PIXEL PLUS <i icon="arwR4"></i></a></li>
<li><a href="impulse"> IMPULSE <i icon="arwR4"></i></a></li>
<li><a href="thinktank"> THINKTANK <i icon="arwR4"></i></a></li>
<li><a href="cloudcampus"> CLOUD CAMPUS <i icon="arwR4"></i></a></li>
<li><a href="sims"> SIMS4.0 <i icon="arwR4"></i></a></li>
<li><a href="ehm"> EHM <i icon="arwR4"></i></a></li>
<li><a href="flexibook"> FLEXIBOOK <i icon="arwR4"></i></a></li>
</ul>
</div>
<div class="submenu--industries-btm">
<a href="contact" class="c2a outline c2a-arw c2a--inline hvr:bg--ncriptechblu hvr:c--whitee"> <span>Let's Connect</span> <i icon="arwR"></i></a>
</div>
</div>
</div>
</li>
<li><a aria-label="CONNECT Page" href="contact">Contact</a></li>
</ul>
<div class="menu-icon">
<span class="menu-icon__line menu-icon__line-left"></span>
<span class="menu-icon__line"></span>
<span class="menu-icon__line menu-icon__line-right"></span>
</div>
</nav>
<figure class="gptw--logo">
<a href="https://g.page/r/CVcPvSUCkP04EBE/review" target="_blank"><img src="frontend/assets/img/common/nav-menu/google-review.png" alt="google-reviews" title="Google Review" /></a>
</figure>
</div>
</div>
</header>
<!-- .-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.- -->
<div class="nav-container">
<div class="nav-overflow">
<div class="menu-close">
<svg width="634" height="634" viewBox="0 0 634 634" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M317 617C277.603 617 238.593 609.24 202.195 594.163C165.797 579.087 132.726 556.99 104.868 529.133C77.0103 501.273 54.9127 468.203 39.836 431.807C24.7597 395.407 17 356.397 17 317C17 277.603 24.7597 238.593 39.836 202.195C54.9127 165.797 77.0103 132.726 104.868 104.868C132.726 77.0103 165.797 54.9127 202.195 39.836C238.593 24.7597 277.603 17 317 17C356.397 17 395.407 24.7597 431.807 39.836C468.203 54.9127 501.273 77.0103 529.133 104.868C556.99 132.726 579.087 165.797 594.163 202.195C609.24 238.593 617 277.603 617 317C617 356.397 609.24 395.407 594.163 431.807C579.087 468.203 556.99 501.273 529.133 529.133C501.273 556.99 468.203 579.087 431.803 594.163C395.407 609.24 356.397 617 317 617Z" stroke="currentColor" stroke-width="33.3333" stroke-linecap="round" />
<path d="M217 217L417 417" stroke="currentColor" stroke-width="33.3333" stroke-linecap="round" />
<path d="M417 217L217 417" stroke="currentColor" stroke-width="33.3333" stroke-linecap="round" />
</svg>
</div>
<nav class="menu menu-grid">
<!-- LEFT SIDE EXTREME -->
<div class="menu-f-grid text-center">
<a class="ncriptech--logo d-inline-block" href="#" aria-label="ncriptech Home Page" tabindex="1">
<img src="/frontend/assets/img/common/ncriptech_logo2.webp" alt="">
</a>
<div class="menu-copy-social">
<h6>© 2024 </h6>
<p>Ncriptch. All Rights Reserved.</p>
<ul class="ncriptech__social--links">
<li><a class="c--facebook" target="_blank" href="https://www.facebook.com/ncriptechglobal/"><img src="frontend/assets/img/icons/social-icons/facebook.svg" alt="Facebook" title="Facebook"><span>Facebook</span></a></li>
<li><a class="c--instagramorange" target="_blank" href="https://www.instagram.com/ncriptechglobal/"><img src="frontend/assets/img/icons/social-icons/instagram.svg" alt="Instagram" title="Instagram"><span>Instagram</span></a></li>
<li><a class="c--linkedin" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/linkedin.svg" alt="LinkedIn" title="LinkedIn"><span>LinkedIn</span></a></li>
<li><a class="c--twitter" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/x.svg" alt="Twitter" title="Twitter"><span>Twitter</span></a></li>
<li><a class="c--youtube" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/youtube.svg" alt="YouTube" title="YouTube"><span>YouTube</span></a></li>
</ul>
</div>
<a href="contact" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak">
<span>Request for Quote</span> <i icon="arwR4"></i>
</a>
</div>
<!-- MIDDLE PART -->
<div class="menu-inner-grid">
<div class="menu-item menu-item-full">
<h6 class="menu__heading">OUR SERVICES</h6>
<div class="menu__item-heading">
<a href="javascript:;" class="menu__item-link" href="#MobileApplicationDevelopment" data-hover-content="Mobile Application DevelopmentMobile Application DevelopmentMobile Application DevelopmentMobile Application DevelopmentMobile Application DevelopmentMobile Application Development"
data-href="#MobileApplicationDevelopment" data-link="Mobile Application Development">Mobile Application Development <i icon="arwR4"></i></a>
</div>
<div class="menu__item-heading">
<a href="javascript:;" class="menu__item-link" href="#WebsiteDevelopment" data-hover-content="Website DevelopmentWebsite DevelopmentWebsite DevelopmentWebsite DevelopmentWebsite DevelopmentWebsite Development"
data-href="#WebsiteDevelopment" data-link="Website Development">Website Development <i icon="arwR4"></i></a>
</div>
<div class="menu__item-heading">
<a href="javascript:;" class="menu__item-link" href="#DigitalMarketing" data-hover-content="Digital MarketingDigital MarketingDigital MarketingDigital MarketingDigital MarketingDigital Marketing"
data-href="#DigitalMarketing" data-link="Digital Marketing">Digital Marketing <i icon="arwR4"></i></a>
</div>
<div class="menu__item-heading">
<a href="javascript:;" class="menu__item-link" href="#CustomSoftwareDevelopment" data-hover-content="Custom Software DevelopmentCustom Software DevelopmentCustom Software DevelopmentCustom Software DevelopmentCustom Software DevelopmentCustom Software Development"
data-href="#CustomSoftwareDevelopment" data-link="Custom Software Development">Custom Software Development <i icon="arwR4"></i></a>
</div>
</div>
<div class="menu-item-accord-cont">
<div class="menu-item menu-item-accord">
<h6 class="menu__heading">Company</h6>
<ul class="menu__item--sub arrow--cta" role="list">
<li><a href="about"><i icon="arwR4"></i> About Us</a></li>
<!-- <li><a href="coming-soon"><i icon="arwR4"></i> Our Leadership</a></li> -->
<li><a href="#"><i icon="arwR4"></i> Success Stories</a></li>
</ul>
</div>
<div class="menu-item menu-item-accord">
<h6 class="menu__heading">Stay Connected</h6>
<ul class="menu__item--sub arrow--cta" role="list">
<li><a href="contact"><i icon="arwR4"></i> Contact Us</a></li>
</ul>
</div>
</div>
</div>
<!-- RIGHT SIDE EXTREME -->
<div class="industries-full-menu">
<div class="menu-item">
<h6 class="menu__heading">Our Products</h6>
<ul class="menu__item--sub arrow--cta" role="list">
<li><a href="interface"> INTERFACE<i icon="arwR4"></i></a></li>
<li><a href="mobidev"> MOBI DEV<i icon="arwR4"></i></a></li>
<li><a href="codex"> CODEX <i icon="arwR4"></i></a></li>
<li><a href="keywords"> KEYWORDS <i icon="arwR4"></i></a></li>
<li><a href="pixelplus"> PIXEL PLUS <i icon="arwR4"></i></a></li>
<li><a href="impulse"> IMPULSE <i icon="arwR4"></i></a></li>
<li><a href="thinktank"> THINKTANK <i icon="arwR4"></i></a></li>
<li><a href="cloudcampus"> CLOUD CAMPUS <i icon="arwR4"></i></a></li>
<li><a href="sims"> SIMS4.0 <i icon="arwR4"></i></a></li>
<li><a href="ehm"> EHM <i icon="arwR4"></i></a></li>
<li><a href="flexibook"> FLEXIBOOK <i icon="arwR4"></i></a></li>
</ul>
</div>
</div>
</nav>
<div class="nav--content">
<div class="close--content">
<i icon="arwR"></i>
</div>
<div id="MobileApplicationDevelopment">
<div>
<div class="menu-heading-marquee">
<span>
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
Mobile Application Development
</span>
</div>
<ul class="arrow--cta" role="list">
<li><a href="android-application-services"><i icon="arwR"></i> Android Application Development</a></li>
<li><a href="ios-application-services"><i icon="arwR"></i> IOS Application Development</a></li>
<li><a href="crossplatform-application-services"><i icon="arwR"></i> Cross Platform Application Development</a></li>
<li><a href="custom-software-development"><i icon="arwR"></i> Custom Software Development</a></li>
</ul>
</div>
<button type="button" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak show-on-mobL" onclick="openContactModal();">
<span>Request for Quote</span> <i icon="arwR4"></i>
</button>
</div>
<div id="WebsiteDevelopment">
<div>
<div class="menu-heading-marquee">
<span>
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
Website Development
</span>
</div>
<ul class="arrow--cta" role="list">
<li><a href="web-application-services"><i icon="arwR"></i> Web Application Development</a></li>
<li><a href="uiux-services"><i icon="arwR"></i> UI/UX Development</a></li>
<li><a href="website-services"><i icon="arwR"></i> Website Development</a></li>
<li><a href="custom-website-services"><i icon="arwR"></i> Custom Website Development</a></li>
</ul>
</div>
<button type="button" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak show-on-mobL" onclick="openContactModal();">
<span>Request for Quote</span> <i icon="arwR4"></i>
</button>
</div>
<div id="DigitalMarketing">
<div>
<div class="menu-heading-marquee">
<span>
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
Digital Marketing
</span>
</div>
<ul class="arrow--cta" role="list">
<li><a href="seo-services"><i icon="arwR"></i> SEO-Search Engine Optimization</a></li>
<li><a href="facebook-marketing-services"><i icon="arwR"></i> Social Media Marketing</a></li>
<li><a href="smo-services"><i icon="arwR"></i> SMO-Social Media Optimization</a></li>
<li><a href="ecommerce-marketing-services"><i icon="arwR"></i> E-Commerce Marketing</a></li>
</ul>
</div>
<button type="button" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak show-on-mobL" onclick="openContactModal();">
<span>Request for Quote</span> <i icon="arwR4"></i>
</button>
</div>
<div id="CustomSoftwareDevelopment">
<div>
<div class="menu-heading-marquee">
<span>
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
Custom Software Development
</span>
</div>
<ul class="arrow--cta" role="list">
<li><a href="wordpress-services"><i icon="arwR"></i> WordPress Development</a></li>
<li><a href="codeigniter-services"><i icon="arwR"></i> CodeIgniter Development</a></li>
<li><a href="magento-services"><i icon="arwR"></i> Magento Development</a></li>
<li><a href="opencart-services"><i icon="arwR"></i> Opencart Development</a></li>
</ul>
</div>
<button type="button" class="c2a c2a--inline c2a--arw bg--blu c--whitee hvr:bg--ylw hvr:c--blak show-on-mobL" onclick="openContactModal();">
<span>Request for Quote</span> <i icon="arwR4"></i>
</button>
</div>
<div id="Company">
<ul class="menu__item--sub arrow--cta" role="list">
<li><a href="about"><i icon="arwR4"></i> About Us</a></li>
<!-- <li><a href="coming-soon"><i icon="arwR4"></i> Our Leadership</a></li> -->
<li><a href="success-stories"><i icon="arwR4"></i> Success Stories</a></li>
<li><a href="contact"><i icon="arwR4"></i> Contact Us</a></li>
</ul>
</div>
<div id="Career">
<ul class="menu__item--sub arrow--cta" role="list">
<li><a href="career"><i icon="arwR4"></i> Career</a></li>
<li><a href="jobs"><i icon="arwR4"></i> Jobs</a></li>
<li><a href="recruitment-process"><i icon="arwR4"></i> Recruitment Process</a></li>
<li><a href="life-at-ncriptech"><i icon="arwR4"></i> Life at ncriptech</a></li>
</ul>
</div>
<div id="Resources">
<ul class="menu__item--sub arrow--cta" role="list">
<li><a href="blog"><i icon="arwR4"></i> Thoughts & Insights</a></li>
<li><a href="success-stories"><i icon="arwR4"></i> Success Stories</a></li>
</ul>
</div>
<div id="IndustriesWeServe" class="hide-on-desktop">
<ul class="menu__item--sub arrow--cta" role="list">
<li><a href="#"> <img src="frontend/assets/img/common/sub-brand-logo/logo1.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo2.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo3.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo4.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo5.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo6.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo7.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo8.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo9.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo10.png" alt=""> <i icon="arwR4"></i></a></li>
<li><a href="#"><img src="frontend/assets/img/common/sub-brand-logo/logo11.png" alt=""> <i icon="arwR4"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="smooth-wrapper" class="fl-left w-100p" scroll-section>
<div id="smooth-content">
<main class="mt-0 bg--blak">
<!-- TOP HEADER HEADING WITH BREADCUM -->
<section class="ncriptech__hero-texts-animation bg--blak c--whitee mb-0">
<div class="mainX2-container">
<div class="inner-container">
<div class="grid_clm_practice">
<div class="text-heading">
<h1>UI/UX Design</h1>
<div class="words">
<span>Web Application Development</span>
<span>Web Development</span>
<span>UI/UX Development</span>
<span>Custom Website Development</span>
</div>
</div>
<div class="breadcrumbs">
<div class="mainX2-container">
<div class="inner-container">
<ul>
<li class="link"><a href="#">Home</a></li>
<li class="link"><a href="services">Services</a></li>
<li>UI/UX Design</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- HERO SECTIOM ING -->
<section class="ncriptech__inner--hero-3 c--whitee p-0">
<figure>
<img class="desktop" src="frontend/assets/img/pages/services/website-development/ui_ux_design_banner.webp" alt="ui-ux-design-development-company-ncriptech" title="UI/UX Design & Development Company - Ncriptech" />
<img class="mobile" src="frontend/assets/img/pages/services/website-development/ui_ux_design_mob.webp" alt="ui-ux-design-development-company-ncriptech" title="UI/UX Design & Development Company - Ncriptech" />
</figure>
</section>
<!-- SECTION 1 INNOVATIVE -->
<section class="ncriptech__overlapped-split-content bg--blak mb-0 margin-top-minus">
<div class="main-container">
<div class="inner-container">
<article class="flow-rootX2 gs_reveal">
<div class="flow-rootX5 offer-article">
<p class="h2x c--whitee">Design & Develop. <br/> In today's digital-focused world, delivering an outstanding user experience is crucial for business growth.
</p>
<p class="h4xs c--whitee wrap"><span class="quote">Whether you’re creating a new app or enhancing a website, collaborating with a specialized UI/UX design and development company like Ncriptech.com can significantly impact your success.
</span></p>
<a href="contact" class="c2a c2a-arw c2a--inline bg--grad-23 c--whitee hvr:bg--whitee radius:expandedX2 b-0">
<span>Let's Connect</span>
<i icon="arwR"></i>
</a>
</div>
<div class="sShape-animation">
<!-- <svg xmlns="http://www.w3.org/2000/svg" width="877" height="375" viewBox="0 0 877 375">
<mask id="theMask" maskUnits="userSpaceOnUse">
<path id="motionPath" style="fill: none; stroke: #fff; stroke-width: 3px; fill-rule: evenodd;" d="M50 350 l00 -300 M50 50 l200 300 M250 350 l00 -300" />
</mask>
<g id="maskReveal" mask="url(#theMask)">
<path id="arrowPath" style="fill: none; stroke: #fff; stroke-width: 3px; fill-rule: evenodd;" d="M50 350 l00 -300 M50 50 l200 300 M250 350 l00 -300" />
</g>
</svg> -->
<!-- <svg id="arrow" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="30" height="30" viewBox="0 0 512.001 512.001" style="fill: #e67474; transform-origin: 76px -227px;" xml:space="preserve">
<path d="M480.88,247.271l-440-246c-3.68-2.058-8.257-1.584-11.441,1.183c-3.183,2.768-4.287,7.235-2.76,11.167l76.703,197.509
l-71.853,35.926C28.14,248.75,26,252.213,26,256.001c0,3.788,2.14,7.25,5.528,8.944l71.853,35.926L26.679,498.38
c-1.527,3.932-0.423,8.399,2.76,11.167c3.16,2.748,7.735,3.254,11.441,1.182l440-246c3.161-1.768,5.12-5.106,5.12-8.729
C486,252.377,484.041,249.039,480.88,247.271z M55.386,32.296l370.813,207.318c-95.578-9.452-207.479-22.26-303.071-32.883
L55.386,32.296z M55.386,479.705l67.742-174.435l54.117-6.011c5.488-0.61,9.444-5.554,8.834-11.043
c-0.608-5.49-5.571-9.437-11.042-8.835l-57.205,6.354L58.361,256l59.471-29.735c2.986,0.332,237.605,26.273,259.24,28.502
c-35.794,3.517-78.166,8.461-120.26,15.541c-5.447,0.916-9.119,6.074-8.203,11.52s6.08,9.124,11.52,8.203
c64.25-10.806,129.396-16.597,170.147-19.924L55.386,479.705z" />
<animate attributeType="XML" attributeName="fill" values="#0035f7;#89a2fc;#0035f7;#0035f7" dur="0.8s" repeatCount="indefinite" />
</svg> -->
</div>
</article>
</div>
</div>
</section>
<!-- CONTENT WITH VIDEO SECTION -->
<section class="ncriptech__tall-cards-carousel ncriptech__tall-cards-carouselM mobile-margin-top overflow-visible modernization--strategy bg--whitee mb-0">
<div class="mainX2-container">
<div class="inner-container b-0 pt-0 mb-0">
<article class="flow-rootX4">
<div class="flow-rootX">
<p class="h3 c--blu wrap"><span class="quote">Our skilled team of UI/UX developers specializes in crafting designs that are not only visually captivating but also prioritize user experience and functionality.
</span></p>
<p class="h4x wrap"><span class="quote">We understand that a successful digital product must connect with its users on a deeper level. By blending aesthetics with intuitive navigation and performance, we aim to create an engaging experience that keeps users coming back. Let us partner with you to elevate your digital product into a streamlined and immersive journey for your audience.
</span></p>
</div>
</article>
<video id="video" class="video" autoplay="true" preload="none" autoplay muted loop playsinline>
<source src="frontend/assets/video/uiux.mp4" type="video/mp4">
</video>
</div>
</div>
</section>
<!-- SWIPER SLIDER WITH PRODUCT DEVELOPMENT LIFECYCLE -->
<section class="ncriptech__offset-carousel-content bg--blak c--whitee mt-0 mb-0">
<div class="main-container">
<div class="inner-container">
<article>
<div class="flow-rootX2">
<h3 class="h2 c--whitee">UI/UX<br/> Services Lifecycle</h3>
<p class="h4x c--whitee">Strategic use of technology and engineering expertise to build products.
</p>
</div>
<div class="swiper-nav">
<div class="swiper--prev swiper__offset_content--prev"> <i icon="arwR"></i></div>
<div class="swiper--next swiper__offset_content--next"> <i icon="arwR"></i></div>
</div>
</article>
<div class="swiper swiper__offset_content drg--cursor swiper__offset_content_ver2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="card-style--4New">
<div class="card-style--4NewFront">
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="blue" xmlns="http://www.w3.org/2000/svg">
<path d="M25.4528 2.75433L25.4536 2.75355C26.8613 1.34579 28.8348 0.5 30.9 0.5H81.9V26.9H57.7H33C29.7239 26.9 27 29.6239 27 32.9V49.4V54.4H0.5V30.9C0.5 28.8402 1.34202 26.8625 2.75895 25.3482L25.4528 2.75433Z" stroke="currentColor" />
</svg> -->
<p></p>
<h5 class="heading">Discovery and Requirement Gathering
</h5>
<p></p>
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="red" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9472 52.0457L56.9411 52.0517L56.9352 52.058C55.5458 53.5401 53.5826 54.3045 51.4771 54.5H0.5V28H24.7H49.4C52.6761 28 55.4 25.2761 55.4 22V5.5V0.5H81.9V24C81.9 26.0695 81.1512 27.9413 79.6472 29.4457L79.6464 29.4464L56.9472 52.0457Z" stroke="currentColor" />
</svg> -->
</div>
<div class="card-style--4NewBack">
<h6>Discovery and Requirement Gathering</h6>
<p>We begin by clearly understanding your business goals, target audience, and design preferences. Through in-depth discussions and research, we gather essential insights to inform the design process.
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-style--4New">
<div class="card-style--4NewFront">
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="red" xmlns="http://www.w3.org/2000/svg">
<path d="M25.4528 2.75433L25.4536 2.75355C26.8613 1.34579 28.8348 0.5 30.9 0.5H81.9V26.9H57.7H33C29.7239 26.9 27 29.6239 27 32.9V49.4V54.4H0.5V30.9C0.5 28.8402 1.34202 26.8625 2.75895 25.3482L25.4528 2.75433Z" stroke="currentColor" />
</svg> -->
<p></p>
<h5 class="heading">User Research and Personas</h5>
<p></p>
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="blue" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9472 52.0457L56.9411 52.0517L56.9352 52.058C55.5458 53.5401 53.5826 54.3045 51.4771 54.5H0.5V28H24.7H49.4C52.6761 28 55.4 25.2761 55.4 22V5.5V0.5H81.9V24C81.9 26.0695 81.1512 27.9413 79.6472 29.4457L79.6464 29.4464L56.9472 52.0457Z" stroke="currentColor" />
</svg> -->
</div>
<div class="card-style--4NewBack">
<h6>User Research and Personas</h6>
<p>We conduct user research to create user personas that represent your key audience. This helps us understand their needs, pain points, and behaviors, ensuring that the design caters to real user needs.
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-style--4New">
<div class="card-style--4NewFront">
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="blue" xmlns="http://www.w3.org/2000/svg">
<path d="M25.4528 2.75433L25.4536 2.75355C26.8613 1.34579 28.8348 0.5 30.9 0.5H81.9V26.9H57.7H33C29.7239 26.9 27 29.6239 27 32.9V49.4V54.4H0.5V30.9C0.5 28.8402 1.34202 26.8625 2.75895 25.3482L25.4528 2.75433Z" stroke="currentColor" />
</svg> -->
<p></p>
<h5 class="heading">Wireframing and Prototyping
</h5>
<p></p>
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="red" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9472 52.0457L56.9411 52.0517L56.9352 52.058C55.5458 53.5401 53.5826 54.3045 51.4771 54.5H0.5V28H24.7H49.4C52.6761 28 55.4 25.2761 55.4 22V5.5V0.5H81.9V24C81.9 26.0695 81.1512 27.9413 79.6472 29.4457L79.6464 29.4464L56.9472 52.0457Z" stroke="currentColor" />
</svg> -->
</div>
<div class="card-style--4NewBack">
<h6>Wireframing and Prototyping
</h6>
<p>Once we understand the requirements, we create wireframes and prototypes. These low-fidelity designs allow you to visualize the layout and functionality before moving to high-fidelity design, ensuring alignment with your vision.
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-style--4New">
<div class="card-style--4NewFront">
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="red" xmlns="http://www.w3.org/2000/svg">
<path d="M25.4528 2.75433L25.4536 2.75355C26.8613 1.34579 28.8348 0.5 30.9 0.5H81.9V26.9H57.7H33C29.7239 26.9 27 29.6239 27 32.9V49.4V54.4H0.5V30.9C0.5 28.8402 1.34202 26.8625 2.75895 25.3482L25.4528 2.75433Z" stroke="currentColor" />
</svg> -->
<p></p>
<h5 class="heading">UI Design (Visual Design)</h5>
<p></p>
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="blue" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9472 52.0457L56.9411 52.0517L56.9352 52.058C55.5458 53.5401 53.5826 54.3045 51.4771 54.5H0.5V28H24.7H49.4C52.6761 28 55.4 25.2761 55.4 22V5.5V0.5H81.9V24C81.9 26.0695 81.1512 27.9413 79.6472 29.4457L79.6464 29.4464L56.9472 52.0457Z" stroke="currentColor" />
</svg> -->
</div>
<div class="card-style--4NewBack">
<h6>UI Design (Visual Design)</h6>
<p>Our design team then focuses on creating high-quality, visually appealing interfaces that are both attractive and easy to use. We ensure the UI design is consistent with your brand identity and delivers an intuitive user experience.
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-style--4New">
<div class="card-style--4NewFront">
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="blue" xmlns="http://www.w3.org/2000/svg">
<path d="M25.4528 2.75433L25.4536 2.75355C26.8613 1.34579 28.8348 0.5 30.9 0.5H81.9V26.9H57.7H33C29.7239 26.9 27 29.6239 27 32.9V49.4V54.4H0.5V30.9C0.5 28.8402 1.34202 26.8625 2.75895 25.3482L25.4528 2.75433Z" stroke="currentColor" />
</svg> -->
<p></p>
<h5 class="heading"> UX Design (Interaction Design)</h5>
<p></p>
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="red" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9472 52.0457L56.9411 52.0517L56.9352 52.058C55.5458 53.5401 53.5826 54.3045 51.4771 54.5H0.5V28H24.7H49.4C52.6761 28 55.4 25.2761 55.4 22V5.5V0.5H81.9V24C81.9 26.0695 81.1512 27.9413 79.6472 29.4457L79.6464 29.4464L56.9472 52.0457Z" stroke="currentColor" />
</svg> -->
</div>
<div class="card-style--4NewBack">
<h6> UX Design (Interaction Design)</h6>
<p>Next, we focus on refining the user experience by making sure the interaction flow is smooth and intuitive. We ensure users can navigate easily, and that all actions are clear and purposeful.
</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-style--4New">
<div class="card-style--4NewFront">
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="red" xmlns="http://www.w3.org/2000/svg">
<path d="M25.4528 2.75433L25.4536 2.75355C26.8613 1.34579 28.8348 0.5 30.9 0.5H81.9V26.9H57.7H33C29.7239 26.9 27 29.6239 27 32.9V49.4V54.4H0.5V30.9C0.5 28.8402 1.34202 26.8625 2.75895 25.3482L25.4528 2.75433Z" stroke="currentColor" />
</svg> -->
<p></p>
<h5 class="heading">User Testing and Feedback
</h5>
<p></p>
<svg width="83" height="55" viewBox="0 0 83 55" fill="blue" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9472 52.0457L56.9411 52.0517L56.9352 52.058C55.5458 53.5401 53.5826 54.3045 51.4771 54.5H0.5V28H24.7H49.4C52.6761 28 55.4 25.2761 55.4 22V5.5V0.5H81.9V24C81.9 26.0695 81.1512 27.9413 79.6472 29.4457L79.6464 29.4464L56.9472 52.0457Z" stroke="currentColor" />
</svg>
</div>
<div class="card-style--4NewBack">
<h6>User Testing and Feedback
</h6>
<p>We conduct user testing with real users to gather feedback on the usability and effectiveness of the design. Any issues identified are addressed, ensuring the final product meets user expectations.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="card-style--4New">
<div class="card-style--4NewFront">
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="blue" xmlns="http://www.w3.org/2000/svg">
<path d="M25.4528 2.75433L25.4536 2.75355C26.8613 1.34579 28.8348 0.5 30.9 0.5H81.9V26.9H57.7H33C29.7239 26.9 27 29.6239 27 32.9V49.4V54.4H0.5V30.9C0.5 28.8402 1.34202 26.8625 2.75895 25.3482L25.4528 2.75433Z" stroke="currentColor" />
</svg> -->
<p></p>
<h5 class="heading">Final Delivery and Ongoing Support</h5>
<p></p>
<!-- <svg width="83" height="55" viewBox="0 0 83 55" fill="red" xmlns="http://www.w3.org/2000/svg">
<path d="M56.9472 52.0457L56.9411 52.0517L56.9352 52.058C55.5458 53.5401 53.5826 54.3045 51.4771 54.5H0.5V28H24.7H49.4C52.6761 28 55.4 25.2761 55.4 22V5.5V0.5H81.9V24C81.9 26.0695 81.1512 27.9413 79.6472 29.4457L79.6464 29.4464L56.9472 52.0457Z" stroke="currentColor" />
</svg> -->
</div>
<div class="card-style--4NewBack">
<h6>Final Delivery and Ongoing Support</h6>
<p>After final revisions, we deliver the polished UI/UX design. We offer ongoing support to monitor the performance of the design, make necessary updates, and keep it optimized for future growth.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CLICKABLE TILES FOR SINGLE SERVICES PAGE -->
<section class="ncriptech--core-service-grid style--3 mt-0 mb-0 bg--whitee margin-top-minus">
<div class="main-container">
<div class="inner-container flow-rootX6">
<article class="flow-root text-anim--container">
<h3 class="h3 wrap"><span class="quote"><div style="position: relative; display: inline-block; opacity: 1;">Coaching,</div> <div style="position: relative; display: inline-block; opacity: 1;">Mentoring</div> <br class="show-on-mobP"><div style="position: relative; display: inline-block; opacity: 1;">andTraining</div></span></h3>
<p class="h5 text-animation">At Ncriptech, we offer a range of services designed to help businesses grow and succeed online. Here's a brief overview of our key offerings:</p>
</article>
<a href="contact" class="c2a c2a-arw c2a--inline outline c--blak hvr:bg--ncriptechblu hvr:c--whitee">
<span>Let's Connect</span>
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px"><path d="M664.46-450H210q-12.77 0-21.38-8.62Q180-467.23 180-480t8.62-21.38Q197.23-510 210-510h454.46L532.77-641.69q-8.92-8.93-8.81-20.89.12-11.96 8.81-21.27 9.31-9.3 21.38-9.61 12.08-.31 21.39 9l179.15 179.15q5.62 5.62 7.92 11.85 2.31 6.23 2.31 13.46t-2.31 13.46q-2.3 6.23-7.92 11.85L575.54-275.54q-8.93 8.92-21.19 8.81-12.27-.12-21.58-9.42-8.69-9.31-9-21.08-.31-11.77 9-21.08L664.46-450Z"></path></svg>
</a>
<div class="grid w-100p anim--b2t">
<div style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1; visibility: inherit;">
<a href="web-application-services"><h4 class="card--heading"><span>Web Application <br>Development</span></h4></a>
<a href="web-application-services"><p class="card--desc">We build robust, scalable web applications that deliver seamless user experiences, meeting your business needs while ensuring performance, security, and scalability.</p></a>
</div>
<div style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1; visibility: inherit;">
<a href="website-services"><h4 class="card--heading"><span>Web <br>Development</span></h4></a>
<a href="website-services"><p class="card--desc">Our web development services create responsive, user-friendly websites that enhance your online presence, from front-end design to back-end functionality.</p></a>
</div>
<div style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1; visibility: inherit;">
<a href="uiux-services"><h4 class="card--heading"><span>UI/UX <br>Development</span></h4></a>
<a href="uiux-services"><p class="card--desc">We design intuitive, engaging user interfaces (UI) and seamless user experiences (UX) that make your application easy to navigate and visually appealing, driving user satisfaction.</p></a>
</div>
<div style="translate: none; rotate: none; scale: none; transform: translate(0px, 0px); opacity: 1; visibility: inherit;">
<a href="custom-website-services"><h4 class="card--heading"><span>Custom Website<br>Development</span></h4></a>
<a href="custom-website-services"><p class="card--desc">Our team creates fully customized websites tailored to your unique business needs, ensuring you stand out in the digital world with a site that is both functional and aesthetically pleasing.</p></a>
</div>
</div>
</div>
</div>
</section>
<!-- TECHNOLOGIES USED WITH BUTTON -->
<section class="ncriptech__tools-and-meeting bg--whitee c--blak mb-0 margin-top-minus theme-white mb-0 pb-0 pt-0">
<div class="main-container">
<div class="inner-container text-center ">
<!-- <div class="blurAnim"></div>
<div class="blurAnim"></div> -->
<div class="flow-rootX5">
<h5>Explore our <span>solution enablers </span> for <br/>enhanced performance and excellence. </h5>
<div class="swiper ncriptechTool_slider">
<div class="ncriptech__tools--list swiper-wrapper">
<div class="swiper-slide">
<figure class="figsize-tall"><img src="frontend/assets/img/2024_v1/logos/powerbi.svg?v=1.2.9" alt="powerBI" title="powerBI" /></figure>
</div>
<div class="swiper-slide">
<figure class="figsize-tall2"><img src="frontend/assets/img/2024_v1/logos/talend.svg?v=1.2.9" alt="talend" title="talend" /></figure>
</div>
<div class="swiper-slide">
<figure><img src="frontend/assets/img/2024_v1/logos/informatica.svg?v=1.2.9" alt="informatica" title="informatica" /></figure>
</div>
<div class="swiper-slide">
<figure><img src="frontend/assets/img/2024_v1/logos/python.svg?v=1.2.9" alt="python" title="python" /></figure>
</div>
<div class="swiper-slide">
<figure><img src="frontend/assets/img/2024_v1/logos/anaconda.svg?v=1.2.9" alt="anaconda" title="anaconda" /></figure>
</div>
<div class="swiper-slide">
<figure class="figsize-tall"><img src="frontend/assets/img/2024_v1/logos/mysql.svg?v=1.2.9" alt="mySql" title="mySql" /></figure>
</div>
</div>
</div>
<a href="contact" class="c2a c2a-arw c2a--inline outline c--txt hvr:bg--ncriptechblu hvr:c--whitee">
<span>Talk to Our <span class="hide-on-mobP">Subject Matter</span> Expert</span>
<i icon="arwR"></i>
</a>
</div>
</div>
</div>
</section>
<!-- OUR WORKS -------- -->
<section class="mobiledevice-scroller margin-top-minus">
<figure>
<img src="frontend/assets/img/common/sample_work/smartphone.webp" alt="Mobile Apps" title="Mobile Apps">
</figure>
</section>
<!-- ABOVE FOOTER VIDEO SECTION -->
<section class="ncriptech--industries-quotes-2 bg--blak mb-0 pb-0 pt-0">
<div class="flow-rootX">
<p class="h1 c--whitee posiR"><span>Make it Simple, <br/>Make it Meaningful.</span></p>
<a href="contact" class="c2a-alternate c2a-arw c2a--inline bg--grad-23 c--whitee b-0">
<span>Let's Talk</span>
<i icon="arwR"></i>
</a>
</div>
<video id="video" class="video" autoplay="true" preload="none" autoplay muted loop playsinline>
<source src="frontend/assets/video/city_ocean_meets.mp4" type="video/mp4">
</video>
</section>
</main>
<!-- footer -->
<footer class="ncriptech__footer margin-top-minus c--whitee bg--blak pt-0-1000" id="footer">
<div class="mainX2-container">
<div class="inner-container">
<div class="footer--three-grid">
<div class="footer--subscribe flow-root">
<h4 class="grid--head">Connect with Ncriptech!</h4>
<p class="h4 c--whitee mobile-contacttext-index-fontsize">Subscribe to stay up-to-date on the technologies defining today and shaping tomorrow!</p>
<form class="form-style white__theme actv" id="newsletterForm" action="send_email.php" method="POST">
<div class="form-element">
<label class="form-label">Name</label>
<input autocomplete="off" class="form-field validfield removeemoji toUpperCase" aria-label="Name" type="text" id="news_name" name="news_name">
</div>
<div class="form-element ">
<label class="form-label">Work Email</label>
<input autocomplete="off" class="form-field validemail removeemoji" aria-label="Work Email" type="email" id="news_email" name="news_email" inputmode="email">
</div>
<button class="c2a bg--grad-23 c--whitee c2a--inline b-0 move-to--nxt-frm ml-auto radius:expandedX2 newsbtn" id="submit-button" type="submit">Sign Up</button>
<div id="response-message"></div>
</form>
</div>
<div class="quick--links">
<img src="frontend/assets/img/common/footer/footer.webp" alt="best-software-development-company" title="Best Software Development Company">
</div>
<div class="industry--links hide-on-mobL">
<h4 class="grid--head with-separator"><span>Our Products</span></h4>
<ul class="f__list arrow--cta" role="list">
<li><a href="#"><i icon="arwR"></i> Interface</a> </li>
<li><a href="#"><i icon="arwR"></i> Mobi Dev</a> </li>
<li><a href="codex"><i icon="arwR"></i> Codex</a> </li>
<li><a href="keywords"><i icon="arwR"></i> Keywords</a> </li>
<li><a href="pixelplus"><i icon="arwR"></i> Pixel Plus </a> </li>
<li><a href="impulse"><i icon="arwR"></i> Impulse</a> </li>
<li><a href="thinktank"><i icon="arwR"></i> Thinktank</a> </li>
<li><a href="cloudcampus"><i icon="arwR"></i> Cloud Campus</a> </li>
<li><a href="sims"><i icon="arwR"></i> Sims4.0</a> </li>
<li><a href="ehm"><i icon="arwR"></i> EHM</a> </li>
<li><a href="flexibook"><i icon="arwR"></i> Flexibook</a> </li>
</ul>
</div>
<div class="footer--contact colspan-2">
<div class="mails">
<a href="#"><i icon="email"></i> <span>Sales</span></a>
<a href="#"><i icon="email"></i> <span>Support</span></a>
<a href="#"><i icon="email"></i> <span>Career</span></a>
</div>
<ul class="ncriptech__social--links">
<li><a class="c--facebook" target="_blank" href="https://www.facebook.com/ncriptechglobal/"><img src="frontend/assets/img/icons/social-icons/facebook.svg" alt="Facebook" title="Facebook"><span>Facebook</span></a></li>
<li><a class="c--instagramorange" target="_blank" href="https://www.instagram.com/ncriptechglobal/"><img src="frontend/assets/img/icons/social-icons/instagram.svg" alt="Instagram" title="Instagram"><span>Instagram</span></a></li>
<li><a class="c--linkedin" target="_blank" href="https://www.linkedin.com/company/ncriptech/"><img src="frontend/assets/img/icons/social-icons/linkedin.svg" alt="LinkedIn" title="LinkedIn"><span>LinkedIn</span></a></li>
<li><a class="c--twitter" target="_blank" href="https://x.com/ncriptech"><img src="frontend/assets/img/icons/social-icons/x.svg" alt="Twitter" title="Twitter"><span>Twitter</span></a></li>
<!-- <li><a class="c--dribbble" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/dribbble.svg" alt="Dribbble" title="Dribbble"><span>Dribbble</span></a></li> -->
<!-- <li><a class="c--youtube" target="_blank" href="https://www.youtube.com/channel/UC7ZA8MVLbIIc7EOepLRKOfg"><img src="frontend/assets/img/icons/social-icons/youtube.svg" alt="YouTube" title="YouTube"><span>YouTube</span></a></li> -->
<!-- <li><a class="c--vimeo" target="_blank" href="#"><img src="frontend/assets/img/icons/social-icons/vimeo.svg" alt="Vimeo" title="Vimeo"><span>Vimeo</span></a></li> -->
</ul>
</div>
</div>
<div class="footer--company">
<div class="text-left">
<!-- <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
<script language="JavaScript" src="https://dunsregistered.dnb.com" data-consent-src="https://dunsregistered.dnb.com" data-category-consent="cookie_cat_necessary" type="text/javascript"></script> -->
<figure class="logo_img">
<img src="frontend/assets/img/common/footer/make-in-india.png" alt="make-in-india" title="Make in India">
<img src="frontend/assets/img/common/footer/since-2009.jpg" alt="15-years-of- excellence" title="15 years of excellence">
<img src="frontend/assets/img/common/footer/msme-logo.png" alt="msme" title="Msme">
<!-- <img src="frontend/assets/img/common/footer/bcci.png" alt="bcci" title="Bcci"> -->
<!-- <img src="frontend/assets/img/2024_v1/logo5.webp?v=1.1.8" alt="Bengal business council" title="Bengal business council"> -->
</figure>
</div>
<div class="flow-rootx">
<!-- <p>An ISO 56000:2020 Certified Company</p> -->
<div class="legal--links hide-on-mobL">
<a href="legal">Legal</a>
<a href="terms-and-conditions">Terms & Conditions</a>
<a href="disclaimer">Disclaimer</a>
<a href="privacy_policy">Privacy Policy</a>
</div>
<p class="text-center">© 2024 <span class="fw--b">ncriptech</span>. <br/>All Rights Reserved.</p>
</div>
</div>
</div>
</div>
<!-- <a class="toTop" aria-label="Go to Top" href="#ncriptech"><i icon="arwR"></i></a> -->
</footer>
<svg width="0" height="0">
<defs>
<linearGradient id="targetSolGrad" x1="0%" x2="100%" y1="0%" y2="0%" gradientTransform="rotate(80)">
<stop offset="0%" stop-color="#ff4dd2"></stop>
<stop offset="100%" stop-color="#ff993b"></stop>
</linearGradient>
</defs>
</svg>
<script src="frontend/assets/js/icons.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/frontend.min.js?v=1.1.8" defer></script>
<script src="frontend/assets/js/common.js?v=1.1.8" defer></script>
</div>
</div>
<div class="ncriptech-ui--modal size:lg " id="modal--video">
<span class="ncriptech-ui--modal-bg">
<i icon="ncriptech"></i>
<button type="button" class="ncriptech-ui--modal-close sds-modal-exit"></button>
</span>
<div class="ncriptech-ui--modal-scroll">
<div class="ncriptech-ui--modal-outer">
<div class="ncriptech-ui--modal-inner">
<div class="ar-16/9">
<iframe title="ncriptech" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="ncriptech-ui--modal size:lg " id="team--video">
<span class="ncriptech-ui--modal-bg">
<i icon="ncriptech"></i>
<button type="button" class="ncriptech-ui--modal-close sds-modal-exit"></button>
</span>
<div class="ncriptech-ui--modal-scroll">
<div class="ncriptech-ui--modal-outer">
<div class="ncriptech-ui--modal-inner">
<div class="ar-16/9">
<iframe title="ncriptech" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
<div class="ncriptech-ui--modal size:md" id="modal--career">
<span class="ncriptech-ui--modal-bg">
<i icon="ncriptech"></i>
<a href="javascript:" class="ncriptech-ui--modal-close sds-modal-exit" aria-label="Close Career Form"></a>
</span>
</div>
<div class="ncriptech-ui--modal size:smX" id="modal-connectRequestForm">
<span class="ncriptech-ui--modal-bg">
<i icon="ncriptech"></i>
<button type="button" aria-label="Close Popup" class="ncriptech-ui--modal-close sds-modal-exit"></button>
</span>
<div class="ncriptech-ui--modal-scroll">
<div class="ncriptech-ui--modal-outer bg--whitee">
<div class="ncriptech-ui--modal-inner inner--paddingX flow-rootX">
<p class="fw--m inner--paddingnew bg--blu c--whitee">Let's Connect</p>
<form id="connectRequestForm" class="form-style inner--paddingX">
<div class="form-element">
<label class="form-label" for="fullname">Full Name <span class="c--error">*</span></label>
<input type="text" name="name" id="fullname" class="form-field validfield removeemoji toUpperCase" autocomplete="off" maxlength="90" aria-label="Full Name">
</div>
<div class="form-element ">
<label class="form-label">Business Email <span class="c--error">*</span></label>
<input autocomplete="off" class="form-field validemail removeemoji" aria-label="Email" type="email" name="email" inputmode="email" maxlength="90">
</div>
<div class="form-element form-select">
<label class="form-label" for="category_id">What are you looking for? <span class="c--error">*</span></label>
<select class="form-field" id="category_id" name="category_id" aria-label="What are you looking for?">
<option></option>
<option value="3">Engineering & Products</option>
<option value="1">Digital Experience</option>
<option value="4">Consulting</option>
<option value="2">Analytics & Automation</option>
</select>
</div>
<div class="form-element form-select subcategory-area" style="display: none;">
<label class="form-label">Choose a Offerings <span class="c--error">*</span></label>
<select class="form-field" name="subcategory_id"></select>
</div>
<div class="form-element">
<input type="tel" name="contact_number" id="contact_no" class="form-field with-placeholder validfieldnumaric removeemoji" maxlength="10" inputmode="tel">
</div>
<div class="form-element form-checkbox">
<label>
<input type="checkbox" name="callback_request" value="1">
<span class="checkmark"></span>
<p class="h6" style="transform: translateY(-0.2em);">I want to request a call back from your end at the given number.</p>
</label>
</div>
<div class="alert alert-danger error-message" role="alert" style="display: none;"></div>
<div class="form-element mb-0 mt-1">
<button type="submit" class="c2a outline c--blak hvr:bg--ncriptechblu hvr:c--whitee b-0 d-grid w-100p contactRequestBtn">Let's Connect</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="frontend/assets/js/contact.js?v=1.1.8" defer></script>
<div class="ncriptech-ui--modal size:md" id="modal-formSuccess">
<span class="ncriptech-ui--modal-bg">
<i icon="ncriptech"></i>
</span>
<div class="ncriptech-ui--modal-scroll">
<div class="ncriptech-ui--modal-outer bg--transparent">
<div class="ncriptech-ui--modal-inner inner--padding text-center bg--grad-23-v3 c--whitee of-hidden flow-rootx">
<figure><img src="frontend/assets/img/2023_v1/popup-bg.png?v=1.1" alt="ncriptech Success Message" title="ncriptech Success Message"></figure>
<h6 class="h4" id="suuccess_msg_h4">Excellent!</h6>
<p id="suuccess_msg">Your request has been sent, our team will get back to you shortly.</p>
<div class="c2a-cont">
<a class="c2a bg--whitee c--txt hvr:bg--whitee size:minimal radius:expandedX" href="javascript:" onClick="closeModal();">OK</a>
</div>
</div>
</div>
</div>
</div>
<script>
$("#file-9").on('change', function() {
var files = $("#file-9").prop("files");
var names = $.map(files, function(val) {
return val.name;
});
var select = $("body #file-9").next()[0];
setTimeout(() => {
$($(select).children('span')[0])(names.join(','));
}, 800);
});
$(document).ready(function() {
$.validator.addMethod('filesize', function(value, element, arg) {
if (element.files[0].size <= arg) {
return true;
} else {
return false;
}
});
})
</script>
</div>
</div>
<button id="goTopBtn" title="Go to top"><i icon="arwR"></i></button>
<script>
const goTopBtn = document.getElementById('goTopBtn');
// Show the button after scrolling down
window.addEventListener('scroll', () => {
if (window.scrollY > 300) {
goTopBtn.style.display = 'flex';
} else {
goTopBtn.style.display = 'none';
}
});
// Scroll to the top when the button is clicked
goTopBtn.addEventListener('click', () => {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
</script>
<script>
// AJAX form submission
$(document).ready(function () {
$('#newsletterForm').on('submit', function (e) {
e.preventDefault();
const formData = $(this).serialize();
const submitButton = $('#submit-button');
submitButton.prop('disabled', true).text('Sending...');
// Send form data via AJAX
$.ajax({
type: 'POST',
url: 'send_email.php',
data: formData,
success: function (response) {
if(response=='ok'){
$('#response-message').text(response);
$('#newsletterForm')[0].reset();
// submitButton.prop('disabled', false).text('Send');
$('#response-message').html('<div style="color:green;">Form has been submitted successfully</div>')
}
else{
$('#response-message').html('<div style="color:red;">Form failed to submit</div>')
}
submitButton.prop('disabled', false).text('Sign Up');
},
error: function () {
submitButton.prop('disabled', false).text('Sign Up');
$('#response-message').html('<div style="color:red;">Form failed to submit</div>')
}
});
});
});
</script>
<script>
(function() {
function c() {
var b = a.contentDocument || a.contentWindow.document;
if (b) {
var d = b.createElement('script');
d.innerHTML = "window.__CF$cv$params={r:'8d361984581547ba',t:'MTcyOTA2MTI2OS4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";
b.getElementsByTagName('head')[0].appendChild(d)
}
}
if (document.body) {
var a = document.createElement('iframe');
a.height = 1;
a.width = 1;
a.style.position = 'absolute';
a.style.top = 0;
a.style.left = 0;
a.style.border = 'none';
a.style.visibility = 'hidden';
document.body.appendChild(a);
if ('loading' !== document.readyState) c();
else if (window.addEventListener) document.addEventListener('DOMContentLoaded', c);
else {
var e = document.onreadystatechange || function() {};
document.onreadystatechange = function(b) {
e(b);
'loading' !== document.readyState && (document.onreadystatechange = e, c())
}
}
}
})();
</script>
</body>
</html>