| Server IP : 82.197.83.129 / Your IP : 216.73.216.166 [ Web Server : LiteSpeed System : Linux us-bos-web1456.main-hosting.eu 4.18.0-553.40.1.lve.el8.x86_64 #1 SMP Wed Feb 12 18:54:57 UTC 2025 x86_64 User : u489457460 ( 489457460) PHP Version : 7.3.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail Domains : 2 Domains MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u489457460/domains/vavatechnologies.com/public_html/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="css3, html5, bootstrap">
<meta name="author" content="VAVA Technologies Inc" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<title>VAVA Technologies Inc | IT Services - Software Development Company</title>
<!-- favicon icon -->
<link rel="shortcut icon" href="images/favicon.png" />
<!-- inject css start -->
<!--== bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--== animate -->
<link href="css/animate.css" rel="stylesheet" type="text/css" />
<!--== fontawesome -->
<link href="css/fontawesome-all.css" rel="stylesheet" type="text/css" />
<!--== audioplayer -->
<link href="css/audioplayer/audioplayer.css" rel="stylesheet" type="text/css" />
<!--== magnific-popup -->
<link href="css/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css" />
<!--== owl-carousel -->
<link href="css/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css" />
<!--== base -->
<link href="css/base.css" rel="stylesheet" type="text/css" />
<!--== shortcodes -->
<link href="css/shortcodes.css" rel="stylesheet" type="text/css" />
<!--== default-theme -->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--== responsive -->
<link href="css/responsive.css" rel="stylesheet" type="text/css" />
<!--== Custom Added -->
<link href="css/inveces_styles.css" rel="stylesheet" type="text/css" />
<!-- inject css end -->
</head>
<body>
<!-- page wrapper start -->
<div class="page-wrapper">
<!--header start-->
<header id="site-header" class="header">
<div id="header-wrap">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand logo" href="index.html">
<img id="logo-img" class="img-center" src="images/vavainfo_logo_org_t.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
aria-expanded="false" aria-label="Toggle navigation"> <span></span>
<span></span>
<span></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<!-- Left nav -->
<ul class="nav navbar-nav ml-auto mr-auto">
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#">Corporate</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="company-information.html">Company Information</a></li>
<!-- <li><a class="dropdown-item" href="facts-and-figures.html">Facts and Figures</a></li> -->
<li><a class="dropdown-item" href="our-mission-and-quality-policy.html">Our Mission and Quality
Policy</a></li>
<!-- <li><a class="dropdown-item" href="investor-relations.html">Investor Relations</a></li>
<li><a class="dropdown-item" href="certifications-and-partners.html"> Certifications and Partners</a></li> -->
</ul>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#">Services</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="digital-marketing.html">Digital Marketing</a></li>
<li><a class="dropdown-item" href="web-development-services.html">Web Development Services</a>
</li>
<li><a class="dropdown-item" href="app-development-services.html">App Development services</a>
</li>
<li><a class="dropdown-item" href="data-entry.html">Data Entry</a></li>
<li><a class="dropdown-item" href="medical-billing.html">Medical Billing</a></li>
<li><a class="dropdown-item" href="software-development.html">Software Development</a></li>
<li><a class="dropdown-item" href="it-consulting-services.html">IT Consulting Services</a></li>
</ul>
</li>
<li class="nav-item"> <a class="nav-link" href="industries.html">Industries</a>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#">Solutions</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="business-development-solutions.html">Business Development
Solutions</a>
</li>
<li><a class="dropdown-item" href="hr-solutions.html">HR Solutions</a>
</li>
<li><a class="dropdown-item" href="education-and-training-solutions.html">Education & Training
Solutions</a>
</li>
<li> <a class="dropdown-item" href="office-automation-soluions.html">Office Automation
Solutions</a>
</li>
<li> <a class="dropdown-item" href="e-commerce-solutions.html">E-commerce Solutions</a>
</li>
<li> <a class="dropdown-item" href="m-commerce-solutions.html">M-commerce solutions</a>
</li>
</ul>
</li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#">Technology</a>
<ul class="dropdown-menu technologies">
<li><a class="dropdown-item" href="mobile.html">Mobile</a>
</li>
<li><a class="dropdown-item" href="web.html">Web</a>
</li>
<li><a class="dropdown-item" href="microsoft.html">Microsoft</a>
</li>
<li><a class="dropdown-item" href="erp-and-crm.html">ERP & CRM</a>
</li>
<li><a class="dropdown-item" href="framework.html">Framework</a>
</li>
<li><a class="dropdown-item" href="cms.html">CMS</a>
</li>
</ul>
</li>
<!-- <li class="nav-item"> <a class="nav-link" href="career.html">Career</a>
</li>
<li class="nav-item"> <a class="nav-link" href="blog/index.html">Blog</a>
</li> -->
<li class="nav-item"> <a class="nav-link" href="jobseekers.html">Job Seekers</a>
</li>
<li class="nav-item"> <a class="nav-link" href="case-studies.html">Case Studies</a>
</li>
<li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
<div class="right-nav align-items-center d-flex justify-content-end list-inline">
<!-- <a class="btn btn-white btn-sm" href="login.html">Login</a>
<div class="search">
<div class="search-content">
<div class="search-button"> <i class="fas fa-search"></i>
</div>
<form id="search-form" class="search-form">
<input type="search" class="search-input" placeholder="Search Here...">
</form>
</div>
</div> -->
<a href="#" class="ht-nav-toggle"><span></span></a>
</div>
</nav>
</div>
</div>
</div>
</div>
</header>
<nav id="ht-main-nav"> <a href="#" class="ht-nav-toggle active"><span></span></a>
<div class="container">
<div class="row">
<div class="col-md-12">
<img class="img-fluid side-logo mb-3" src="images/vavainfo_logo.png" alt="">
<p class="mb-5">VAVA Technologies Inc is one of the leading Software Development Company with proven track
record in providing technology services that are secure, innovative, accessible, supple & consistent to
clients across the globe</p>
<div class="form-info">
<h4 class="title">Contact info</h4>
<ul class="contact-info list-unstyled mt-4">
<!-- <li class="mb-4"><i class="flaticon-location"></i><span>Address:</span>
<p>3 rd Floor, </p>
<p>Near Melange Towers, Madhapur, Hyderabad - 500081</p>
</li> -->
<li><i class="flaticon-email"></i><span>Email</span><a href="mailto:hr@vavatechinc.com">
hr@vavatechinc.com</a>
</li>
</ul>
</div>
<div class="social-icons social-colored mt-5">
<ul class="list-inline">
<li class="mb-2 social-facebook"><a href="" target="_blank"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="mb-2 social-twitter"><a href="" target="_blank"><i class="fab fa-twitter"></i></a>
</li>
<li class="mb-2 social-gplus"><a href="" target="_blank"><i class="fab fa-google-plus-g"></i></a>
</li>
<li class="mb-2 social-instagram"><a href=""><i class="fab fa-instagram" target="_blank"></i></a>
</li>
<li class="mb-2 social-pinterest"><a href="" target="_blank"><i class="fab fa-pinterest"></i></a>
</li>
<li class="mb-2 social-linkedin"><a href=""><i class="fab fa-linkedin-in" target="_blank"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!--header end-->
<section class="page-title o-hidden text-center grey-bg bg-contain animatedBackground"
data-bg-img="images/pattern/05.png" style="background-image: url(_images/pattern/05.html);">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12">
<h1 class="title">UI/UX Design For ECommerce Portal</h1>
<p>We specialize in running creative and profitable digital marketing campaigns for ecommerce businesses</p>
<nav aria-label="breadcrumb" class="page-breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index-3.html">Home</a>
</li>
<!-- <li class="breadcrumb-item"><a href="#">Contact</a>
</li> -->
<li class="breadcrumb-item active" aria-current="page">UI/UX Design
<li>
</ol>
</nav>
</div>
</div>
</div>
<div class="page-title-pattern"><img class="img-fluid" src="images/bg/06.png" alt=""></div>
</section>
<div class="page-content">
<!--step start-->
<section class="text-center pos-r pt-0" data-bg-img="images/pattern/02.png"
style="background-image: url(_images/pattern/02.html);">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-10 ml-auto mr-auto">
<div class="section-title">
<h6>Steps</h6>
<h2 class="title">VAVA Technologies Inc Working Process Steps</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-12">
<div class="work-process">
<div class="work-process-inner">
<div class="work-img">
<img class="img-center" src="images/how-it-work/01.png" alt="">
<span class="step-num">01</span>
</div>
<h4>Objective</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 md-mt-5">
<div class="work-process">
<div class="work-process-inner">
<div class="work-img">
<img class="img-center" src="images/how-it-work/02.png" alt="">
<span class="step-num">02</span>
</div>
<h4>Solution</h4>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 md-mt-5">
<div class="work-process">
<div class="work-process-inner">
<div class="work-img">
<img class="img-center" src="images/how-it-work/03.png" alt="">
<span class="step-num">03</span>
</div>
<h4>Result</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!--step end-->
<section>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row" data-bg-img="images/pattern/01.png"
style="background-image: url(_images/pattern/01.html);">
<div class="col-md-12">
<div class="case-images">
<img class="img-fluid w-100" src="images/case-studies/large/07.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="casestudy_details">
<div class="container">
<div>
<div class="case-details mt-4">
<h4 class="title">Objective</h4>
<p class="lead text-black text_jsty">As per our conversation made with our client they has given the
following requirements for their ecommerce portal 1. An engaging platform with good UI/UX 2. Ease of
navigation to user 3. Product filers based on color, brand, size and price 4. On home page need main
category pages drop down followed by other sub categories.</p>
<h4 class="title">Solution</h4>
<p class="lead text-black text_jsty">Before diving into the challenges, we have started with a quick
run-down of our UX design process. After making the web and mobile prototypes, we designed the detailed
UI and continuously tested them with users in both phases week by week. We had our UI design team put
together prototypes by different navigation approaches. Then we have added product filters based on
color, brand and size of the portal. We included main category pages drop down followed by other sub
categories in home page. We have created payment gateway by establishing relationships with a bank that
allows an aggregating merchant account. The first thing we have done is created a new module with a YAML
file that includes the commerce payment dependency. Next we build a software system that can facilitate
the transfer and storage of money between individuals and our client’s business. </p>
<h4 class="title">Result</h4>
<p class="lead text-black text_jsty">Our client achieved higher conversion rates and reduced abandonment
rates through a revamp of the shopping cart. Our client’s inventory was about 2 crores of which 15 lakhs
was stuck in wishlist. So we have run a target oriented campaigns to the people who have joined in
wishlist by providing product related offers. We have raised conversions to 75%. Our client was very
happy and he added words “First time using your company. Easy to order and pay. Easy to find what I
needed. You made our website look very user friendly and professional looking. I love it when it goes
fast....and it did. Thanks!”</p>
</div>
</div>
</div>
</div>
<!--service details end-->
</div>
<!--footer start-->
<!-- <section class="footer_top">
<div class="container">
<div class="row">
<div class="col-md-2">
<img src="images/amazon12.png">
</div>
<div class="col-md-2">
<img src="images/nasscmn.png">
</div>
<div class="col-md-2">
<img src="images/ison.png">
</div>
<div class="col-md-2">
<img src="images/googleanalytics123.png">
</div>
<div class="col-md-2">
<img src="images/googleppp.png">
</div>
<div class="col-md-2">
<img src="images/aadwords.png">
</div>
</div>
</div>
</section> -->
<footer class="footer white-bg pos-r o-hidden bg-contain" data-bg-img="images/pattern/01.png">
<div class="round-p-animation"></div>
<div class="primary-footer">
<div class="container-fluid p-0">
<div class="row">
<div class="col-lg-4">
<div class="ht-theme-info bg-contain bg-pos-r h-100 dark-bg text-white" data-bg-img="images/bg/02.png">
<div class="footer-logo">
<img id="logo-img" class="img-center" src="images/vavainfo_logo_org_white.png" alt="">
</div>
<p class="mb-3">VAVA Technologies Inc is one of the leading Software Development Company with proven
track record in providing technology services that are secure, innovative, accessible, supple &
consistent to clients across the globe. We started our journey in 2011 and we take pride at our
ability to provide best quality services that are sustainable over the lifecycle of software products.
VAVA Technologies Inc is an ISO 9001:2010 certified development company with highly skilled expertise
of 50+ team. Gaining the trust of more than 150+ clients across the globe, we stand out in providing
trust worthy and reliable services to our clients.</p>
<!-- <a class="btn-simple" href="#"><span>Read More <i class="fas fa-long-arrow-alt-right"></i></span></a> -->
<div class="social-icons social-border circle social-hover mt-5">
<h4 class="title">Follow Us</h4>
<ul class="list-inline">
<li class="social-facebook"><a href="" target="_blank"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="social-twitter"><a href="" target="_blank"><i class="fab fa-twitter"></i></a>
</li>
<li class="social-gplus"><a href="" target="_blank"><i class="fab fa-google-plus-g"></i></a>
</li>
<li class="social-instagram"><a href="" target="_blank"><i class="fab fa-instagram"></i></a>
</li>
<li class="social-pinterest"><a href="" target="_blank"><i class="fab fa-pinterest"></i></a>
</li>
<li class="social-linkedin"><a href="" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-8 md-px-5">
<div class="row">
<div class="col-lg-4 col-md-4 footer-list">
<h4 class="title">QUICK MENU</h4>
<ul class="media-icon list-unstyled">
<li>
<p class="mb-0">Services</p>
</li>
<!--<li>
<p class="mb-0"><strong>Landmark:</strong> adjacent Golconda chefs ,</p>
</li>
<li>
<p class="mb-0"><strong>Opposite Line:</strong> Madhapur petrol Bank,</p>
</li>-->
<li>
<p class="mb-0">Industries</p>
</li>
<li>
<p class="mb-0">Solutions</p>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-4 footer-list">
<h4 class="title">QUICK MENU</h4>
<ul class="media-icon list-unstyled">
<li>
<p class="mb-0">Technology</p>
</li>
<li>
<p class="mb-0">Job Seekers</p>
</li>
</ul>
</div>
<div class="col-lg-4 col-md-4 sm-mt-5 footer-list">
<h4 class="title">CONTACT</h4>
<ul class="media-icon list-unstyled">
<!-- <li>
<p class="mb-0">34-18 northern Blvd,</p>
</li>
<li>
<p class="mb-0">Long Island city, </p>
</li>
<li>
<p class="mb-0">Queens New York - 11101 </p>
</li> -->
<li><a href="mailto:hr@vavatechinc.com"><strong>E-Mail : </strong> hr@vavatechinc.com</a>
</li>
<!-- <li><a href="tel:+17187665454"><strong>Phone:</strong> +1 718-766-5454</a>
</li> -->
</ul>
</div>
<!--<div class="col-lg-12 col-md-12 sm-mt-5">
<div class="map_section">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3200.6886199053056!2d78.392303!3d17.446227099999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb91619b8eb42b%3A0xe975beec68d18217!2sVAVA Technologies Inc+Global+Solutions+Pvt+Ltd!5e0!3m2!1sen!2sin!4v1542792841670" width="100%" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</div>-->
</div>
<div class="row mt-5">
<div class="col-lg-10 col-md-12 mr-auto">
<h6>Sign up for our newsletter to stay up to date with tech news!</h6>
<p style="text-transform: unset;">We believe in empowering Businesses. Talk to us today !</p>
<div
class="align-items-center white-bg box-shadow px-3 py-3 radius d-md-flex justify-content-between">
<!-- <h4 class="mb-0">NewsLetter</h4> -->
<div class="subscribe-form sm-mt-2">
<form id="mc-form" name="subscribe" class="group" action="javascript:footerdata()">
<input type="text" name="name" class="name" id="subscribe_name" placeholder="Your Name"
onkeypress="return onlyAlphabets(event)">
<span id="subscribe_name-error" class="color"></span>
<input type="email" name="email" class="email" id="subscribe_email" placeholder="Email Address">
<span id="subscribe_email-error" class="color"></span>
<button class="btn btn-theme" name="submit"> Submit</button>
</form>
<script src="../ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#mc-form").click(function () {
//alert("hi");
var subscribe_name = $("#subscribe_name").val();
var patterndata = /^[a-z0-9_-]{3,30}$/;
var email1 = $("#subscribe_email").val();
if (subscribe_name == "") {
$("#subscribe_name-error").html("Please Enter Name");
flag = 0;
} else if (!patterndata.test(subscribe_name)) {
$("#subscribe_name-error").html("Please enter username 3-30 characters");
flag = 0;
}
else {
$("#subscribe_name-error").html("");
flag = 1;
}
if (email1 == "") {
$("#subscribe_email-error").html("Plaese Enter Email");
flag = 0;
}
else {
$("#subscribe_email-error").html("");
flag = 1;
}
if (flag == 0) {
return false;
}
});
});
function isValidEmailAddress1(emailAddress1) {
var pattern = new RegExp(/^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i);
return pattern.test(emailAddress1);
}
</script>
<script>
function footerdata() {
var d = new Date();
var n = d.getDate();
var y = d.getFullYear();
var m = d.getMonth() + 1;
var createdOn = n + "/" + m + "/" + y;
var date = createdOn;
var subscribe_name = $("#subscribe_name").val();
var email1 = $("#subscribe_email").val();
$.ajax({
type: "POST",
url: "footersubmit.php",
data: { subscribe_name: subscribe_name, email1: email1, subscribe: 'subscribe' },
beforeSend: function () {
$("#loading-image").show();
},
success: function (data) {
window.location = "thankyou.html";
},
error: function (xhr, ajaxOptions, thrownError) {
//window.location = "default.asp";
alert(data);
console.log('error');
}
});
}
</script>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="secondary-footer">
<div class="container">
<div class="copyright" style="text-align: center;">
<div class="row align-items-center">
<div class="col-md-12"> <span>Copyright 2020 <span><a href="#"> VAVA Technologies Inc</a></span> | All
Rights Reserved</span>
</div>
<!-- <div class="col-md-6 text-md-right sm-mt-2"> <span>Loptus Theme by <a href="#">ThemeHt</a></span>
</div> -->
</div>
</div>
</div>
</div>
</footer>
<!--footer end-->
</div>
<!-- page wrapper end -->
<!--back-to-top start-->
<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="flaticon-upload"></i></a></div>
<!--back-to-top end-->
<!-- inject js start -->
<!--== jquery -->
<script src="js/jquery.3.3.1.min.js"></script>
<!--== popper -->
<script src="js/popper.min.js"></script>
<!--== bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!--== appear -->
<script src="js/jquery.appear.js"></script>
<!--== modernizr -->
<script src="js/modernizr.js"></script>
<!--== menu -->
<script src="js/menu/jquery.smartmenus.js"></script>
<!--== audioplayer -->
<script src="js/audioplayer/audioplayer.js"></script>
<!--== magnific-popup -->
<script src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
<!--== owl-carousel -->
<script src="js/owl-carousel/owl.carousel.min.js"></script>
<!--== counter -->
<script src="js/counter/counter.js"></script>
<!--== countdown -->
<script src="js/countdown/jquery.countdown.min.js"></script>
<!--== isotope -->
<script src="js/isotope/isotope.pkgd.min.js"></script>
<!--== mouse-parallax -->
<script src="js/mouse-parallax/tweenmax.min.js"></script>
<script src="js/mouse-parallax/jquery-parallax.js"></script>
<!--== contact-form -->
<script src="js/contact-form/contact-form.js"></script>
<!--== validate -->
<script src="js/contact-form/jquery.validate.min.js"></script>
<!--== map api -->
<script src="https://maps.googleapis.com/maps/api/js"></script>
<!--== map -->
<script src="js/map.js"></script>
<!--== wow -->
<script src="js/wow.min.js"></script>
<!--== theme-script -->
<script src="js/theme-script.js"></script>
<!-- inject js end -->
</body>
<script>'undefined' === typeof _trfq || (window._trfq = []); 'undefined' === typeof _trfd && (window._trfd = []), _trfd.push({ 'tccl.baseHost': 'secureserver.net' }), _trfd.push({ 'ap': 'cpsh' }, { 'server': 'n3plcpnl0082' }) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script>
<script src='img1.wsimg.com/tcc/tcc_l.combined.1.0.6.min.html'></script>
</html>