/home/bdqbpbxa/demo-subdomains/adaptiq.goodface.com.ua/frontend/case-study.html
<!DOCTYPE html>
<html lang="en">

<head>
	<title>
		Case study
	</title>

	<!-- TODO: Set or remove page description -->
	<meta charset="utf-8">
	<meta name="description" content="Page description">

	<!-- TODO: Delete noindex on production -->
	<meta name="robots" content="noindex">
	<meta name="googlebot" content="noindex">

	<!-- TODO: Set absolute page URL -->
	<link rel="canonical" href="https://sitename.com/page">

	<!-- Mobile -->
	<meta name="viewport"
		content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<meta name="format-detection" content="telephone=no">

	<!-- Styles -->
	<link rel="stylesheet" type="text/css" href="css/lib/swiper-bundle.min.css">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="css/adaptive.css">

	<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
	<link rel="manifest" href="images/favicon/site.webmanifest">
	<link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="theme-color" content="#ffffff">


</head>

<body>

	<main>
		<header class="header">
			<div class="container">
				<div class="header__wrapper">
					<a href="index.html" class="logo">
						<img src="images/ui-kit/logo-black.png" alt="Logo black">
						<img src="images/ui-kit/logo-white.png" alt="Logo white">
					</a>
					<div class="header__burger">
						<span></span>
						<span></span>
					</div>
				</div>
			</div>
			<div class="header__menu --black-section">
				<div class="header__menu-wrapper">
					<div class="scrollable-section">
						<div class="container">
							<div class="header__menu-menu title-1 mob-title-1">
								<a href="index.html">
									Home
								</a>
								<a href="services.html">
									Services
								</a>
								<a href="cases.html">
									Cases<sup class="title-3 mob-text-2 --light">34</sup>
								</a>
								<a href="about.html">
									About Us
								</a>
								<a href="careers.html">
									Careers<sup class="title-3 mob-text-2 --light">34</sup>
								</a>
							</div>
							<a href="contact.html" class="default-button">
								Get in touch
							</a>
							<div class="img">
								<img src="images/ui-kit/black-cube.svg" alt="">
							</div>
						</div>
					</div>
					<div class="header__menu-footer">
						<div class="container">
							<div class="header__menu-footer-content">
								<p class="text text-2 mob-text-2 --light">
									Talk to us directly <a href="mailto:contact@adaptiq.com">contact@adaptiq.com</a>
								</p>
								<p class="text text-2 mob-text-2 --light">
									Follow us on <a href="https://www.linkedin.com/company/adaptiqsoftware/">LinkedIn</a>
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</header>


		<section class="article-section -case-study">
			<div class="container">
				<div class="job-main-description">
					<div class="job-main-description__left">
						<a href="#" class="link link-2 mob-link-2">VIA</a>
						<p class="text text-2 mob-text-2 --light">Automotive</p>
					</div>
				</div>
			</div>
			<div class="container">
				<div class="article__wrapper -case-article">
					<div class="article__left">
						<h2 class="title title-2 mob-title-2 --red-dot">
							Dynamic, data-driven optimisation of public mobility.
						</h2>
						<div class="link link-3 mob-link-3" data-copied-text="Copied!"
							data-copy="on backend in this line will be link">Copy link</div>
						<div class="case-card__param-list">
							<div class="case-card__param">
								<p class="case-card__param-name text-2 --light">
									Team size
								</p>
								<p class="case-card__param-value text-2">
									7
								</p>
							</div>
							<div class="case-card__param">
								<p class="case-card__param-name text-2 --light">
									Technologies
								</p>
								<p class="case-card__param-value text-2">
									Angular, Git, GraphQL
								</p>
							</div>
						</div>
					</div>
					<div class="article__right editor">
						<h3>
							Via develops innovative solutions for on-demand and pre-scheduled transit, powered by the world's most
							advanced technology.
						</h3>
						<p><img src="images/cases/preview-1.jpg" alt=""></p>
						<h2>
							Background
						</h2>
						<p>
							Via is an online course administration tool that stores information about courses, presenting it in
							different formats on various platforms. The product has been developed and used internally for 20 years.
							However, in 2017, the client decided to revamp the tool and make it sellable. Being they had a previous,
							successful experience working with Adaptiq, they approached us again with a request to update their
							platform using modern toolchains and frameworks.
						</p>
						<div class="video" data-href="https://www.youtube.com/embed/xNN7iTA57jM">
							<div class="video__preview">
								<img src="images/cases/video-preview.jpg" alt="">
							</div>
							<div class="video__wrapper"></div>
						</div>
						<h2>
							Solution
						</h2>
						<p>
							Initially, the client hired Adaptiq developers as sub-contractors but later shifted to a dedicated team
							model. Via desired to work with the team longer-term and wanted Adaptiq to be more involved in the
							process. The first hired developer was very capable and knowledgeable, however, the second hire — a
							front-end developer — did not work as expected, so Adaptiq helped Via find a better fit. With extended
							capacity, the client was able to develop and deploy a new release or new functionality on a weekly basis.
						</p>
						<p><img src="images/cases/case-solution.jpg" alt=""></p>
						<h2>Results</h2>
						<p>
							After a year of working to create a platform, the client received a product that exceeded their
							expectations. With the help of the Adaptiq team, new features were developed in a short period of time.
							For instance, Via added a self-sign-up form that can be adjusted to other companies’ styles and customized
							on an individual basis. After the cooperation started, the client observed a growing number of users,
							which included increasing internal use of the platform. Thus far, the main achievement has been the
							creation of a sellable, thought-through platform, which can be easily packaged and set up for individual
							customer needs.
						</p>
						<div class="testimonial-card -not-slide">
							<div class="tesimonial-card__user">
								<div class="tesimonial-card__user-img">
									<div class="img">
										<img src="images/home/testimonials/client-3.jpg" alt="">
									</div>
									<div class="img">
										<img src="images/home/testimonials/client-3-company.jpg" alt="">
									</div>
								</div>
								<div class="tesimonial-card__user-text">
									<p class="text-2 mob-text-2">
										Alexander Smith
									</p>
									<p class="text-2 mob-text-2 --light">
										Via
									</p>
								</div>
							</div>
							<div class="testimonial-card__content">
								<p class="text-1 mob-text-1">
									For us it was important that the company was not just building what we asked, but also challenged us
									in our ask and provide consulting along the way. Furthermore, the mission of Adaptiq very much aligned
									with our own, especially the social impact they try to make was a deciding factor for us.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="cases-section recomended-section">
			<div class="container">
				<div class="title-block">
					<div class="title-block__wrapper">
						<h2 class="title-2 mob-title-2 --red-dot">
							More case studies.
						</h2>
					</div>
				</div>

				<div class="cases-small-list">
					<a href="case-study.html" class="case-card">
						<div class="case-card__img">
							<div class="img">
								<img src="images/cases/preview-2.jpg" alt="">
							</div>
							<div class="case-card__tags">
								<div class="case-card__tag text-2 mob-text-2">
									Artificial Intelligence
								</div>
							</div>
							<div class="case-card__param-list">
								<div class="case-card__param">
									<p class="case-card__param-name text-2 --light">
										Team size
									</p>
									<p class="case-card__param-value text-2">
										7
									</p>
								</div>
								<div class="case-card__param">
									<p class="case-card__param-name text-2 --light">
										Technologies
									</p>
									<p class="case-card__param-value text-2">
										Angular, Git, GraphQL
									</p>
								</div>
							</div>
						</div>
						<div class="case-card__description">
							<h3 class="title title-3">
								AI-enabled chip analytics platform.
							</h3>
							<p class="text text-2 mob-text-1 --light">
								proteanTecs
							</p>
						</div>
					</a>
					<a href="case-study.html" class="case-card">
						<div class="case-card__img">
							<div class="img">
								<img src="images/cases/preview-3.jpg" alt="">
							</div>
							<div class="case-card__tags">
								<div class="case-card__tag text-2 mob-text-2">
									Logistics
								</div>
							</div>
							<div class="case-card__param-list">
								<div class="case-card__param">
									<p class="case-card__param-name text-2 --light">
										Team size
									</p>
									<p class="case-card__param-value text-2">
										7
									</p>
								</div>
								<div class="case-card__param">
									<p class="case-card__param-name text-2 --light">
										Technologies
									</p>
									<p class="case-card__param-value text-2">
										Angular, Git, GraphQL
									</p>
								</div>
							</div>
						</div>
						<div class="case-card__description">
							<h3 class="title title-3">
								#1 unified delivery & fulfillment cloud solution.
							</h3>
							<p class="text text-2 mob-text-1 --light">
								Bringg
							</p>
						</div>
					</a>
				</div>
			</div>
		</section>

		<section class="cta-section -not-home">
			<div class="container">
				<div class="cta-wrapper -another --black-section">
					<div class="cta-wrapper__content">
						<h2 class="title-1 mob-title-1 --red-dot">
							There is more.
						</h2>
						<p class="text text-2 mob-text-2">
							We have plenty of open positions.
						</p>
						<a href="cases.html" class="default-button">
							See more openings
						</a>
					</div>
					<div class="cta-wrapper__img">
						<picture>
							<source srcset="images/ui-kit/cta-cube-2-mob.png" media="(max-width: 760px)">
							<img src="images/ui-kit/cta-cube-2.png" alt="We’re hiring">
						</picture>
					</div>
				</div>
			</div>
		</section>

		<section class="breadcrumbs-section">
			<div class="container">
				<div class="breadcurmbs__wrapper text-2 mob-text-2 pc-breadcrumbs">
					<a href="index.html" class="home-link"></a>
					<a href="cases.html">Cases</a>
					<p class="--light">Dynamic, data-driven optimisation of public mobility.</p>
				</div>
				<div class="mob-breadcrumbs breadcurmbs__wrapper text-2 mob-text-2">
					<a href="cases.html">Cases</a>
				</div>
			</div>
		</section>

		<footer class="footer">
			<div class="footer-contact --black-section" id="footer-contact">
				<div class="container">

					<div class="footer-contact__content -top">
						<div class="footer-contact__left">
							<div class="bubble-tag text-3 mob-text-3">
								Contact form
							</div>
							<h2 class="title title-1 mob-title-1 --red-dot">
								Let’s talk.
							</h2>
						</div>
						<div class="footer-contact__right"></div>
					</div>
					<div class="footer-contact__content">
						<div class="footer-contact__left">
							<p class="text text-2 --light">
								Please fill in the form below and a Adaptiq expert will contact you directly to see how we can help your
								business grow.
							</p>
							<div class="form">
								<form action="#">
									<div class="input-box" data-important="not-empty">
										<input type="text" placeholder="Name">
									</div>
									<div class="input-box">
										<input type="email" placeholder="E-mail" data-important="email">
									</div>
									<div class="input-box" data-important="not-empty">
										<textarea class="-adaptive-height" placeholder="Message"></textarea>
									</div>
									<div class="input-box --checkbox text-2 mob-text-2" data-important="checked">
										<input type="checkbox" checked>
										<span class="visible-part">
											<p>I agree to <a href="terms_conditions.html">Terms & Conditions</a> and <a
													href="terms_conditions.html">Privacy Policy</a></p>
										</span>
									</div>
									<input type="submit" class="submit default-button" value="Submit">
								</form>
							</div>
						</div>
						<div class="footer-contact__right">
							<a href="mailto:contact@adaptiq.co" class="title title-3">
								contact@adaptiq.co
							</a>
							<p class="text text-2 --light">
								Talk to us directly.
							</p>
							<div class="img">
								<img src="images/ui-kit/right-turned-white-cube.svg" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer-content --black-section">
				<div class="container">
					<div class="footer-content__wrapper">
						<div class="footer-content__top footer-content__content">
							<div class="footer-content__top-menu text-2 mob-text-2 --bold">
								<a href="about.html">About</a>
								<a href="services.html">Services</a>
								<a href="cases.html">Cases</a>
								<a href="careers.html">Careers</a>
							</div>
							<p class="text text-2 mob-text-2 --light">
								Follow us on <a href="#">LinkedIn</a>
							</p>
						</div>
						<div class="footer-content__bottom footer-content__content">
							<div class="footer-content__bottom-menu">
								<p class="text text-2 mob-text-2 --light">© Adaptiq Ltd. 2022</p>
								<a href="terms_conditions.html" class="text-2 mob-text-2 --light">Terms & Conditions</a>
								<a href="terms_conditions.html" class="text-2 mob-text-2 --light">Privacy Policy</a>
							</div>
							<p class="text text-2 mob-text-2 --light">
								Designed by <a href="https://goodface.agency/">Goodface</a>
							</p>
						</div>
					</div>
				</div>
			</div>
		</footer>
	</main>

	<script src="js/lib/jquery-3.6.0.min.js"></script>
	<script src="js/lib/swiper-bundle.min.js"></script>

	<script src="js/custom-solutions.js"></script>
	<script src="js/script.js"></script>
<script src="js/animations.js"></script>
	<script src="js/test.js"></script>

</body>

</html>