
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>Justin Tauber: Experience Architect | Scrum Product Owner</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <!-- Typekit Fonts (typekit.com) - before CSS
  ================================================== -->
	
	<script type="text/javascript" src="//use.typekit.net/ghe8ews.js"></script>
	<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="stylesheets/base.css">
	<link rel="stylesheet" href="stylesheets/skeleton.css">
	<link rel="stylesheet" href="stylesheets/layout.css">

	<!-- Jquery & Animations
  ================================================== -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> 
	<script src="js/jquery.localscroll.js" type="text/javascript"></script> 
	<script src="js/jquery.scrollTo.js" type="text/javascript"></script> 
	 
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body>



	<!-- Primary Page Layout
	================================================== -->

	<!-- Delete everything in this .container and get started on your own site! -->

	<div class="container">

			<header name="top">
	
				<div class="five columns alpha">
					<img class="scale-with-grid headshot" src="images/justin-cartoon-headshot.jpeg" width="430" height="454" /></a>
				</div>
				<div id="header" class="ten columns omega">
					<div class="align-bottom">
						<h1 class="add-bottom">
							Justin Tauber</h1>
						<ul id="titles">
							<li><span>Strategic Innovation Director, Salesforce Ignite
								<a href="http://www.salesforce.com/ignite" title="Salesforce logo"><img class="profero" src="images/salesforce-logo-company.png" width="20" height="20" /></a> 
								</span></li>
							<li><span><em>Note: this page currently only showcases work I did <br/>as UX Lead and Head of Platforms at Lowe Profero, Sydney
								<a href="http://www.profero.com.au" title="Profero Sydney"><img class="profero" src="images/profero-logo.png" width="20" height="20" /></a><br/> from 2009-2012. </em>
								</span></li>
						</ul>
						<a href="https://medium.com/@brtrx">
							<img class="scale-with-grid" src="images/medium logo blk.png" width="30" height="30" /></a>
						<a href="http://au.linkedin.com/in/tauber/">
							<img class="scale-with-grid" src="images/square-linkedin-128.png" width="30" height="30" /></a>
						<a href="https://twitter.com/brtrx">
							<img class="scale-with-grid" src="images/twitter-icon.png" width="30" height="30" /></a>
					</div>
				</div>
				
				<a id="toTop" href="#top">Top &#8743;</a>
	
				<hr />
	
			</header>

			<section id="about" class="row">
			
				<nav class="five columns alpha">
					<ul>
						<li class="active"><span>Four Passions</span></li>
						<li><a href="#portfolio">Selected Work</a>
							<ol>
								<li><a href="#vogue">Vogue</a></li>
								<li><a href="#taste">Taste</a></li>
								<li><a href="#asx">ASX</a></li>
								<li><a href="#nrma">NRMA</a></li>
								<li><a href="#halogen">IPG Mediabrands</a></li>
							</ol>
						</li>
						<li><a href="#writing">Writing &amp; Speaking</a></li>
						<!-- li><a href="#tweets">Tweets</a></li -->
						<li><a href="#contact">Get in touch</a></li>
					</ul>
				</nav>
	
				<div class="ten columns omega">			
					<p>By way of an introduction... <br/>here are the four passions that drive and guide my professional life.</p>
					<h4>Philosophy</h4>
					<p>Many years studying the philosophy of perception and cognitive science has given me the analytical and conceptual skills to systematically decompose the most complex problems. I find myself drawing on philosophical traditions and techniques on a daily basis in thinking about the theory and craft of experience architecture.</p>
					<h4>Teaching</h4>
					<p>Before I started designing user experiences, I had 10 years of formal and informal teaching behind me. I have taught philosophy and media studies at university level, as well as languages and music. I know of no better way of developing essential consulting skills than through the practice of teaching. As a teacher, you cannot help but be sensitive to your use of language, your responsibilities to your audience, and your role in a knowledge creation process.</p>
					<h4>Entrepreneurial Design</h4>
					<p>Design is a very broad term, and the work I do spans interaction design, UX design, service design and design thinking. I like to focus on the outcome of my efforts, rather than their particular form, and I judge myself on the difference I make to the organisations I advise. That's why I have also trained as a <a href="http://www.scrumalliance.org/profiles/182988-justin-tauber">Certified Scrum Product Owner</a>, and why I champion agile principles and lean techniques at <a href="http://profero.com.au">Profero Sydney</a>.</p>
					<h4>Digital Architecture</h4>
					<p>Architects create places where people work, play, celebrate, argue, fall in love, and make memories. The architecture of digital experiences should also be at the service of creating such desirable, meaningful places. Experience architects must understand how things get built, how content is managed, the digital landscape, and plan for the evolution of users and organisations. Without this understanding, it's impossible to build things that are sustainable and retain their value. I want to build things that last.</p>			
				</div>
				
			</section>

			<section id="portfolio" name="portfolio" class="row">

				<h2>Selected Work</h2>

				<div id="vogue" name="vogue" class="portfolio-item row">

					<h3>Vogue Australia</h3>
					<div class="sample ten columns alpha">
						<p>Australia's Number One Fashion Site, redesigned and rebuilt in partnership with NewsLifeMedia, a division of News Ltd.</p>
						<a href="http://www.vogue.com.au">
							<img class="scale-with-grid" src="images/samples/vogue_sm.png" alt="responsive" width="800" height="800" /></a>
					</div>
					<aside class="five columns offset-by-one omega">
						<h4>My Role</h4>
						<ul class="role">
							<li>Experience Strategy</li>
							<li>UX Team Leadership</li>
							<li>Online Usability Testing</li>
							<li>Specification</li>
							<li>QA Scripts & Testing</li>
						</ul>
						<h4>The Team</h4>
						<ul>
							<li>
								<dt><a href="https://www.linkedin.com/in/manuelguerrera/"><img src="https://media.licdn.com/media/AAEAAQAAAAAAAAlyAAAAJDNhYmI4MTJiLTgyMzUtNGZjZC04MDdmLTExOWQ4Y2JjMmYyMA.jpg" alt="Manuel Guerrera" width="40" height="40" />
									Manuel Guerrera</a></dt>
								<dd>Experience Architect</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=20821230"><img src="https://media.licdn.com/mpr/mpr/shrink_40_40/p/1/000/090/369/2002a65.jpg" alt="Matthew Delprado" width="40" height="40" />
									Matthew Delprado</a></dt>
									<dd>Creative Director</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=3120552"><img src="images/profile-placeholder-female.png" alt="Placeholder image" width="40" height="40" />
									Prue Carstairs</a></dt>
									<dd>Program Manager</dd></li>
							<li>... and many more at NewsLifeMedia</li>
						</ul>
					</aside>

				</div>
				
				<br class="clear" />

<!-- TASTE -->
				<div id="taste" name="taste" class="portfolio-item row">
					<h3>Taste.com.au</h3>
					<div class="sample ten columns alpha">
						<p>Australia's Number One Cooking Site, redesigned and rebuilt in partnership with NewsLifeMedia, a division of News Ltd.</p>
						<a href="http://www.taste.com.au">
							<img class="scale-with-grid" src="images/samples/taste_sm.png" alt="responsive" width="800" height="800" /></a>
					</div>
					<aside class="five columns offset-by-one omega">
						<h4>My Role</h4>
						<ul class="role">
							<li>Experience Strategy</li>
							<li>UX Team Leadership</li>
							<li>Specification</li>
						</ul>
						<h4>The Team</h4>
						<ul>
							<li><dt><a href="https://www.linkedin.com/in/krystalyndemesa/"><img src="https://media.licdn.com/media/AAEAAQAAAAAAAAeqAAAAJGVkM2M3ZjBhLTM1NTEtNGJkZS05ZWVmLWFiOTM4MTU0ODZjZg.jpg" alt="Krystalyn de Mesa" width="40" height="40" />
									Krystalyn de Mesa</a></dt>
									<dd>Experience Architect</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=20821230"><img src="https://media.licdn.com/mpr/mpr/shrink_40_40/p/1/000/090/369/2002a65.jpg" alt="Matthew Delprado" width="40" height="40" />
									Matthew Delprado</a></dt>
									<dd>Creative Director</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=3120552"><img src="images/profile-placeholder-female.png" alt="Placeholder image" width="40" height="40" />
									Prue Carstairs</a></dt>
									<dd>Program Manager</dd></li>
							<li>... and many more at NewsLifeMedia</li>
						</ul>
					</aside>		
				</div>	

				<br class="clear" />

<!-- ASX GROUP -->
				<div id="asxgroup" name="asxgroup" class="portfolio-item row">
					<h3>The ASX Group</h3>
					<div class="sample ten columns alpha">
						<p>A Corporate Website, designed and built for Australia's most trusted financial institution.</p>
						<a href="http://www.asxgroup.com.au">
							<img class="scale-with-grid" src="images/samples/asxgroup.png" alt="responsive" width="800" height="800" /></a>
					</div>
					<aside class="five columns offset-by-one omega">
						<h4>My Role</h4>
						<ul class="role">
							<li>Information Architecture</li>
							<li>Interaction Design</li>
							<li>Specification</li>
							<li>Training</li>
						</ul>
						<h4>The Team</h4>
						<ul>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=212193151">
									Andrea Horton</a></dt>
									<dd>Project Manager</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=108256200">
									Matthew Geerson</a></dt>
									<dd>Art Director</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=11934508">
									Bevan Dunning</a></dt>
									<dd>Technical Lead</dd></li>
						</ul>
					</aside>		
				</div>	

				<br class="clear" />

<!-- NRMA M&S -->
				<div id="nrma" name="nrma" class="portfolio-item row">
					<h3>NRMA Motoring &amp; Services</h3>
					<div class="sample ten columns alpha">
						<p>Desktop and Mobile Sites, designed for Australia's oldest motoring organisation.</p>
						<a href="http://web.archive.org/web/20110203065740/http://www.mynrma.com.au/default.htm">
							<img class="scale-with-grid" src="images/samples/nrma.jpg" alt="responsive" width="800" height="800" />
						</a>
					</div>
					<aside class="five columns offset-by-one omega">
						<h4>My Role</h4>
						<ul class="role">
							<li>Lead Experience Architect</li>
							<li>UX Team Leadership</li>
							<li>Functional Specification</li>
							<li>Mobile Strategy</li>
							<li>Mobile Experience Architecture</li>
						</ul>
						<h4>The Team</h4>
						<ul>
							<li><dt><a href="http://www.linkedin.com/in/juddgarratt">
									Judd Garratt</a></dt>
									<dd>Experience Architect</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=21923474">
									Matt Sterne</a></dt>
									<dd>Creative Director</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=72732">
									Tanja Puustelli</a></dt>
									<dd>Experience Architect (Mobile)</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=108256200">
									Matthew Geerson</a></dt>
									<dd>Art Director (Mobile)</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=30410299">
									Mark McFarlane</a></dt>
									<dd>Project Manager</dd></li>
						</ul>
					</aside>
				</div>
				
				<br class="clear" />

<!-- HALOGEN -->
				<div id="halogen" name="halogen" class="portfolio-item row">
					<h3>Mediabrands Halogen</h3>
					<div class="sample ten columns alpha">
						<p>Tested, re-architected and redesigned Mediabrands' very own in-house Media Booking, Billing & Payment System. Halogen will eventually be used by over 500 media and finance staff in markets throughout the Asia Pacific region. </p>
						<img class="scale-with-grid" src="images/samples/halogen.jpg" alt="responsive" width="800" height="800" />
					</div>
					<aside class="five columns offset-by-one omega">
						<h4>My Role</h4>
						<ul class="role">
							<li>User Research On-Site in Singapore, Hong Kong &amp; Kuala Lumpur</li>
							<li>Information Architecture</li>
							<li>Interaction Design</li>
							<li>Specification</li>
						</ul>
						<h4>The Team</h4>
						<ul>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=20821230">
									Matthew Delprado</a></dt>
									<dd>Creative Director</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=108256200">
									Matthew Geerson</a></dt>
									<dd>Art Direction</dd></li>
							<li><dt><a href="http://www.linkedin.com/profile/view?id=11934508">
									Bevan Dunning</a></dt>
									<dd>Technical Lead</dd></li>
						</ul>
					</aside>
				</div>
				
				<br class="clear" />

				
			</section>
			
			<section id="writing" name="writing" class="row">
				
				<h2>Writing &amp; Speaking</h2>
				<div class="row">
					<div class="writing-item talk seven columns alpha">
						<img class="scale-with-grid" src="images/uxaus-logo.jpg" width="127" height="62" />
						<p class="origin">Talk: UX Australia, Aug 2012</p>
						<p><a href="http://www.uxaustralia.com.au/uxaustralia-2012/is-less-more">Is Less More or Just a Bore?</a></p>
						<p>How modernism influences user experience, and what we might learn from postmodern architecture.</p> 
					</div>
					<div class="writing-item talk seven columns omega">
						<img class="scale-with-grid" src="images/logo-ozia2010.png" width="159" height="138" />
						<p class="origin">Talk: OzIA, Oct 2010</p>
						<p><a href="http://www.slideshare.net/JustinTauber/what-seo-might-bring-to-information-architecture">What SEO brings to Information Architecture</a></p>
						<p>A meditation on demographics, language and IA development. Co-authored with Judd Garratt.</p>
					</div>
				</div>
				<div class="row">
					<div class="writing-item article seven columns alpha">
						<img class="scale-with-grid" src="images/johnnyholland-logo.png" width="69" height="63" />
						<p class="origin">Article: Johnny Holland, Oct 2009</p>
						<p><a href="http://johnnyholland.org/2009/10/ux-an-art-in-search-of-a-methodology/">UX: An Art in Search of a Method</a></p>
						<p>My take on what Merleau-Ponty might say about Qualitative User Research.</p>
					</div>
					<div class="writing-item book seven columns omega">
						<img class="scale-with-grid" src="images/invitations-cover.jpg" width="150" height="208" />
						<p class="origin">Book: VDM Verlag, June 2008; </p>
						<p><a href="http://www.amazon.com/Invitations-Merleau-Ponty-Cognitive-Science-Phenomenology/dp/3836475928">Invitations: Merleau-Ponty, Cognitive Science and Phenomenology</a></p>
						<p>A little book about the conditions for perceiving a world of bodies and things, adapted from my Masters thesis.</p>
					</div>
				</div>
			
			</section>
			
			<section id="tweets" class="row">
				<!--div class="eight columns alpha">
					<h2 name="tweets">A Few of My Favourite Tweets</h2>
					<a class="twitter-timeline four columns alpha" width="10em" height="5em"  href="https://twitter.com/brtrx" data-widget-id="285325637542100992">Favourite Tweets</a>
					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.async=true;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
				</div-->
				<div class="row">
					<h2 name="contact">Get In Touch</h2>
					<p>Email me at 
							<script type="text/javascript" language="javascript">
							<!--
							// Email obfuscator script 2.1 by Tim Williams, University of Arizona
							// Random encryption key feature by Andrew Moulden, Site Engineering Ltd
							// This code is freeware provided these four comment lines remain intact
							// A wizard to generate this code is at http://www.jottings.com/obfuscator/
							{ coded = "J8P5cl3hvW5Z8@2VJZQ.0PV"
							  key = "6SAC4cuVdi5ewI27UKXDojkyxTGq0vbaZrlYsnL9FHzPhpmEMtBR1gJO3QfW8N"
							  shift=coded.length
							  link=""
							  for (i=0; i<coded.length; i++) {
								if (key.indexOf(coded.charAt(i))==-1) {
								  ltr = coded.charAt(i)
								  link += (ltr)
								}
								else {     
								  ltr = (key.indexOf(coded.charAt(i))-shift+key.length) % key.length
								  link += (key.charAt(ltr))
								}
							  }
							document.write("<a href='mailto:"+link+"'>"+link+"</a>")
							}
							//-->
							</script><noscript>anotherjustin is my gmail username</noscript>
					</p>
					<p>Meet me at <a href="https://sites.google.com/site/uxbookclubsydney/">UX Book Club Sydney</a></p>	
					<p>Visit me at Profero Sydney, Level 4, 50 Holt St, Sydney</p>
					<a href="https://maps.google.com/maps?q=profero+sydney+map&oe=utf-8&client=firefox-a&fb=1&hq=profero&hnear=0x6b129838f39a743f:0x3017d681632a850,Sydney+NSW,+Australia&cid=0,0,5332163827880428163&t=v&z=16">
						<img class="scale-with-grid" src="https://www.google.com/maps/vt/data=Ay5GWBeob_WIPLDYoIWcfVXxvZu9XwJ55OX7Ag,OtEVJ4TNY8inxJyyMwFb6NfD9CP-3pcOSBrRcMBn-RCzl6cS2rRwHjpd5pG-m4MEn9pFXkwXLIuAEoXty8tJhliIrDezxokKknFIPsvCRMd7asn19zlBgPAym3sflCP7ov-5jA&w=454&h=160" width="454" height="160" /></a>
				</div>
			</section>
			<footer class="row sixteen columns">
				<p>&copy; Justin Tauber, 2013. Built with the <a href="http://www.getskeleton.com">Skeleton</a> responsive grid.</p>
			</footer>
					
	</div><!-- container -->

<!-- Post-Load Javascript
================================================== -->
	<script type="text/javascript">
	$(document).ready(function() {
	  
	  //set up animated internal links
	  $.localScroll();
	  
	  //set up fade-in of back to top link
	  $(window).scroll(function() {
		if ($(this).scrollTop() > 1000) {
			$('#toTop:hidden').stop(true, true).fadeIn();
		} else {
			$('#toTop').stop(true, true).fadeOut();
	  }
}); 
	});
	</script>

	<!-- Google Analytics -->
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-5842362-1']);
	  _gaq.push(['_trackPageview']);

	  (function() {
		var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
		ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
		var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();

	</script>
	
	<!-- Start of StatCounter Code -->
	<script type="text/javascript">
		var sc_project=3871382; 
		var sc_invisible=1; 
		var sc_partition=34; 
		var sc_click_stat=1; 
		var sc_security="20586bec"; 
	</script>
	<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script>
	<!--noscript>
		<div class="statcounter">
		<a class="statcounter" href="http://www.statcounter.com/"><img class="statcounter" src="http://c.statcounter.com/3871382/0/20586bec/0/" alt="hit counter code" /></a></div>
	</noscript-->

<!-- End Document
================================================== -->
</body>
</html>