Files
wdipl-new/pages/services-ecommerce-developments.php
Hemant Vishwakarma e218b6cbe2 wdipl new folder added
2024-11-08 16:11:55 +05:30

724 lines
31 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php include('../components/header.php') ?>
<!-- ui/ux design-Banner start -->
<section class="top_navigate_bar" id="top_navigate_bar">
<div class="container">
<ul>
<li><a href="">eCommerce Developments</a></li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#lets_collaborate_sec">Contact Us</a></li>
</ul>
</div>
</section>
<section class="hero_section about_banner_sec services_banner_sec">
<div class="container hero_con_padd hero_con">
<h1>Top eCommerce Website Development Company</h1>
<p>Open an instant pathway for your customers to access your products with a scalable eCommerce website. Our AI integrations and hypersonalized experience ensure you are always a level ahead.</p>
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
Develop an eCommerce Website!
<img loading="lazy" src="../assets/images/arrow-up-right.webp" class="arrow_up" alt="arrow-up">
</a>
</div>
</div>
</section>
<!-- ui/ux design-Banner end -->
<!-- counter start -->
<!-- who-we-are start -->
<section class="section text-center technologies_we_use_sec who_we_are_sec">
<div class="container">
<div class="counter_main" id="counter_section">
<div class="count_inner">
<span class="count" data-number="1000">1000</span>
<span>+</span>
<div class="gray_para">Successful Projects</div>
</div>
<div class="count_inner">
<span class="count" data-number="200">200</span>
<span>+</span>
<div class="gray_para">5-Star Reviews</div>
</div>
<div class="count_inner">
<span class="count" data-number="23">23</span>
<span>+</span>
<div class="gray_para">Years of Experience</div>
</div>
</div>
</div>
</section>
<!-- who-we-are end -->
<!-- counter end -->
<!-- process we follow start -->
<section class="section process_we_follow_sec hiring_developers_cards_sec">
<div class="container">
<h2 class="black_heading">Complete eCommerce Website Development Solutions for Businesses</h2>
<p class="gray_para main_para">Whether youre planning to develop a small eCommerce website or a large-scale eCommerce platform, <br> we have you covered with our Complete eCommerce Website Development Solutions.</p>
<div class="number_boxes">
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<img loading="lazy" src="../assets/images/man_star.svg" alt="man-star" class="dol">
<h3 class="h3_heading">Website Development Consultation</h3>
<p class="gray_para">Enhance your eCommerce concept with insights from our industry experts and analysts.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<img loading="lazy" src="../assets/images/man_star.svg" alt="man-star" class="dol">
<h3 class="h3_heading">eCommerce Website UI/UX Design</h3>
<p class="gray_para">Increase user retention and conversions on your eCommerce website with our UI/UX designs.
</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<!-- <h2 class="red_number">03.</h2> -->
<img loading="lazy" src="../assets/images/man_star.svg" alt="man-star" class="dol">
<h3 class="h3_heading">eCommerce MVP Development</h3>
<p class="gray_para">Open your online store in the shortest time possible with an MVP and get your business started.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<img loading="lazy" src="../assets/images/man_star.svg" alt="man-star" class="dol">
<h3 class="h3_heading">eCommerce Website Development</h3>
<p class="gray_para">Develop a scalable and responsive eCommerce website according to your exact requirements.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<img loading="lazy" src="../assets/images/man_star.svg" alt="man-star" class="dol">
<h3 class="h3_heading">eCommerce Website Testing</h3>
<p class="gray_para">Ensure that your eCommerce website is fast, responsive, and secure with testing.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<img loading="lazy" src="../assets/images/man_star.svg" alt="man-star" class="dol">
<h3 class="h3_heading">Shopify Development</h3>
<p class="gray_para">Develop an SEO-friendly eCommerce website that runs effortlessly across all devices.
</p>
</div>
</div>
</div>
</section>
<!-- process we follow end -->
<!-- client-centric-approach start -->
<section class="section client_centric_sec">
<div class="container">
<h2 class="black_heading">Client-Centric Approach</h2>
<p class="gray_para">Your success is our success. We prioritize understanding your business goals and user needs <br> to deliver solutions that not only meet but exceed expectations. Our commitment to client <br> satisfaction is evident in our long-standing client relationships.</p>
<div class="client_main" id="clients_slider3">
<div class="inner_client">
<div class="left_side box">
<div class="profile_img">
<img loading="lazy" src="../assets/images/profile_img2.webp" alt="profile">
</div>
<h3 class="h3_heading">
“The team is professional and dedicated to the project; we feel they're part of our own team.”
</h3>
<h6 class="h6">CEO & Founder, SimpliTend</h6>
<p class="gray_para">Saeed Saatchi</p>
</div>
<div class="right_side box">
<a href="" class="health">Healthcare</a>
<div>
<a href="" class="simplitend">
<img loading="lazy" src="../assets/images/simpli_img.png" alt="">
<img loading="lazy" class="sim_text" src="../assets/images/simplitend.svg" alt="">
</a>
</div>
<p class="gray_para">Steps we take to deliver excellence Steps we take to deliver excellence Steps we take to deliver excellence Steps we take to deliver excellence</p>
<h6 class="star_rating">
5.0 <span>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</span>
</h6>
<div class="quality">
<p class="quality_txt">Quality :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Schedule :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Cost :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Willing to refer :</p>
<p class="quality_txt">5.0</p>
</div>
</div>
</div>
<div class="inner_client">
<div class="left_side box">
<div class="profile_img">
<img loading="lazy" src="../assets/images/profile_img2.webp" alt="profile">
</div>
<h3 class="h3_heading">
“The team is professional and dedicated to the project; we feel they're part of our own team.”
</h3>
<h6 class="h6">CEO & Founder, SimpliTend</h6>
<p class="gray_para">Saeed Saatchi</p>
</div>
<div class="right_side box">
<a href="" class="health">Healthcare</a>
<div>
<a href="" class="simplitend">
<img loading="lazy" src="../assets/images/simpli_img.png" alt="">
<img loading="lazy" class="sim_text" src="../assets/images/simplitend.svg" alt="">
</a>
</div>
<p class="gray_para">Steps we take to deliver excellence Steps we take to deliver excellence Steps we take to deliver excellence Steps we take to deliver excellence</p>
<h6 class="star_rating">
5.0 <span>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</span>
</h6>
<div class="quality">
<p class="quality_txt">Quality :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Schedule :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Cost :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Willing to refer :</p>
<p class="quality_txt">5.0</p>
</div>
</div>
</div>
<div class="inner_client">
<div class="left_side box">
<div class="profile_img">
<img loading="lazy" src="../assets/images/profile_img2.webp" alt="profile">
</div>
<h3 class="h3_heading">
“The team is professional and dedicated to the project; we feel they're part of our own team.”
</h3>
<h6 class="h6">CEO & Founder, SimpliTend</h6>
<p class="gray_para">Saeed Saatchi</p>
</div>
<div class="right_side box">
<a href="" class="health">Healthcare</a>
<div>
<a href="" class="simplitend">
<img loading="lazy" src="../assets/images/simpli_img.png" alt="">
<img loading="lazy" class="sim_text" src="../assets/images/simplitend.svg" alt="">
</a>
</div>
<p class="gray_para">Steps we take to deliver excellence Steps we take to deliver excellence Steps we take to deliver excellence Steps we take to deliver excellence</p>
<h6 class="star_rating">
5.0 <span>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</span>
</h6>
<div class="quality">
<p class="quality_txt">Quality :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Schedule :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Cost :</p>
<p class="quality_txt">5.0</p>
</div>
<div class="quality">
<p class="quality_txt">Willing to refer :</p>
<p class="quality_txt">5.0</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- client-centric-approach end -->
<!-- faqs start -->
<section class="section faqs_section">
<div class="container">
<h2 class="black_heading">FAQ's</h2>
<div class="accordion_sec">
<div class="inn_data">
<h3 class="h3_heading">I Have An App Idea, What Do I Do Next?
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="gray_para">You should start the App Ideation process with the most accurate preparation of your concept. Because you just think you have a wonderful idea of the app for iPhone or Android. In fact, all you have right now is just a dream and not a concrete one.</p>
</div>
</div>
<div class="inn_data">
<h3 class="h3_heading">Can I Hire WDI To Just Do The Prototype For My Project?
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="gray_para">You should start the App Ideation process with the most accurate preparation of your concept. Because you just think you have a wonderful idea of the app for iPhone or Android. In fact, all you have right now is just a dream and not a concrete one.</p>
</div>
</div>
<div class="inn_data">
<h3 class="h3_heading">I Have An App Idea, What Do I Do Next?
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="gray_para">You should start the App Ideation process with the most accurate preparation of your concept. Because you just think you have a wonderful idea of the app for iPhone or Android. In fact, all you have right now is just a dream and not a concrete one.</p>
</div>
</div>
<div class="inn_data">
<h3 class="h3_heading">I Have An App Idea, What Do I Do Next?
<i class="fa-solid fa-plus"></i>
</h3>
<div class="accordion_content">
<p class="gray_para">You should start the App Ideation process with the most accurate preparation of your concept. Because you just think you have a wonderful idea of the app for iPhone or Android. In fact, all you have right now is just a dream and not a concrete one.</p>
</div>
</div>
</div>
</div>
</section>
<!-- faqs end -->
<!-- cta start -->
<section class="section are_you_still_sec text-center">
<div class="container">
<h2 class="black_heading">Do You Have an eCommerce Project in Mind?</h2>
<p class="gray_para">Allow us to jot down a proper plan on paper.</p>
<div class="submit_btn">
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
Drop us a line!
</a>
</div>
</div>
</div>
</section>
<!-- cta end -->
<!-- Our Prototype start -->
<section class="section mobile_application_tech_sec">
<div class="container">
<h3 class="h3_heading">Our eCommerce Technologies</h3>
<p class="gray_para">We have a large inventory of technologies that encompass all eCommerce requirements, <br> from scalability to SEO. Plus, our AI expertise helps our clients track user behavior and provide <br> personalized product recommendations.</p>
<div class="use_languages">
<div class="img_text">
<img loading="lazy" src="../assets/images/angular_img.webp" alt="Angular">
<p class="gray_para">Angular.js</p>
</div>
<div class="img_text">
<img loading="lazy" src="../assets/images/flutter_img.webp" alt="flutter">
<p class="gray_para">Flutter</p>
</div>
<div class="img_text">
<img loading="lazy" src="../assets/images/laravel.webp" alt="laravel">
<p class="gray_para">Laravel</p>
</div>
<div class="img_text">
<img loading="lazy" src="../assets/images/react_native.webp" alt="react-native">
<p class="gray_para">React</p>
</div>
<div class="img_text">
<img loading="lazy" src="../assets/images/flutter_img.webp" alt="flutter">
<p class="gray_para">Flutter</p>
</div>
<div class="img_text">
<img loading="lazy" src="../assets/images/angular_img.webp" alt="angular">
<p class="gray_para">Angular.js</p>
</div>
<div class="img_text">
<img loading="lazy" src="../assets/images/react_native.webp" alt="react">
<p class="gray_para">React</p>
</div>
<div class="img_text">
<img loading="lazy" src="../assets/images/laravel.webp" alt="laravel">
<p class="gray_para">Laravel</p>
</div>
</div>
</div>
</section>
<!-- Our Prototype end -->
<!-- process we follow2 start -->
<section class="section process_we_follow_sec hiring_developers_cards_sec">
<div class="container">
<h2 class="black_heading">Our eCommerce Website Development Process</h2>
<p class="gray_para main_para">Following the Hybrid methodology, we enable flexible work processes and adaptability to changes.</p>
<div class="number_boxes">
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<h2 class="red_number">01.</h2>
<h3 class="h3_heading">Requirement Gathering</h3>
<p class="gray_para">We understand everything from what you plan to offer on the eCommerce store to who you are developing it for.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<h2 class="red_number">02.</h2>
<h3 class="h3_heading">UI/UX Design</h3>
<p class="gray_para">Our designers craft wireframes and mockups of your eCommerce platform based on your brand guidelines.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<h2 class="red_number">03.</h2>
<h3 class="h3_heading">Prototype Development</h3>
<p class="gray_para">Our eCommerce prototype allows you to experience how the final website will look and function.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<h2 class="red_number">04.</h2>
<h3 class="h3_heading">eCommerce Website Development</h3>
<p class="gray_para">We develop the frontend and backend of your website using high-end technologies.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<h2 class="red_number">05.</h2>
<h3 class="h3_heading">Quality Assurance</h3>
<p class="gray_para">Our testing team works simultaneously with the developers to ensure everything is proper.</p>
</div>
<div class="inner_number">
<span class="top"></span>
<span class="right"></span>
<span class="bottom"></span>
<span class="left"></span>
<h2 class="red_number">06.</h2>
<h3 class="h3_heading">Support & Maintenance</h3>
<p class="gray_para">We keep your eCommerce website updated, ensuring its scalable and secure to meet rising demands.</p>
</div>
</div>
</div>
</section>
<!-- process we follow2 end -->
<section class="section why_hiring_developers_sec">
<div class="container">
<div class="main_divider">
<div class="left_head">
<h2 class="black_heading">Industries We Cover</h2>
</div>
<div class="right_content">
<p class="gray_para">In our 23+ years of experience as a leading UI/UX design company, we have served hundreds of clients across a broad suite of industries. We understand the nuances of designing for each industry and deliver a polished output to our clients.</p>
</div>
</div>
</div>
</section>
<!-- our blogs cards start -->
<section class="section our_blogs_card_sec our_blogs_square_sec">
<div class="container">
<h2 class="black_heading text-center">Our Blogs</h2>
<div class="main_blogs">
<div class="blog_card">
<div class="card_img">
<img loading="lazy" src="../assets/images/blog1.webp" alt="blog-image">
</div>
<div class="blog_content">
<p class="para_red_line">
4 Dec 2023 <span></span>
Mobile App Development
</p>
<h3 class="h3_heading">Best Mobile App Development Company in Mumbai, India
</h3>
</div>
<div class="hover_inn_card">
<div class="inn_bttn">
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
View More
</a>
</div>
</div>
<div class="blog_content">
<p class="para_red_line">
4 Dec 2023 <span></span>
Mobile App Development
</p>
<p class="gray_para">Step we take to deliver excellence Step we take to deliver excellence Step we take to deliver excellence Step we take to deliver excellence
</p>
</div>
</div>
</div>
<div class="blog_card">
<div class="card_img">
<img loading="lazy" src="../assets/images/blog2.webp" alt="blog-image">
</div>
<div class="blog_content">
<p class="para_red_line">
4 Dec 2023 <span></span>
Mobile App Development
</p>
<h3 class="h3_heading">Best Mobile App Development Company in Mumbai, India
</h3>
</div>
<div class="hover_inn_card">
<div class="inn_bttn">
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
View More
</a>
</div>
</div>
<div class="blog_content">
<p class="para_red_line">
4 Dec 2023 <span></span>
Mobile App Development
</p>
<p class="gray_para">Step we take to deliver excellence Step we take to deliver excellence Step we take to deliver excellence Step we take to deliver excellence
</p>
</div>
</div>
</div>
<div class="blog_card">
<div class="card_img">
<img loading="lazy" src="../assets/images/blog3.webp" alt="blog-image">
</div>
<div class="blog_content">
<p class="para_red_line">
4 Dec 2023 <span></span>
Mobile App Development
</p>
<h3 class="h3_heading">Best Mobile App Development Company in Mumbai, India
</h3>
</div>
<div class="hover_inn_card">
<div class="inn_bttn">
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
View More
</a>
</div>
</div>
<div class="blog_content">
<p class="para_red_line">
4 Dec 2023 <span></span>
Mobile App Development
</p>
<p class="gray_para">Step we take to deliver excellence Step we take to deliver excellence Step we take to deliver excellence Step we take to deliver excellence
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- our blogs cards end -->
<!-- let's collaborate start -->
<section class="section lets_collaborate_sec">
<div class="container">
<h3 class="h3_heading">Let's Collaborate to Shape your Vision into Reality </h3>
<form action="" class="form">
<div class="divide_form">
<div class="label_input">
<label for="" class="label">Enter your name</label>
<input type="text">
<i class="fa fa-arrow-right"></i>
</div>
<div class="label_input">
<label for="" class="label">Enter your email address</label>
<input type="email">
<i class="fa fa-arrow-right"></i>
</div>
<div class="label_input">
<label for="" class="label">Enter your country</label>
<select name="" id="">
<option value="">India</option>
<option value="">Africa</option>
<option value="">France</option>
<option value="">China</option>
</select>
<i class="fa fa-arrow-right"></i>
<img loading="lazy" src="../assets/images/arrow_down.webp" alt="arrow-down">
</div>
<div class="label_input">
<label for="" class="label">Enter your contact number</label>
<input type="tel">
<i class="fa fa-arrow-right"></i>
</div>
<div class="label_input">
<label for="" class="label">Enter your services</label>
<select name="" id="">
<option value="">service-1</option>
<option value="">service-2</option>
<option value="">service-3</option>
<option value="">service-4</option>
</select>
<i class="fa fa-arrow-right"></i>
<img loading="lazy" src="../assets/images/arrow_down.webp" alt="arrow-down">
</div>
</div>
<div class="label_input last_child">
<label for="" class="label">Tell us about your project and business challenge.</label>
<input type="text">
<i class="fa fa-arrow-right"></i>
</div>
<div class="g-recaptcha" data-sitekey="6Lel4Z4UAAAAAOa8LO1Q9mqKRUiMYl_00o5mXJrR"></div>
<div class="submit_btn">
<div class="lets_talk">
<a href="">
<span class="one"></span>
<span class="two"></span>
Submit
</a>
</div>
</div>
</form>
</div>
</section>
<!-- let's collaborate end -->
<?php include('../components/footer.php') ?>
<script>
// Counter Start
const workSection = document.querySelector('#counter_section');
const workObserver = new IntersectionObserver((entries, observer) => {
const [entry] = entries;
if (!entry.isIntersecting) return;
let count = document.querySelectorAll(".count")
let arr = Array.from(count)
arr.map(function(item) {
let startnumber = 0
function counterup() {
startnumber++
item.innerHTML = startnumber
if (startnumber == item.dataset.number) {
clearInterval(stop)
}
}
let stop = setInterval(function() {
counterup()
}, 1)
})
observer.unobserve(workSection);
}, {
root: null,
threshold: 0,
});
workObserver.observe(workSection);
// Counter End
</script>