<!DOCTYPE html>
<html lang="de">
<head>


      <meta charset="utf-8">
    <title>UI-Design &amp; Usability Engineering - Philipp Kaluza - Human-Centered Interface-Design / UX Concepts / Screendesign / Webdesign / Responsive Design / Mobile Apps</title>
    <base href="https://philippkaluza.de/">

          <meta name="robots" content="index,follow">
      <meta name="description" content="Philipp Kaluza - Diplom Designer und zertifizierter Usability Engineer - erstellt nutzerzentrierte UX Konzepte und ästhetisch ansprechende User-Interface-Designs für mobile und embedded Devices.">
      <meta name="keywords" content="">
      <meta name="generator" content="Contao Open Source CMS">
    
            <link rel="stylesheet" href="https://philippkaluza.de/assets/css/c929a92ed751.css">
        <script src="https://philippkaluza.de/assets/js/ea80ae8be2d7.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, minimal-ui">

          <!--[if lt IE 9]><script src="assets/html5shiv/3.7.2/html5shiv-printshiv.min.js"></script><![endif]-->
      
</head>
<body id="top" class="unknown other  home">
 

      
    <div id="wrapper">

                        <header id="header">
            <div class="inside">
              
<div class="mod_article headerImg first last block" id="buehne-grosses-bild">

  
  
<div class="ce_gallery first block">

  
  
  <div class="swiper-container">
	<div class="swiper-wrapper">
								  			    <div class="swiper-slide" style="background-image: url(https://philippkaluza.de/files/images/header/header_df-app.jpg)"></div>
			  											  			    <div class="swiper-slide" style="background-image: url(https://philippkaluza.de/files/images/header/header_jo.jpg)"></div>
			  											  			    <div class="swiper-slide" style="background-image: url(https://philippkaluza.de/files/images/header/header_mb.jpg)"></div>
			  											  			    <div class="swiper-slide" style="background-image: url(https://philippkaluza.de/files/images/header/header_df.jpg)"></div>
			  											  			    <div class="swiper-slide" style="background-image: url(https://philippkaluza.de/files/images/header/header_bs.jpg)"></div>
			  						</div>
	<div class="swiper-pagination"></div>
	<div class="swiper-button-next hide_mobile"></div>
    <div class="swiper-button-prev hide_mobile"></div>
</div>
  

</div>

<div class="ce_text goDown block">

  
  
      <p>Zu den Projekten</p>  
  
  

</div>


<div class="headerSpacer">
	<div class="header active">
		<div class="inside">
			<a class="logo" href="index.html">
				<img src="https://philippkaluza.de/files/images/pk-logo.svg" width="200" height="30" alt="">
			</a>
			<div class="navAnker">
				<span class="hide_mobile">UI-Design &amp; Usability Engineering</span>
				<svg version="1.1" id="Ebene_1" xmlns:x="&amp;ns_extend;" xmlns:i="&amp;ns_ai;" xmlns:graph="&amp;ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="11px" viewbox="0 0 20 11" xml:space="preserve">
				    <rect class="st0" width="20" height="1"/>
				    <rect y="5" class="st0" width="20" height="1"/>
				    <rect y="10" class="st0" width="20" height="1"/>
				</svg>
			</div>
		</div>
		
<!-- indexer::stop -->
<nav class="mod_navigation block">

  
  <a href="#skipNavigation2" class="invisible">Navigation überspringen</a>

  
<ul class="level_1" role="menubar">
            <li class="active home first"><span class="active home first" role="menuitem">arbeiten</span></li>
                <li class="sibling last"><a href="kontakt.html" title="kontakt" class="sibling last" role="menuitem">kontakt</a></li>
      </ul>

  <a id="skipNavigation2" class="invisible">&nbsp;</a>

</nav>
<!-- indexer::continue -->

	</div>
</div>
  
</div>
            </div>
          </header>
              
      
              <div id="container">

                      <div id="main">
              <div class="inside">
                
<div class="headerSpacer">
	<div class="header active">
		<div class="inside">
			<a class="logo" href="index.html">
				<img src="https://philippkaluza.de/files/images/pk-logo.svg" width="200" height="30" alt="">
			</a>
			<div class="navAnker">
				<span class="hide_mobile">UI-Design &amp; Usability Engineering</span>
				<svg version="1.1" id="Ebene_1" xmlns:x="&amp;ns_extend;" xmlns:i="&amp;ns_ai;" xmlns:graph="&amp;ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="11px" viewbox="0 0 20 11" xml:space="preserve">
				    <rect class="st0" width="20" height="1"/>
				    <rect y="5" class="st0" width="20" height="1"/>
				    <rect y="10" class="st0" width="20" height="1"/>
				</svg>
			</div>
		</div>
		
<!-- indexer::stop -->
<nav class="mod_navigation block">

  
  <a href="#skipNavigation2" class="invisible">Navigation überspringen</a>

  
<ul class="level_1" role="menubar">
            <li class="active home first"><span class="active home first" role="menuitem">arbeiten</span></li>
                <li class="sibling last"><a href="kontakt.html" title="kontakt" class="sibling last" role="menuitem">kontakt</a></li>
      </ul>

  <a id="skipNavigation2" class="invisible">&nbsp;</a>

</nav>
<!-- indexer::continue -->

	</div>
</div>
<div class="mod_article welcome first block" id="willkommenstext">

  
  
<div class="ce_image first block">

  
  
  <figure class="image_container">

    
    

<img src="https://philippkaluza.de/files/images/philipp-kaluza.png" width="220" height="220" alt="">



    
    
  </figure>


</div>

<div class="ce_text last block">

      <h1>Hallo,</h1>
  
  
      <p>ich bin Philipp Kaluza – Diplom Designer (FH) und zertifizierter Usability Engineer (FIT).<br>Ich erstelle seit 8 Jahren&nbsp;<strong>nutzerzentrierte UX Konzepte, Responsive Websites</strong> und ästhetisch ansprechende <strong>User-Interface-Designs</strong> für mobile und embedded Devices.</p>
<p><a href="tel:004917623832734"><img src="https://philippkaluza.de/files/images/icon-phone.svg" alt="Rufen Sie mich an!" width="35" height="35"></a>&nbsp; &nbsp;<a href="https://web.archive.org/web/20191216061112/mailto:mail@philippkaluza.de"><img src="/web/20191216061112im_/https://philippkaluza.de/files/images/icon-mail.svg" alt="Schreiben Sie mir eine E-Mail!" width="35" height="35"></a>&nbsp; &nbsp;<a title="Xing" href="https://web.archive.org/web/20191216061112/https://www.xing.com/profile/Philipp_Kaluza" target="_blank"><img src="/web/20191216061112im_/https://philippkaluza.de/files/images/icon-xing.svg" alt="xing" width="35" height="35"></a>&nbsp; &nbsp;<a title="LinkedIn" href="https://web.archive.org/web/20191216061112/https://de.linkedin.com/in/philippkaluza" target="_blank"><img src="/web/20191216061112im_/https://philippkaluza.de/files/images/icon-linkedin.svg" alt="linkedin" width="35" height="35"></a>&nbsp; &nbsp;<a title="behance" href="https://web.archive.org/web/20191216061112/https://www.behance.net/philippkaluza" target="_blank"><img src="/web/20191216061112im_/https://philippkaluza.de/files/images/icon-behance.svg" alt="behance" width="35" height="35"></a></p>  
  
  

</div>

  
</div>

<div class="mod_article last block" id="projekte">

  
  	
	<div class="kachel width-1">
	<a href="#fieldmanager.html" title="Fieldmanager">
	
	<div class="bg" style="background-image: url('https://philippkaluza.de/files/images/Projekte/ref_df_thumb.jpg')"></div>
	<div class="overlay">
		<div class="text">
			<h4 class="title">Vertikom - Fieldmanager</h4>
			<span class="category">Screendesign</span>
		</div>
	</div>
	
	</a>
	</div>

	
	<div class="kachel width-1">
	<a href="#arbeiten/jena-optronik.html" title="Jena Optronik">
	
	<div class="bg" style="background-image: url('https://philippkaluza.de/files/images/Projekte/ref_jo_thumb.jpg')"></div>
	<div class="overlay">
		<div class="text">
			<h4 class="title">Jena Optronik</h4>
			<span class="category"></span>
		</div>
	</div>
	
	</a>
	</div>

	
	<div class="kachel width-1">
	<a href="#arbeiten/webedition.html" title="webEdition">
	
	<div class="bg" style="background-image: url('https://philippkaluza.de/files/images/Projekte/ref_we_thumb.jpg')"></div>
	<div class="overlay">
		<div class="text">
			<h4 class="title">webEdition &#40;CMS&#41;</h4>
			<span class="category">UI-Design</span>
		</div>
	</div>
	
	</a>
	</div>

	
	<div class="kachel width-1">
	<a href="#arbeiten/energiemanagement-app.html" title="Energiemanagement-App">
	
	<div class="bg" style="background-image: url('https://philippkaluza.de/files/images/Projekte/ref_mb_thumb.jpg')"></div>
	<div class="overlay">
		<div class="text">
			<h4 class="title">Energie-Management</h4>
			<span class="category">UI-Design</span>
		</div>
	</div>
	
	</a>
	</div>

	
	<div class="kachel width-1">
	<a href="#arbeiten/brickscout.html" title="BrickScout">
	
	<div class="bg" style="background-image: url('https://philippkaluza.de/files/images/Projekte/ref_bs_thumb.jpg')"></div>
	<div class="overlay">
		<div class="text">
			<h4 class="title">BrickScout</h4>
			<span class="category">Screendesign</span>
		</div>
	</div>
	
	</a>
	</div>

	
	<div class="kachel width-1">
	<a href="#df-app.html" title="Dialogfeld App (2)">
	
	<div class="bg" style="background-image: url('https://philippkaluza.de/files/images/Projekte/ref_df-app_thumb.jpg')"></div>
	<div class="overlay">
		<div class="text">
			<h4 class="title">Dialogfeld App</h4>
			<span class="category"></span>
		</div>
	</div>
	
	</a>
	</div>


  
</div>
              </div>
                          </div>
          
                                
                                
        </div>
      
      
                        <footer id="footer">
            <div class="inside">
              
<div class="left">
<div class="ce_text block">

      <h4>Philipp Kaluza</h4>
  
  
      <p>Dipl.-Designer (FH), Usability Engineer (FIT)</p>  
  
  

</div>

<div class="icon-col">
<div class="ce_text icon-text block">

  
  
      <p><a href="tel:004917623832734"><img src="https://philippkaluza.de/files/images/icon-phone-white.svg" alt="" width="41" height="40">+49 (0)&nbsp;176 23 83 27 34</a></p>  
  
  

</div>

<div class="ce_text icon-text block">

  
  
      <p><img src="https://philippkaluza.de/files/images/icon-mail-white.svg" alt="" width="41" height="40"><a href="mailto:mail@philippkaluza.de">&#x6D;&#x61;&#x69;&#x6C;&#64;&#112;&#104;&#105;&#x6C;&#105;&#x70;&#112;&#107;&#x61;&#x6C;&#117;&#122;&#97;&#46;&#100;&#101;</a></p>  
  
  

</div>

</div>
<div class="icon-col">
<div class="ce_text icon-text block">

  
  
      <p><a title="LinkedIn" href="https://de.linkedin.com/in/philippkaluza" target="_blank"><img src="https://philippkaluza.de/files/images/icon-linkedin-white.svg" alt="" width="41" height="40">Connect via Linkedin</a></p>  
  
  

</div>

<div class="ce_text icon-text block">

  
  
      <p><a title="Xing" href="https://www.xing.com/profile/Philipp_Kaluza" target="_blank"><img src="https://philippkaluza.de/files/images/icon-xing-white.svg" alt="" width="41" height="40">Connect via Xing</a></p>  
  
  

</div>

</div>
</div>
<div class="right">
<div class="ce_text block">

      <h4>Schwerpunkte &amp; Themen</h4>
  
  
      <p>User-Interface Design (UI)<br>Interaction&nbsp;Design<br>Responsive Webdesign (RWD)<br>User-Experience Concepts (UX)<br>Usability Engineering (Human-Centered)<br>Research, Specification, Prototyping, Evaluation</p>  
  
  

</div>

</div>
<hr/>
<div class="left">
<div class="ce_text block">

  
  
      <p><a href="http://www.spoc.de/" target="_blank">Partner der Agenturgemeinschaft: <strong>spoc</strong></a></p>  
  
  

</div>

</div>
<div class="right">
<div class="ce_text block">

  
  
      <p><a href="files/images/kkd_AGBs.pdf" target="_blank">AGB</a> / <a href="impressum.html">Impressum</a> / <a href="datenschutz.html">Datenschutz</a></p>  
  
  

</div>

</div>            </div>
          </footer>
              
    </div>

      
  
<script>setTimeout(function(){var e=function(e,t){try{var n=new XMLHttpRequest}catch(r){return}n.open("GET",e,!0),n.onreadystatechange=function(){this.readyState==4&&this.status==200&&typeof t=="function"&&t(this.responseText)},n.send()},t="system/cron/cron.";e(t+"txt",function(n){parseInt(n||0)<Math.round(+(new Date)/1e3)-86400&&e(t+"php")})},5e3);</script>

<script src="https://philippkaluza.de/files/js/swiper.jquery.min.js"></script>
<script src="https://philippkaluza.de/files/js/fastclick.js"></script>
<script src="https://philippkaluza.de/files/js/photoswipe-ui-default.min.js"></script>
<script src="https://philippkaluza.de/files/js/photoswipe.min.js"></script>
<script src="https://philippkaluza.de/files/js/default.js"></script>

</body>
</html>
