File: /home/imensosw/www/imenso.co/dev/imenso/case-2.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">
<style type="text/css">
.navbar {
height: 100px;
}
.offset {
margin-top: 100px;
}
</style>
</head>
<body>
<?php include('header.php');?>
<section class="inner-hero" style="margin-top:100px;">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-9">
<h1 data-aos="fade-up">Lavender Medical – Renting and Tracking of Medical Equipments</h1>
</div>
<div class="col-lg-12" data-aos="fade-up">
<div class="row mt-5 case-intro">
<div class="col-lg-2">
<div class="case-points">
<span class="cp-label">Client</span>
<span class="cp-value">Lavender Medical, UK</span>
</div>
<div class="case-points">
<span class="cp-label">Industry</span>
<span class="cp-value">Healthcare</span>
</div>
</div>
<div class="col-lg-3">
<div class="case-points">
<span class="cp-label">Technologies</span>
<ul class="cp-value">
<li>Node.js</li>
<li>React.js</li>
<li>Express.js</li>
<li>MongoDB</li>
<li>React Navtive</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<div class="case-points">
<span class="cp-label">Features</span>
<ul class="cp-value">
<li>PWA</li>
<li>Mobile App</li>
<li>Custom Availability Chart</li>
<li>End-to-end Booking solution</li>
<li>Item tracking solution</li>
<li>Internal Productivity Application</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<p class="mt-4">Looking to build similar project?</p>
<div class="mt-4" data-aos="fade-up">
<a href="" class="btn btn-primary">Get Free Estimate</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bglight service" style="background-color: #c4c4c4; min-height: 600px; border-top: 1px solid #000; border-bottom: 1px solid #000; background-size:cover; background-position:center; background-image: url('images/cs/lm-cover.png'); background-repeat:no-repeat;">
</section>
<section class="burger case-brief">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="section-header">
<span class="shade">Project Brief</span>
</div>
</div>
<div class="col-lg-7 offset-lg-2">
<p class="big-text">Lavender Medical specialise in supplying innovative medical equipment to various hospitals across the UK. </p>
<p class="mt-4">Lavenders entire booking process was manual. The sales people send the booking details including the equipement names, hospital name and operation date via emails. Further the admin team check the availability of the equipments in an excel sheet and confirm to sales teams. This process takes time and has the chances of conflicts in booking dates.</p>
<p class="mt-4">They reach out to us in order build a solution where their entire team can collobarate and manage the end-to-end booking process. The main chellenges were:</p>
<ul class="mt-4">
<li>To create the Product Kits and Sets out of numourous specified products used in a surgery</li>
<li>Make the booking process fast and precise</li>
<li>Track the Product Kits</li>
<li>Mobile application that supports offline booking </li>
</ul>
</div>
</div>
</div>
</section>
<section class="t-burger" style="background-color:#f0f4f7; background-image: url('images/cs/lm-solution.png'); background-position: right 185px; background-repeat: no-repeat; min-height: 820px;">
<div class="container">
<div class="row">
<div class="col-lg-3">
<div class="section-header">
<span class="shade">Solution</span>
</div>
</div>
<div class="col-lg-7 offset-lg-2">
<p class="big-text">A progressive web application with intuitive user interface and highly secured backend.</p>
</div>
</div>
<!-- <div class="row">
<div class="col-lg-12 text-center">
<img src="images/cs/lm-solution.png" style="width:850" class="img-fluid">
</div>
</div> -->
</div>
</section>
<section class="burger" style="background-color:#f0f4f7;">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2 text-center">
<h2 class="big-h2">Streamlined the booking process from equipment request to return</h2>
</div>
</div>
<div class="row" style="margin-top:100px;">
<div class="col-lg-7 sidebar">
<div class="section-header featurescreen">
<!-- <div class="featurescreen__content">
<img src="images/sceen1.png" class="mscreen mscreen1 show" alt="img" />
<img src="images/sceen2.png" class="mscreen mscreen2" alt="img" />
<img src="images/sceen3.png" class="mscreen mscreen3" alt="img" />
<img src="images/sceen4.png" class="mscreen mscreen4" alt="img" />
</div> -->
<img src="images/ipad6.png" alt="img" class="featurescreen__mobile mscreen1 show" />
<img src="images/ipad1.png" alt="img" class="featurescreen__mobile mscreen2" />
<img src="images/ipad2.png" alt="img" class="featurescreen__mobile mscreen3" />
<img src="images/ipad3.png" alt="img" class="featurescreen__mobile mscreen4" />
</div>
</div>
<div class="col-lg-5">
<div class="service__wrapper">
<div class="service-2__wrapper-item " data-aos="fade-up">
<div class="item-body" style="height:80vh;">
<h2 class="feature_cnt big-h2" id="feature_cnt1" data-id="mscreen1">Custom Chart Component</h2>
<p>We have built a light-weight custom compponent for availability chart that helps the users to check the availabilty of the equipments. The component can be integrated anywhere in the application without any complexities</p>
</div>
</div>
<div class="service-2__wrapper-item" data-aos="fade-up">
<div class="item-body" style="height:80vh;">
<h2 class="feature_cnt big-h2" id="feature_cnt2" data-id="mscreen2">Simplified Booking</h2>
<p>We have built a light-weight custom compponent for availability chart that helps the users to check the availabilty of the equipments. The component can be integrated anywhere in the application without any complexities</p>
</div>
</div>
<div class="service-2__wrapper-item" data-aos="fade-up">
<div class="item-body" style="height:80vh;">
<h2 class="feature_cnt big-h2" id="feature_cnt3" data-id="mscreen3">Booking Pipeline</h2>
<p>We have built a light-weight custom compponent for availability chart that helps the users to check the availabilty of the equipments. The component can be integrated anywhere in the application without any complexities</p>
</div>
</div>
<div class="service-2__wrapper-item" data-aos="fade-up">
<div class="item-body" style="height:80vh;">
<h2 class="feature_cnt big-h2" id="feature_cnt4" data-id="mscreen4">Dispatch and Return</h2>
<p>We have built a light-weight custom compponent for availability chart that helps the users to check the availabilty of the equipments. The component can be integrated anywhere in the application without any complexities</p>
</div>
</div>
</div>
</div>
</div>
<div class="row" style="margin-top:100px;">
<div class="col-lg-8 offset-lg-2 text-center">
<h2 class="big-h2">Easy to use backend for managing application details</h2>
</div>
</div>
<div class="row gutter">
<div class="col-lg-12">
<div class="feature-card mt-5 lm-dashboard">
<div class="row">
<div class="col-lg-6">
<h2 class="big-h2">Tracking Dashboard</h2>
<p class="mt-4">We have built a light-weight custom compponent for availability chart that helps the users to check the availabilty of the equipments. The component can be integrated anywhere in the application without any complexities</p>
</div>
<div class="col-lg-6"></div>
</div>
</div>
</div>
</div>
<div class="row gutter mt-4">
<div class="col-sm-6">
<div class="feature-card mt-2 pb-0 card">
<div class="card-body pb-0">
<h3>User Dashboard</h3>
<p class="mt-4">We have built a light-weight custom compponent for availability chart that helps the users to check the availabilty of the equipments. The component can be integrated anywhere in the application without any complexities</p>
<div class="mt-5 text-center"><img src="images/users-screen.png" class="w-75 m-auto" alt="image" /></div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="feature-card mt-2 pb-0 card">
<div class="card-body pb-0">
<h3>Kit Dashboard</h3>
<p class="mt-4">We have built a light-weight custom compponent for availability chart that helps the users to check the availabilty of the equipments. The component can be integrated anywhere in the application without any complexities</p>
<div class="mt-5 text-center"><img src="images/kits-screen.png" class="w-75 m-auto" alt="image" /></div>
</div>
</div>
</div>
</div>
</section>
<?php include('footer.php');?>
<script type="text/javascript">
//var offset = $("#feature_cnt2").offset();
//alert("left: " + offset.left + ", top: " + offset.top)
/*$( window ).scroll(function() {
console.log($(window).scrollTop()+" "+ parseInt(offset.top));
if($(window).scrollTop() >= parseInt(offset.top)){
$(".mscreen2").addClass("show");
}
else{
$(".mscreen2").removeClass("show");
}
});*/
function isInViewport(element) {
const rect = document.getElementById(element).getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
rect.right <= (window.innerWidth || document.documentElement.clientWidth)
);
}
$( window ).scroll(function() {
$(".feature_cnt").each(function(index){
if(isInViewport($(this).attr("id"))){
$("."+$(this).attr("data-id")).addClass("show");
}
else
{
$("."+$(this).attr("data-id")).removeClass("show");
}
})
});
</script>
</body>
</html>