File: /home/imensosw/www/imenso.co/dev/imenso/ux-ui-design.php
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Homepage | Imenso Software</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<link rel='stylesheet' href='css/style.css' media='all' />
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" media="all">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
</head>
<style type="text/css">
.lined::after {
left: 26%;
}
</style>
<body>
<?php include('header.php');?>
<section class="burger vh-100" style="background-image: url('images/ui-banner.png'); background-size:50%; background-repeat: no-repeat; background-position: left bottom; display: flex; align-items: center; overflow: hidden;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5">
</div>
<div class="col-lg-7 mt-5">
<h2 class="mt-4 big-h1">Creating intuitive and memorable digital experience.</h2>
<!-- <p class="mt-5"><strong>What difference do we make?</strong></p> -->
<p class="mt-3" style="font-size: 20px; font-weight: 500; font-style: italic; opacity: 0.7; padding-right: 130px;">We implement your bright ideas effectively to create a successful software solutions.</p>
<div class="row mt-3">
<div class="col">
<div class="bordercard">
<span class="icn">60%</span>
<p>Cost saving in development</p>
</div>
</div>
<div class="col">
<div class="bordercard">
<span class="icn">11+</span>
<p>Years of proven experience</p>
</div>
</div>
<div class="col">
<div class="bordercard">
<span class="icn"><i class="fa fa-superpowers"></i></span>
<p>100% Agile Practices</p>
</div>
</div>
<div class="col">
<div class="bordercard" style="border-right:none;">
<span class="icn"><i class="fa fa-cube"></i></span>
<p>Design first approach</p>
</div>
</div>
</div>
<div class="mt-5">
<a href="" class="btn btn-primary" style="width:250px;">Discuss your idea</a>
</div>
</div>
</div>
</div>
</section>
<main class="lined">
<section class="burger" style="background-color:#f4f4f4;">
<div class="container">
<div class="row">
<div class="col-lg-2 sidebar">
<span class="shade-big">Overview</span>
</div>
<div class="col-lg-9 offset-lg-1">
<h2 class="big-light" style="padding-right: 200px;">Our human centered design approach enhances user engagements for your Business.</h2>
<p class="big-p opaq mt-4">We purely focus on human experience to create an emotional design that connect users. We think at creative as well as scientific levels to design experiences for your Business. We just dont create great designs but we make sure that it will produce quantifiable results with the following services:</p>
<div class="container-fluid">
<div class="row mt-5 service-block">
<div class="col-lg-2" style="background:url('images/uiux.jpg') no-repeat; background-size:contain; background-position:center center; border-radius: 8px;"></div>
<div class="col-lg-9">
<div class="pl-5">
<h3>User experience/interface designing</h3>
<p>Our designers specialize in understanding of your business need, long-term product vision and end user experience. Our passion in designing leads us to translate our client's goals into clear and memorable digital experences.</p>
</div>
</div>
</div>
<div class="row mt-5 service-block">
<div class="col-lg-2" style="background:url('images/responsive.jpg') no-repeat; background-size:contain; background-position:center center; border-radius: 8px;"></div>
<div class="col-lg-9">
<div class="pl-5">
<h3>Responsive (RWD)</h3>
<p>Our Responsive Web Design practice consists of a mix of flexible grids and layouts, images and an precise use of CSS media queries. As we provide a seamless experience while user switches the devices.</p>
</div>
</div>
</div>
<div class="row mt-5 service-block">
<div class="col-lg-2" style="background:url('images/prototyping.jpg') no-repeat; background-size:contain; background-position:center center; border-radius: 8px;"></div>
<div class="col-lg-9">
<div class="pl-5">
<h3>Wireframing & Prototyping</h3>
<p>Our UX journey starts with focus on low-fidelity approaches such as paper & pencile that are low cost and fast to implement.We moves the design to AdobeXD or inVision design tools at a higher level of fidelity.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="burger techstack" style="background-color:#FFF">
<div class="container">
<div class="row">
<div class="col-lg-2 sidebar">
<span class="shade-big">Capabilities</span>
<!-- <a href="javascript:;" class="circle-icon right">Read More<img src="images/arrow-right.svg" alt="arrow-right"></a> -->
</div>
<div class="col-lg-9 offset-lg-1">
<h2 class="big-light" style="padding-right:100px;">We use state of the art mobile development technologies.</h2>
<p class="big-p opaq mt-4">We have successfully implemented more than 30 mobile applications till date across various business domains including healthcare, technology, education, financial services and much more. We develop native mobile application for Android and IOS. We also develop hybrid mobile applications which can work on Android, IOS and Windows.</p>
<!-- <div class="row mb-4 border-bottom pb-4" style="margin-top: 100px">
<div class="col-lg-2">
<h5>Frontend</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/angular.png" alt="Angular">
</span>
<span class="ti-name"> Angular.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/vuejs.png" alt="Vuejs">
</span>
<span class="ti-name"> Vue.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/react.png" alt="React">
</span>
<span class="ti-name"> React.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/html5.png" alt="HTML5">
</span>
<span class="ti-name"> HTML 5</span>
</a>
</li>
</ul>
</div>
</div> -->
<div class="row mb-4 border-bottom pb-4" style="margin-top: 100px">
<div class="col-lg-2">
<h5>Wireframe / Mockups</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/xd.png" alt="Adobe XD">
</span>
<span class="ti-name"> Adobe XD</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/figma.png" alt="Figma">
</span>
<span class="ti-name"> Figma</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/lucidchart.png" alt="Lucidchart">
</span>
<span class="ti-name"> Lucidchart</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/balsamiq.png" alt="Balsamiq">
</span>
<span class="ti-name"> Balsamiq</span>
</a>
</li>
</ul>
</div>
</div>
<div class="row mb-4 border-bottom pb-4">
<div class="col-lg-2">
<h5>Frontend</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/angular.png" alt="Angular">
</span>
<span class="ti-name"> Angular.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/vuejs.png" alt="Vuejs">
</span>
<span class="ti-name"> Vue.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/react.png" alt="React">
</span>
<span class="ti-name"> React.js</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/html5.png" alt="HTML5">
</span>
<span class="ti-name"> HTML 5</span>
</a>
</li>
</ul>
</div>
</div>
<div class="row mb-4 border-bottom pb-4">
<div class="col-lg-2">
<h5>Mobile Apps</h5>
</div>
<div class="col-lg-10">
<ul class="techicons">
<li>
<a href="">
<span class="ti-image">
<img src="images/language/react.png" alt="React Native">
</span>
<span class="ti-name"> React Native</span>
</a>
</li>
<!-- <li>
<a href="">
<span class="ti-image">
<img src="images/language/apple.png" alt="iOS">
</span>
<span class="ti-name"> iOS</span>
</a>
</li>
<li>
<a href="">
<span class="ti-image">
<img src="images/language/android.png" alt="Android">
</span>
<span class="ti-name"> Android</span>
</a>
</li> -->
<li>
<a href="">
<span class="ti-image">
<img src="images/language/phonegap.png" alt="Phonegap">
</span>
<span class="ti-name"> Phonegap</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<section class="burger" style="background-color: #f4f4f4;">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade">Success Stories</span>
<h2 class="mt-4 big-light">How we have helped industry leaders to accelerate business</h2>
</div>
<div class="col-lg-3 offset-lg-1">
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="projects image-grid">
<div class="project-item">
<a href="" target="_blank"><img src="images/project3.png" class=""></a>
<div class="project-brief">
<p class="shade">MobilePay</p>
<h3>Creating better payment experiences for healthcare</h3>
</div>
</div>
<div class="project-item">
<a href="" target="_blank"><img src="images/mps-com-2.png" class=""></a>
<div class="project-brief">
<p class="shade">Patient Communication</p>
<h3>Collaborating patient workflows effectively through patient communication</h3>
</div>
</div>
<div class="project-item">
<a href="" target="_blank"><img src="images/project2.jpg" class=""></a>
<div class="project-brief">
<p class="shade">MobilePay</p>
<h3>Creating better payment experiences for healthcare</h3>
</div>
</div>
<div class="project-item">
<a href="" target="_blank"><img src="images/mps-com-2.png" class=""></a>
<div class="project-brief">
<p class="shade">Patient Communication</p>
<h3>Collaborating patient workflows effectively through patient communication</h3>
</div>
</div>
</div>
<div class="cursor cursor-eye">
<span class="cursor-show">View</span>
</div>
</div>
</div>
</div>
</section>
<section class="burger border-top" id="approach" style="background-color:#333; color:#FFF">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade">Process</span>
<h2 class="mt-3 big-light">The way to design a successful user experience.</h2>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="big-p">Since we started in 2010, we've completed over 1500 projects. During this tenure we encountered numerous challenges which helps us to set strict development benchmarks.</p>
</div>
</div>
<div class="row" style="margin-top: 100px;">
<div class="col p-line">
<div class="do-approach">
<div class="stage-icon stage-icon2"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow=40" aria-valuemin="0" aria-valuemax="100" style="--value:40"></div>
<div class="media-heading">Information Architecture</div>
<p>We organize your content in a way that is easy to navigate and engaging.</p>
</div>
</div>
</div>
<div class="col p-line">
<div class="do-approach">
<div class="stage-icon stage-icon3"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="--value:60"></div>
<div class="media-heading">Interaction Design</div>
<p>We draw the interactions users will have with your business keeping your company's core values.</p>
</div>
</div>
</div>
<div class="col p-line">
<div class="do-approach">
<div class="stage-icon stage-icon4"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="--value:80"></div>
<div class="media-heading">Prototyping</div>
<p>Now it comes to draw an actionalble protype to understand the high level of fidelity.</p>
</div>
</div>
</div>
<div class="col">
<div class="do-approach">
<div class="stage-icon stage-icon5"> </div>
<div class="approach-cnt">
<div role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="--value:100"></div>
<div class="media-heading">User Testing</div>
<p>Our quality team will carefully test the design so that every minor glich can be identified and removed.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="burger s-services">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade">Why Imenso Software</span>
<h2 class="mt-4 big-light">We follow all the critical elements of excellent UX design.</h2>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="big-p">Our hands on experience in designing taught us to take a great care of critcal design elements. Here are some key elements to respect:</p>
</div>
</div>
<div class="row mt-5">
<div class="col-lg-4">
<div class="item">
<h3>Usability</h3>
<p>We leverage a transparent iterative approach to increase the usability that results in increasing user engagement. Our usability experts aim at keeping the interface simple and easy-to-use and make sure that every user action should produce a positive result.</p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<h3>Performance</h3>
<p>The website performance is absolutely critical. 57% of users abandon a website after waiting for 3 seconds for a page to load. We optimize all the elements of website for load test which increases the user engagement and lessen the bounce rate.</p>
</div>
</div>
<div class="col-lg-4">
<div class="item">
<h3>Accessibility</h3>
<p>Alongwith producing great content and organize it well it needs to be able to be accessible by any and all users that visit the website or product. Not only should the site be free of errors and broken pages, but things like response time/load time, browser capabilities, device compatibility and disability compliance also rank high on ensuring a site is accessible to all.</p>
</div>
</div>
</div>
<div class="banner-logos">
<div class="my-3 blur-heading text-center">Trusted By</div>
<img src="images/logos-2.png" class="img-fluid" width="580">
<img src="images/logos-2.png" class="img-fluid" width="580">
</div>
<div class="row mt-5">
<div class="col-lg-12 text-center">
<a href="" class="btn btn-primary">Get Started with a FREE Consultation</a>
</div>
</div>
</div>
</section>
<section class="burger industries-section" style="background-color:#f8f8f8;">
<div class="container">
<div class="row align-items-center">
<div class="col-sm-5">
<div class="section-header">
<span class="shade">INDUSTRIES</span>
<h2 class="mb-4">We Serve Multiple Industries accross the globe.</h2>
<p>Our team consist an enthusiast of almost all the industries, no matter which industry you are operating in, we know all the know-hows.</p>
</div>
</div>
<div class="col-sm-6 offset-sm-1">
<ul class="industry_list">
<li><a href="#">E-commerce and Retail</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Hospitality and Travel</a></li>
<li><a href="#">Real Estate</a></li>
<li><a href="#">Transportation and Logistics</a></li>
<li><a href="#">Insurance</a></li>
<li><a href="#">Manufacturing</a></li>
<li><a href="#">Automotive</a></li>
<li><a href="#">Healthcare</a></li>
<li><a href="#">Education</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Human Resource</a></li>
</ul>
</div>
</div>
</div>
</section>
<section class="burger models border-top">
<div class="container">
<div class="row">
<div class="col-lg-7">
<span class="shade">Engagement Models</span>
<h2 class="big-light mt-4">Partnership approaches that deliver satisfaction and success</h2>
</div>
<div class="col-lg-4 offset-lg-1">
<p class="big-p">Imenso software offers flexible engagement models for companies that outsource software development to fuel their mission with our ninja expertise in web and mobile development.</p>
</div>
</div>
<div class="row model" style="margin-top: 100px;">
<div class="col-lg-4 model__item pr-5" data-aos="fade-up">
<img src="images/icons/04.png" width="80">
<h3>Dedicated Resources</h3>
<p>Hire a team of full-time dedicated professionals for custom software development projects. We know successful teams need a refined hiring process, and our transparent process enables clients to select, screen and shortlist developers after interviews.</p>
</div>
<div class="col-lg-4 model__item pr-5" data-aos="fade-up">
<img src="images/icons/05.png" width="55">
<h3>Fixed Time and Price</h3>
<p>Our software development firm executes this resource model for an end-to-end project delivery under a fixed price. If you have well-defined requirements for a project with a detailed list of features and specifications, this is a low-risk option.</p>
</div>
<div class="col-lg-4 model__item pr-5" data-aos="fade-up">
<img src="images/icons/06.png" width="90">
<h3>Hourly Dedicated Resources</h3>
<p>Our offshore web development agency offers technical expertise for small requirements of companies as well. Hire developers on hourly pricing for limited work needs such as maintenance, migration, and quick bug fixes.</p>
</div>
<div class="col-lg-12 text-center">
<a href="" class="mt-5 btn btn-primary">Lets Get Started</a>
</div>
</div>
</div>
</section>
<section class="burger" style="display:block; background-color:#f4f4f4;">
<div class="container">
<div class="row">
<div class="col-lg-3 sidebar">
<span class="shade">Get Free Estimation</span>
<p class="mt-4 sml-p">Imenso software offers flexible engagement models for companies that outsource software development to fuel their mission with our ninja expertise in web and mobile development.</p>
</div>
<div class="col-lg-8 offset-lg-1">
<h2 class="big-light">Contact us for FREE project estimate</h2>
<form class="mt-5 estimate">
<div class="form-row">
<div class="col">
<div class="form-group">
<label>First Name</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Last Name</label>
<input type="" class="form-control" name="">
</div>
</div>
</div>
<div class="form-row">
<div class="col">
<div class="form-group">
<label>Company Name</label>
<input type="" class="form-control" name="">
</div>
</div>
<div class="col">
<div class="form-group">
<label>Company Email Address</label>
<input type="" class="form-control" name="">
</div>
</div>
</div>
<div class="form-group">
<label>Write your requirement</label>
<textarea class="form-control" rows="3"></textarea>
</div>
<div class="mt-5">
<a href="" class="btn btn-primary">Get Free Estimate</a>
</div>
</form>
</div>
</div>
</div>
</section>
</main>
<?php include('footer.php');?>
<script>
var swiper = new Swiper(".swiper-industries", {
slidesPerView: 4,
spaceBetween: 4,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
});
</script>
<script type="text/javascript">
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
<script type="text/javascript" src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script>
<script type="text/javascript">
const cursorBee = document.querySelector(".cursor-bee");
const cursorEye = document.querySelector(".cursor-eye");
let scale = 1;
function mousemoveHandler(e) {
const target = e.target;
const tl = gsap.timeline({
defaults: {
x: e.clientX,
y: e.clientY,
ease: "power2.out"
}
});
// JUST FOR MY LOGO
if (
target.closest(".page-footer") ||
target.classList.contains("page-footer")
) {
gsap.to(".cursor", {
opacity: 0
});
return;
}
if (target.tagName.toLowerCase() === "img" && target.closest(".image-grid")) {
tl.to(cursorBee, {
opacity: 0
}).to(
cursorEye,
{
opacity: 1
},
"-=0.5"
);
} else {
if (target.classList.contains("line-animation")) {
scale = 4;
} else {
scale = 1;
}
tl.to(cursorBee, {
opacity: 1,
scale: scale
}).to(
cursorEye,
{
opacity: 0
},
"-=0.5"
);
}
}
function mouseleaveHandler() {
gsap.to(cursorBee, {
opacity: 0
});
}
document.addEventListener("mousemove", mousemoveHandler);
document.addEventListener("mouseleave", mouseleaveHandler);
</script>
</body>
</html>