<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Business Dashboards - KPI Wall</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="//fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet" type="text/css" media="all"></link>
<link type="text/css" href="/img/layout.css" rel="stylesheet"></link>
</head>
<body class="desktop">
<div id="topframe">
	<div id="topbox">
		<div id="logo" ><a href="/"><img src="/img/logo-dark.png"></a>
		</div>
		<div id="navlinks">
			<a class="active" href="/">Home</a>
			<a class="" href="/features.php">Features</a>
<!--		<a class="" href="/contact.php">Pricing</a> -->
			<a class="" href="/gallery.php">Gallery</a>
						<a class="" href="/demo_request.php">Demo</a>
			<a class="" href="/anfrage.php">Contact</a>
						<div style="float:right;margin-left:10px;">
		     <a href="http://www.kpiwall.com/" style="margin-left:5px"><img src="/img/flags/amerikanisch.png" alt="English" style="width:22px;height:13px" /></a><a href="http://www.kpiwall.de/" style="margin-left:5px" ><img src="/img/flags/deutsch.png" alt="Deutsch" style="width:22px;height:13px" /></a>
		    </div>

		</div>
		
	</div>
</div>

<style>
.desktop .teaser-text {
	background: url(img/teaser-devices.png) right 145px no-repeat;
}
.mobile .teaser-text {
	background: url(img/teaser-devices.png) right 160px no-repeat;
	background-size: 450px auto;
}

img.icon { width: 40px; height: 40px; vertical-align: middle; margin-right: 15px }
.mobile img.icon { width: 60px; height: 60px }

img.checkmark { margin-right: 10px; width: 20px }
.mobile img.checkmark { margin-right: 10px; width: 38px }

.frame1 { background: #fff; color: inherit }
.frame2 { background: url(/img/backgrounds/touch-on-display.jpg) bottom center no-repeat #ddd; background-size: cover; color: inherit }
.frame3 { background: #fff; color: inherit }

.item-grid { padding-top: 50px; text-align: center; width: 850px; margin: auto }
.item-grid div { display: inline-block; vertical-align: top; font-size: 10pt; line-height: 25px; width: 220px; height: 50px; background: white no-repeat center center; padding: 0.5em; margin: 5px }
.item-grid div span { visibility: hidden }

.action-box h1 { margin-top: 0 }
.action-box textarea,
.action-box input { display: block; width: 100%; padding: 10px; margin: 5px 0; border: 1px solid #ddd }
.action-box {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #eee;
	padding: 5px;
	margin: 5px;
	text-align: center;

	background: #eee; /* Old browsers */
	background: -moz-linear-gradient(top,  #ddd 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(50%,#ffffff), color-stop(100%,#ddd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ddd 0%,#ffffff 50%, #ddd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ddd 0%,#ffffff 50%,#ddd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ddd 0%,#ffffff 50%,#ddd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ddd 0%,#ffffff 50%,#ddd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
</style>
<div class="contentframe teaser">
	<div class="contentbox">
		<div class="teaser-text">
			<div class="teaser-header-1">All KPIs</div>
			<div class="desktop teaser-header-2">One system</div>
			<div class="mobile teaser-header-2">One system</div>
			<p style="margin-top: 2.4em">
				<div class="desktop">Empower your employees to make data-driven decisions quickly.</div>
				<div class="mobile">Data import, aggregation,<br/>&nbsp; and visualization from a single source.</div>
				<blockquote style="line-height: 1.5em">
				<img src="img/checkmark.png" class="checkmark"/> Distribute information efficiently<br>
				<img src="img/checkmark.png" class="checkmark"/> Individual data transformation<br>
				<img src="img/checkmark.png" class="checkmark"/> Precise visualizations<br>
				<img src="img/checkmark.png" class="checkmark"/> Save time and resources<br>
				<img src="img/checkmark.png" class="checkmark"/> Available everywhere<br>
				<img src="img/checkmark.png" class="checkmark"/> Highly customizable<br>
				<br/>
				<div class="desktop">
					<a class="button" rel="#overlay" href="/demo_request.php">Request a Demo</a>
				</div>
				<div class="mobile" style="text-align: center; padding: 20px 0; font-size: ">
					<a class="button" href="/demo_request.php">Request a Demo</a>
				</div>
				</blockquote>
			</p>
		</div>
		<div class="clear"></div>
	</div>

	<div class="contentbox">
		<div class="vertical-box">
			<h2><img class="icon" src="/img/icon-about.png">About KPI Wall</h2>
			<p>KPI Wall is an easy to use and fully customizable enterprise software for visualizing important KPIs. It integrates data from many different sources and computes indicators that are relevant to your business.</p>
		</div>
		<div class="vertical-box">
			<h2><img class="icon" src="/img/icon-customizing.png">Customization</h2>
			<p>KPI Wall is individually customized to the needs of your company. You can choose to have it installed and maintained by us on your own servers or to have it hosted on our servers as a SaaS.</p>
		</div>
		<div class="mobile clear"></div>
		<div class="vertical-box">
			<h2><img class="icon" src="/img/icon-beratung.png">Consulting</h2>
			<p>We conceptualize our interactive dashboards together with you. That way you get meaningful dashboards with sensible KPIs and not just a software license.</p>
		</div>
		<div class="desktop clear"></div>
		<div class="vertical-box">
			<h2><img class="icon" src="/img/icon-datasources.png">Connectors</h2>
			<p>We can import data from many different APIs, from files via FTP or Dropbox, or even directly from web pages.</p>
		</div>
		<div class="desktop">
			<div class="mobile clear"></div>
			<div class="vertical-box">
				<h2><img class="icon" src="/img/icon-dashboards.png">Dashboards</h2>
				<p>We design individual dashboards and visualizations that combine many different data sources in one view. All relevant KPIs in one system.</p>
			</div>
			<div class="vertical-box">
				<h2><img class="icon" src="/img/icon-reports.png"> Reports</h2>
				<p>Reports allow for more detailed analyses and presentations. We can generate reports and email them to you on a regular basis.</p>
			</div>
		</div>
		<div class="clear"></div>
		<br/>
	</div>
</div>


	<div class="contentframe frame2">
		<div class="contentbox" style="text-align: center">

			<h1>Case Studies</h1>
			<a href="fallstudie-zalando.php"><img src="/img/case-studies/zalando.png" width="300" height="80"/></a>
			<a href="fallstudie-vwchina.php"><img src="/img/case-studies/vw-china.png" width="300" height="80"/></a>
			<br/>
			<br/>
			
		<div class="clear"></div>
		</div>
	</div>

<div id="bottomframe">
	<div id="bottombox">
		<div class="bottomlinks">
			<div class="bottomlinks-column">
				<a href="/solutions.php">Use Cases</a><br/>
				<a href="/connectors.php">Connectors</a><br/>
				<a href="/newsletter.php">Newsletter</a><br/>
				<a href="/how_to_get_a_dashboard.php">Essays</a><br/>
			</div>
			<div class="bottomlinks-column">
				<a href="/partner.php">Partner</a><br/>
				<a href="/anfrage.php">Contact form</a><br/>
				<a href="/impressum.php">Imprint</a><br/>
				<a href="/datenschutz.php">Privacy</a><br/>
			</div>
		</div>
		
		<img class="bottom-logo" src="/img/logo-dark.png"/><br>
		<small>
			Copyright &copy; 2015 KPI Wall GmbH<br>
			All rights reserved<br>
			<a href="http://www.kpiwall.com/">English</a> | <a href="http://www.kpiwall.de/">Deutsch</a>
		</small>
		
		<br/>
		<br/>
	</div>
</div>

</body>
</html>
