index.html

---
layout: default
title: Richard Westenra | Web designer & front-end developer
id: home
---

<main class="home wrapper" role="main">
	<div class="leftCol">

		<div class="banner">
			<h2><span class="line1">Good design</span> <span class="line2">speaks</span> <strong>volumes</strong></h2>
		</div>

		<section id="about" class="homeSection about">
			<h3>Hi there!</h3>
			<p><strong>I'm a Christchurch-based front-end developer with more than twelve years of experience, specialising in interactive data-visualisation and responsive, performant web applications.</strong></p>
			<p>I often work with React and D3, and am interested in accessibility, open web standards and usability.</p>
			<p>An alumnus of <a href="https://www.mckinsey.com/" target="_blank">McKinsey</a> and former <a href="https://codebar.io/" target="_blank">codebar</a> organiser, my work has been featured in publications including:</p>
			<p><img class="logos" src="/assets/images/home/logos.png" width="960" height="227" alt="Logos for The Guardian, The Huffington Post, The Telegraph, The NY Times, Time, Slate, The LA Times, Buzzfeed, The Independent, Lifehacker, Adweek, Mashable, Upworthy, The Mirror, Wired, Vox, Business Insider, Forbes, Yahoo!, and Visual.ly" /></p>
			<p>After a decade in London, I'm now back in New Zealand and currently looking for remote work. When I'm not developing the web I can be found climbing, skiing, mountain-biking, unicycling, and occasionally attempting to juggle.</p>
			<p><a class="btn" href="mailto:richard@richardwestenra.com" title="Send me an email!" target="_blank"><i class="icon-mail"></i> Get in touch!</a></p>

			<section class="testimonials carousel">
        {% for item in site.data.testimonials %}
          <blockquote>
            <p>{{item.text}}</p>
            <footer>
              <cite>{% if item.url %}<a href="{{item.url}}" target="_blank">{% endif %}{{ item.name }}{% if item.url %}</a>{% endif %}</cite>
              {% if item.role %}<span>{{ item.role }}</span>{% endif %}
            </footer>
          </blockquote>
        {% endfor %}
			</section>
		</section>

		<section id="blog" class="homeSection blog">
			<h3><a href="/blog" title="Browse blog archive">Articles &amp; things</a></h3>
			<ul>
				{% for post in site.data.blog %}{% if post.featured %}
					<li><a class="thumb" href="/{{ post.url }}"><img src="/assets/images/blogThumbs/{{ post.img }}" alt="{{ post.name }}" width="279" height="92" /></a></li>
				{% endif %}{% endfor %}
			</ul>
			<p><a class="btn" href="/blog/">Read more &raquo;</a></p>
		</section>

		<section id="portfolio" class="homeSection portfolio">
			<h3><a href="/portfolio/" title="Browse my portfolio">Client work</a></h3>
			<ul>
				{% for item in site.data.portfolio %}
					<li>
						<a class="thumb" href="{{ item.url }}" target="_blank" style="background-image: url(/assets/images/portfolioThumbs/{{ item.img }});">
							<span class="name"><em>{{ item.name }}</em> <cite>{{ item.client }}</cite></span>
							<span class="year">{{ item.year }}</span>
						</a>
					</li>
				{% endfor %}
			</ul>
		</section>
	</div>

	<section id="linkblog" class="homeSection linkblog">
		<h3><a href="/linkblog/" title="Browse/search linkblog archive">Linkblog <i class="icon-search"></i></a></h3>
		<ul>
			{% for link in site.data.linkblog %}{% if forloop.index <= 35 %}
				<li><a href="{{ link.url }}" target="_blank">{{ link.name }}</a> {% if link.desc %} - {{ link.desc }}{% endif %}</li>
			{% endif %}{% endfor %}
		</ul>
		<p><a href="/linkblog/" class="btn">Read more &raquo;</a></p>
	</section>
</main>