<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Charles Lim - Brand Leader with deep experience in design, technology and digital content</title>
        <meta name="description" content="Charles Lim - Brand Leader with deep expertise in design, technology and digital content based in&nbsp;Toronto.">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="canonical" href="https://charleslim.net">

        <!-- OG -->
		<meta property="og:title" content="The Portfolio of Charles Lim" />
		<meta property="og:description" content="Charles Lim - Brand Leader with deep expertise in design, technology and digital content based in&nbsp;Toronto." />
		<meta property="og:image" content="https://charleslim.net/img/charles-lim-fb.jpg" />
		<meta property="og:url" content="https://charleslim.net" />

		<!-- FAVICON -->
        <link rel="apple-touch-icon" href="favicon.png">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
		<link rel="icon" href="/favicon.ico" type="image/x-icon">

        <!-- MAIN CSS --> 
        <link rel="stylesheet" href="css/main.css">

		<!-- JQUERY -->
		<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>


        <!-- FONT AWESOME --> 
        <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet">

		<!-- REMODAL -->
		<link rel="stylesheet" href="remodal/remodal.css">
		<link rel="stylesheet" href="remodal/remodal-default-theme.css">
		<script src="remodal/remodal.js"></script>

		<!-- VELOCITY -->
		<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/148866/velocity.min.js"></script>

		<!-- WOW/ANIMATE -->
		<link rel="stylesheet" href="css/partials/animate.css">
		<script src="js/wow.min.js" type="text/javascript"></script>
		<script type="text/javascript">
			wow = new WOW({mobile:false});
            wow.init();
        </script>


        
		<!-- FLICKITY -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.1.1/flickity.min.css">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/flickity/1.1.1/flickity.pkgd.min.js"></script>

		<!-- MAIN JS -->
		<script src="js/functions.js" type="text/javascript"></script>
    </head>

    <body class="remodal-bg">
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->












<div id="trim">
	<header>
		<h1><a href="#top">Charles Lim</a></h1>

	    <div id="menu-btn">
	        <a id="open">Menu <i class="fa fa-bars"></i></a>
	        <a id="close" style="display: none;">Close <i class="fa fa-caret-up"></i></a>
		</div>
		
		<nav id="menu" role="navigation">
			<ul class="scroll-to">
				<li><a href="#skillset">Skillset</a></li>
				<li><a href="#work">Work</a></li>
				<li><a href="#writing">Writing</a></li>
				<li><a href="#contact">More Info</a></li>
			</ul>
		</nav>	
	</header>
</div>









<div id="top" class="wrapper hero">

	<div id="stripes">
      <span></span>
      <span></span>
      <span></span>
      <span></span>
      <span></span>
    </div>


	<section id="intro">
		<svg class="separator">
			<line x1="0" y1="0" x2="400" y2="400" />
		</svg>
		<figure class="image">
			<img src="img/charles-lim-illo8-crop.gif" alt="Charles Lim aka Ched">
		</figure>
		<div class="text">
			<a href="/" class="home-link" style="display:none;">&larr; Back to home</a>
			<h2>The New Digital</h2>

			<p>My name is Charles Lim and I&rsquo;m a Brand Leader based in&nbsp;Toronto.</p>

			<p>I&rsquo;m passionate about products at the intersection of design, technology and&nbsp;content. Got a digital problem worth&nbsp;solving?</p>

			<p><a href="#contact">👋 Let's connect</a></p>
		</div>



	</section>
</div><!-- #hero -->











<main class="wrapper">

	<section id="skillset">
		<h2 class="section-title wow fadeInDown"><span>Skillset</span></h2>

		<ul id="skills-list">
			<li>
				<div class="base">
					<figure class="wow zoomIn" data-wow-duration=".5s" data-wow-delay=".5s"><img src="img/skills-content.gif"></figure>
					<h3 class="wow fadeInDown" data-wow-duration=".5s" data-wow-delay=".6s">Branding &amp; Visual Storytelling</h3>
					<a>+ More</a>
				</div>
				<div class="more-text">
					<h3 class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".7s">Branding &amp; Visual Storytelling</h3>
					<p>Every brand has unique stories to tell, and there are always new ways to tell them. I help brands differentiate themselves and get the most value out of their channels.</p>
				</div>
			</li>


			

			<li id="skill-content">
				<div class="base">
					<figure class="wow zoomIn" data-wow-duration=".5s" data-wow-delay=".6s"><img src="img/skills-design.gif"></figure>
					<h3 class="wow fadeInDown" data-wow-duration=".5s" data-wow-delay=".7s">Content, Creative &amp; UI/UX</h3>
					<a>+ More</a>
				</div>
				<div class="more-text">
					<h3 class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".8s">Content, Creative &amp; UI/UX</h3>
					<p>I help create clear and engaging digital experiences, even in the face of complexity and shifting information. There’s always a creative solution, all it needs is some perspective.</p>
				</div>
			</li>




			<li id="skill-tech">
				<div class="base">
					<figure class="wow zoomIn" data-wow-duration=".5s" data-wow-delay=".7s"><img src="img/skills-tech.gif"></figure>
					<h3 class="wow fadeInDown" data-wow-duration=".5s" data-wow-delay=".8s">Technology &amp; Production</h3>
					<a>+ More</a>
				</div>
				<div class="more-text">
					<h3 class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".9s">Technology &amp; Production</h3>
					<p>Things are trivial until they're not. I can work with you to to ship fast without compromising quality, ensuring performance, accessibility and tracking.</p>
				</div>
			</li>
		</ul>
	</section>







	<section id="brands">
		<h2 class="section-title wow fadeInDown"><span>Brands I&rsquo;ve Worked With</span></h2>
		<figure class="logos"><img src="img/logos_01.png" alt="logos"></figure>
		<figure class="logos"><img src="img/logos_02.png" alt="logos"></figure>
	</section>









	<section id="work">
		<h2 class="section-title wow fadeInDown"><span>Selected Work</span></h2>

		<ul class="work">


			<li>
				<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
					<a class="btn" data-remodal-target="caa-photo-map">
						<img src="img/caa-photo-map-full.gif" style="max-width: 110%; width: 110%; margin-top:-140px">
					</a>
				</figure>


				<div class="blurb wow fadeInRight" data-wow-delay=".4s">
					<h3>CAA Celebrates Canada 150</h3>
					<span>Award-winning digital campaign that showcases photos across Canada</span>
				</div>
				<div data-remodal-id="caa-photo-map" class="remodal">
					<button data-remodal-action="close" class="remodal-close"></button>
					
					<header>
						<h3>CAA Celebrates Canada 150</h3>
						<p class="dek">Award-winning digital campaign that showcases photos across Canada</p>
					</header>

					<p>Designed and developed a photo submission campaign that evokes pride in celebration of Canada Day and promotes CAA as a distinctly Canadian service. The app leverages the Google Maps and Places APIs, and allows users to upload and crop their photos to mimic a CAA magazine cover. Winner of the COPA for Best Digital Campaign 2017.</p>

					<ul class="images">
						<li><img src="img/caa-photo-map-mobile2.jpg"></li>
						<li><img src="img/caa-photo-map-crop.gif"></li>
						<li><img src="img/caa-photo-map.jpg"></li>
						<li><img src="img/caa-photo-map2.jpg"></li>
						<li><img src="img/caa-photo-map3.jpg"></li>
						<li><img src="img/caa-photo-map-full.gif"></li>
						<li><img src="img/caa-photo-map-mobile.jpg"></li>
					</ul>
					<a href="https://canada150.caasco.com" rel="nofollow" target="_blank" class="btn">View site</a>
				</div>			
			</li>



			<li>
				<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
					<a class="btn" data-remodal-target="mercedes-benz-magazine">
						<img src="img/mbc-thumb.jpg">
					</a>
				</figure>

				<div class="blurb wow fadeInRight wow fadeInRight" data-wow-delay=".2s">
					<h3>Mercedes-Benz Magazine</h3>
					<span>A luxurious digital magazine for drivers</span>
				</div>
				<div data-remodal-id="mercedes-benz-magazine" class="remodal">
					<button data-remodal-action="close" class="remodal-close"></button>
					
					<header>
						<h3>Mercedes-Benz Magazine</h3>
						<p class="dek">A luxurious digital magazine for drivers</p>
					</header>

					
					<h4>Challenge</h4>
					<p>Put Mercedes-Benz’s best foot forward to showcase their existing English and French magazine content in new, digital channels.</p>

					<h4>Approach</h4>
					<p>Designed and built with modern web technologies in mind, we designed and built a world-class, responsive website worthy of the Mercedes-Benz logo. We leveraged new and existing content from the printed magazine, social media and the Mercedes-Benz YouTube account.</p>

					<h4>Result</h4>
					<p>A 2015 Folio Digital Award for Site Design. Client feedback was hugely positive, and the project was a great experience for the team. The site was also nominated for Best Site Design in the Ozzies Digital category. While the print magazine content was tailored exclusively as a loyalty tool, the microsite opens up the content to fans and potential customers.</p>

					<ul class="images">
						<li><img src="img/mbc1.jpg"></li>
				  		<li><img src="img/mbc2.jpg"></li>
				  		<li><img src="img/mbc3.jpg"></li>
					</ul>

					<a href="https://magazine.mercedes-benz.ca/" rel="nofollow" target="_blank" class="btn">View site</a>
				</div>
			</li>




			<li>
				<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
					<a class="btn" data-remodal-target="altitude-community">
						<img src="img/altcom-thumb.jpg">
					</a>
				</figure>

				<div class="blurb wow fadeInRight" data-wow-delay=".3s">
					<h3>Air Canada&rsquo;s Altitude Community</h3>
					<span>A Social Network for frequent flyers</span>
				</div>
				<div data-remodal-id="altitude-community" class="remodal">
					<button data-remodal-action="close" class="remodal-close"></button>
					
					<header>
						<h3>Air Canada&rsquo;s Altitude Community</h3>
						<p class="dek">A Social Network and world city guide for frequent flyers</p>
					</header>

					<h4>Challenge</h4>
					<p>Build value for the loyalty program by engaging the members in a fun and meaningful way.</p>

					<h4>Approach</h4>
					<p>Create a branded social network and allow the airline&rsquo;s frequent flyers to share insider travel knowledge with each other and browse recommendations written by others. Members follow each other and receive updates when someone in their network posts something new. With a gamification component, members earn badges, privileges and even tangible rewards as they interact with the site.</p>

					<h4>Result</h4>
					<p>A very successful debut with more than 70% of the beta testers signing up for the community within 48 hours of launch. Within 5 days, 8% of the whole membership was registered. The platform has gained earned media in the marketing space, and there has been a huge push by advertisers to access the properties in order to reach these business travelers.</p>

					<ul class="images">
						<li><img src="img/altcom4.jpg"></li>
				  		<li><img src="img/altcom.jpg"></li>
				  		<li><img src="img/altcom3.jpg"></li>
				  		<li><img src="img/altcom2.jpg"></li>
					</ul>
					
					<a href="https://altitude-community.aircanada.com" rel="nofollow" target="_blank" class="btn">View site</a>
				</div>			
			</li>




			<li class="featured wow fadeInLeft" data-wow-delay=".1s">
				<a data-remodal-target="earn-your-wings">
					<figure class="thumb">
							<img src="img/eyw3.jpg">
					</figure>
					<div class="blurb wow fadeInRight">
						<h3>Air Canada&rsquo;s Earn Your Wings</h3>
						<span>The award-winning gamification platform</span>
					</div>

					<div data-remodal-id="earn-your-wings" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Air Canada&rsquo;s Earn Your Wings</h3>
							<p class="dek">The award-winning gamification platform</p>
						</header>

						<h4>Challenge</h4>
						<p>Engage frequent flyers and augment their buying behaviour in an exciting and fun way.</p>

						<h4>Approach</h4>
						<p>By setting up competitive and interesting challenges for users to strategically plan their flights and earn visually beautiful badges and valuable “wings,” customers can deepen their relationship with the game and the airline.</p>

						<h4>Result</h4>
						<p>Huge buzz and positive sentiment among top players in Flyertalk, the online air passenger forum. Multiple awards including a prestigious Loyalty360 Platinum award, following a Bronze in 2014 for Best Use of Technology, a Colloquy for Gamification Promotion. The most recent installment of Earn Your Wings saw 875% ROI, an average badges earned per user increase by 56%, and average airport visits per user increase by 12%. In 2014, the platform won Bronze in the same category for “Best Technology in Loyalty Marketing” category. The program had 25,000 users, 44% returning from last year, and 43% of users flew in Premium Fare cabins.</p>

						<ul class="images">
							<li><img src="img/eyw3.jpg"></li>
					  		<li class="half"><img src="img/eyw.jpg"></li>
							<li class="half"><img src="img/eyw2.jpg"></li>
					  		<li><img src="img/eyw4.jpg"></li>
						</ul>

						<a href="https://earnyourwings.aircanada.com" target="_blank" rel="nofollow" class="btn">View site</a>
					</div>
				</a>
			</li>






			<li>
				<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
					<a class="btn" data-remodal-target="alpine-review">
						<img src="img/alpine-review-thumb.jpg">
					</a>
				</figure>


				<div class="blurb wow fadeInRight" data-wow-delay=".4s">
					<h3>The Alpine Review</h3>
					<span>E-commerce for the modern magazine</span>
				</div>
				<div data-remodal-id="alpine-review" class="remodal">
					<button data-remodal-action="close" class="remodal-close"></button>
					
					<header>
						<h3>The Alpine Review</h3>
						<p class="dek">E-commerce for the modern magazine</p>
					</header>

					<p></p>

					<ul class="images">
						<li><img src="img/alpine-review.jpg"></li>
						<li><img src="img/alpine-review-2.jpg"></li>
						<li class="half"><img src="img/alpine-review-3.jpg"></li>
						<li class="half"><img src="img/alpine-review-4.jpg"></li>
						<li><img src="img/alpine-review-5.jpg"></li>
						<li><img src="img/alpine-review-mobile.jpg"></li>
						<li class="half"><img src="img/alpine-review-mobile2.jpg"></li>
						<li class="half"><img src="img/alpine-review-mobile3.jpg"></li>
					</ul>

					<a href="https://thealpinereview.com" rel="nofollow" target="_blank" class="btn">View site</a>
				</div>			
			</li>





			<li>
				<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
					<a class="btn" data-remodal-target="metro-infographics">
						<img src="img/metro-thumb-crop.gif" style="max-width: 100%; width: 110%;">
					</a>
				</figure>


				<div class="blurb wow fadeInRight" data-wow-delay=".4s">
					<h3>Metro Responsive Infographics</h3>
					<span>Food information and recipe ideas</span>
				</div>
				<div data-remodal-id="metro-infographics" class="remodal">
					<button data-remodal-action="close" class="remodal-close"></button>
					
					<header>
						<h3>Metro Responsive Infographics</h3>
						<p class="dek">Food information and recipe ideas</p>
					</header>

					<p></p>

					<ul class="images">
						<li><img src="img/metro-icepops1.gif"></li>
				  		<li><img src="img/metro-icepops2.gif"></li>
						<li><img src="img/metro-icepops3.gif"></li>
				  		<li><img src="img/metro-icepops4.gif"></li>
				  		<li class="half"><img src="img/metro-infographics.jpg"></li>
				  		<li class="half"><img src="img/metro-infographics2.jpg"></li>
				  		<li class="half"><img src="img/metro-infographics3.jpg"></li>
				  		<li class="half"><img src="img/metro-infographics4.jpg"></li>
				  		<li><img src="img/metro-rainbow-bowl.gif"></li>

					</ul>

					<a href="https://www.metro.ca" rel="nofollow" target="_blank" class="btn">View site</a>
				</div>			
			</li>
		



		</ul>
	</section><!-- #work -->










	<section id="more-work">
	    <div id="more-btn" class="wow bounceIn">
	        <a id="open"><i class="fa fa-plus-circle" aria-hidden="true"></i> &nbsp;Load more work</a>
	        <a id="close" style="display: none;"><i class="fa fa-times"></i>Show less Work</a>
	    </div>


	    <div id="more-work-panel">
			<ul class="work">



				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="caa-heads-up">
							<img src="img/caa-headsup-thumb-crop.gif" style="max-width: 110%; width: 110%;">
						</a>
					</figure>


					<div class="blurb wow fadeInRight" data-wow-delay=".4s">
						<h3>CAA Head&rsquo;s Up! Quiz</h3>
						<span>Educating drivers/cyclists on road rules</span>
					</div>
					<div data-remodal-id="caa-heads-up" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>CAA Head&rsquo;s Up! Quiz</h3>
							<p class="dek">Educating drivers/cyclists on road rules</p>
						</header>

						<p></p>

						<ul class="images">
							<li><img src="img/caa-headsup-mobile.gif"></li>
							<li class="half"><img src="img/caa-headsup-mobile.jpg"></li>
							<li class="half"><img src="img/caa-headsup-mobile2.jpg"></li>
							<li class="half"><img src="img/caa-headsup-mobile3.jpg"></li>
							<li class="half"><img src="img/caa-headsup-mobile4.jpg"></li>
							<li><img src="img/caa-headsup-drinks.gif"></li>
							<li><img src="img/caa-headsup-site-desktop.jpg"></li>
							<li><img src="img/caa-headsup-site-mobile.jpg"></li>
							<li class="half"><img src="img/caa-headsup-desktop.jpg"></li>
							<li class="half"><img src="img/caa-headsup-desktop2.jpg"></li>
							<li class="half"><img src="img/caa-headsup-desktop3.jpg"></li>
							<li class="half"><img src="img/caa-headsup-desktop4.jpg"></li>
							<li><img src="img/caa-headsup-desktop5.jpg"></li>
							<li class="half"><img src="img/caa-headsup-ipad.jpg"></li>
							<li class="half"><img src="img/caa-headsup-ipad2.jpg"></li>
							<li class="half"><img src="img/caa-headsup-ipad3.jpg"></li>
							<li class="half"><img src="img/caa-headsup-ipad4.jpg"></li>
							<li><img src="img/caa-headsup-ipad5.jpg"></li>
						</ul>
					</div>			
				</li>






				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="caa-magazine-website">
							<img src="img/caa-magazine-thumb.jpg">
						</a>
					</figure>

					<div class="blurb wow fadeInRight" data-wow-delay=".4s">
						<h3>CAA Magazine</h3>
						<span>Editorial platform for one of Canada&rsquo;s biggest magazines</span>
					</div>
					<div data-remodal-id="caa-magazine-website" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>CAA Magazine</h3>
							<p class="dek">Editorial platform for one of Canada&rsquo;s biggest magazines</p>
						</header>

						<h4>Challenge</h4>
						<p>Design, build and deploy a responsive website to complement and enhance CAA Magazine, which has a circulation of 2.9 million readers.</p>

						<h4>Approach</h4>
						<p>Worked closely with CAA&rsquo;s technical team to integrate content and templates with their larger Member platform. Trained staff to manage and optimize content elements.</p>

						<h4>Result</h4>
						<p>Increased opportunities for media and content opportunities as well as positive feedback from CAA Members, with steadly increasing traffic.</p>

						<ul class="images">
							<li><img src="img/caa-magazine-desktop.jpg"></li>
					  		<li><img src="img/caa-magazine-desktop2.jpg"></li>
					  		<li><img src="img/caa-magazine-ipad.jpg"></li>
					  		<li><img src="img/caa-magazine-ipad2.jpg"></li>
					  		<li><img src="img/caa-magazine-mobile.jpg"></li>
					  		<li><img src="img/caa-magazine-mobile2.jpg"></li>
						</ul>

						<a href="https://www.caasco.com/CAA-Magazine" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>			
				</li>







				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="apex-website-and-email-newsletter">
							<img src="img/apex2.jpg">
						</a>
					</figure>


					<div class="blurb wow fadeInRight" data-wow-delay=".4s">
						<h3>APEX News Website and Email Newsletter</h3>
						<span>Digital News and media serving the APEX Association</span>
					</div>
					<div data-remodal-id="apex-website-and-email-newsletter" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>APEX News Website and Email Newsletter</h3>
							<p class="dek">Digital News and media serving the APEX Association</p>
						</header>

						<h4>Challenge</h4>
						<p>Enrich both the scope and quantity of the APEX membership’s online activity, and build a better news environment to ramp up for increased frequency.</p>

						<h4>Approach</h4>
						<p>A complete redesign of both the front and back-end of the association website to both better present more shareable content and streamline all of the association’s membership activity. An email deployment platform was later integrated to efficiently create and deploy daily email newsletters to the members around the globe.</p>

						<h4>Result</h4>
						<p>Positive feedback from the association, with a revitalisation of the APEX brand and a truly digital complement to the printed magazine. The website serves as a membership hub with improved member search, profile management and a dedicated industry news section.</p>

						<ul class="images">
							<li><img src="img/apex2.jpg"></li>
					  		<li><img src="img/apex1.jpg"></li>
					  		<li><img src="img/apex3.jpg"></li>
					  		<li><img src="img/apex4.jpg"></li>
						</ul>
						
						<a href="https://apex.aero" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>			
				</li>




				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="air-canada-75th">
							<img src="img/ac753.jpg">
						</a>
					</figure>

					<div class="blurb wow fadeInRight" data-wow-delay=".5s">
						<h3>Air Canada 75th Anniversary Interactive Timeline</h3>
						<span>A digital platform celebrating the rich history of Canada&rsquo;s airline</span>
					</div>
					<div data-remodal-id="air-canada-75th" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Air Canada 75th Anniversary Interactive Timeline</h3>
							<p class="dek">Interactive Timeline</p>
						</header>

						<h4>Challenge</h4>
						<p>As part of a multiplatform strategy to mark the 75th anniversary of Air Canada, create a special website that archived the history of the airline.</p>

						<h4>Approach</h4>
						<p>Using countless We created a special 75th anniversary microsite that used images and video to create a timeline, celebrating the events and milestones in the company’s long history.</p>

						<h4>Result</h4>
						<p>Only a month after its launch, the site received over 135,000 visits from over 105,000 unique visitors, resulting in a 300% increase in Facebook likes and a Webby nomination for Best Integrated Campaign.</p>

						<ul class="images">
							<li><img src="img/ac753.jpg"></li>
					  		<li><img src="img/ac751.jpg"></li>
					  		<li><img src="img/ac752.jpg"></li>
					  		<li><img src="img/ac754.jpg"></li>
						</ul>
						
						<a href="https://75.aircanada.com/" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>





				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="enroute-magazine">
							<img src="img/enroute6.jpg">
						</a>
					</figure>

					<div class="blurb wow fadeInRight" data-wow-delay=".6s">
						<h3>enRoute Magazine</h3>
						<span>Editorial, Inflight Entertainment listings, and more</span>
					</div>
					<div data-remodal-id="enroute-magazine" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>enRoute Magazine</h3>
							<p class="dek">Editorial, Inflight Entertainment listings, and more</p>
						</header>

						<h4>Challenge</h4>
						<p>To bring the Air Canada Media content universe online and further inspire travel and engagement with the brand. Serve as a home for enRoute&rsquo;s other editorial initiatives like Canada&rsquo;s Best New Restaurants and the enRoute Film Festival, and allow users to search for their entertainment before they get on the plane.</p>

						<h4>Approach</h4>
						<p>I’ve been involved in more than three iterations of the enRoute website, each with its own objectives and challenges. In its latest, and most successful iteration, the focus is on cities; the places to eat and stay, as well as the activities. A clean and mobile-friendly reading experience was also important, and multiple templates to present different kinds of content, from long-form travel stories to photo essays.</p>

						<h4>Result</h4>
						<p>The site has won many awards, including a huge showing at the 2013 Folio awards for Grand Prize, Best Custom Content Website; Gold, Best Website; and Gold, Best Overall Web Design.</p>

						<ul class="images">
							<li><img src="img/enroute.jpg"></li>
					  		<li><img src="img/enroute2.jpg"></li>
					  		<li><img src="img/enroute3.jpg"></li>
					  		<li><img src="img/enroute4.jpg"></li>
							<li><img src="img/enroute5.jpg"></li>
					  		<li><img src="img/enroute6.jpg"></li>
					  		<li><img src="img/enroute7.jpg"></li>
					  		<li><img src="img/enroute8.jpg"></li>
							<li><img src="img/enroute9.jpg"></li>
					  		<li><img src="img/enroute10.jpg"></li>
					  		<li><img src="img/enroute11.jpg"></li>
					  		<li><img src="img/enroute12.jpg"></li>
						</ul>
						
						<a href="https://enroute.aircanada.com" target="_blank" rel="nofollow" class="btn">View site</a>
					</div>	
				</li>



				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="helveticurse">
							<img src="img/helveticurse2.jpg">
						</a>
					</figure>

					<div class="blurb wow fadeInRight" data-wow-delay=".7s">
						<h3>Helveticurse</h3>
						<span>Clean type, dirty words. The etymology of expletives.</span>
					</div>
					<div data-remodal-id="helveticurse" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Helveticurse</h3>
							<p class="dek">New feature: text-to-speech</p>
						</header>

						<p>This is a side project that I had always wanted to create: a dirty glossary. I also find it interesting what vulgar words actually mean, and how they're used in daily conversation.</p>

						<p><strong>Helveticurse</strong> is the exploration of a glossary website that contrasts the neutrality of Helvetica with the offensiveness of English curse words. Related content is pulled from Google, Wikipedia and&nbsp;Twitter.</p>
	                	
	                	<p>This site was inspired by designers like <a href="https://www.linotype.com/522/maxmiedinger.html">Max Miedinger</a> and films like <a href="https://www.imdb.com/title/tt0847817/">Helvetica</a>.</p>

						<ul class="images">
					  		<li><img src="img/helveticurse2.jpg"></li>
					  		<li><img src="img/helveticurse3.jpg"></li>
							<li><img src="img/helveticurse4.jpg"></li>
					  		<li><img src="img/helveticurse5.jpg"></li>
						</ul>
						
						<a href="https://helveticurse.com" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>


				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="logistik">
							<img src="img/logistik-thumb.jpg">
						</a>
					</figure>

					<div class="blurb wow fadeInRight" data-wow-delay=".7s">
						<h3>Logistik Unicorp</h3>
						<span>Corporate Branding and Web Design.</span>
					</div>
					<div data-remodal-id="logistik" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Logistik Unicorp</h3>
							<p class="dek">Corporate Branding and Web Design.</p>
						</header>

						<p>I led the rebranding of one of Canada’s largest uniform suppliers, which is also a family-owned business. It included brand identity guidelines, stationery templates and marketing material, as well as a responsive website.</p>

						<ul class="images">
					  		<li><img src="img/logistik2.jpg"></li>
					  		<li><img src="img/logistik1.jpg"></li>
							<li><img src="img/logistik3.jpg"></li>
					  		<li><img src="img/logistik4.jpg"></li>
					  		<li><img src="img/logistik5.jpg"></li>
					  		<li><img src="img/logistik6.jpg"></li>
					  		<li><img src="img/logistik7.jpg"></li>
						</ul>
						
						<a href="https://www.logistikunicorp.com" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>



				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="filmbank-media">
							<img src="img/filmbank1.jpg">
						</a>
					</figure>				

					<div class="blurb wow fadeInRight" data-wow-delay="0s">
						<h3>Filmbank Media</h3>
						<span>Film Licensing and Distribution</span>
					</div>
					<div data-remodal-id="filmbank-media" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Filmbank Media</h3>
							<p class="dek">Film Licensing and Distribution</p>
						</header>

						<h4>Challenge</h4>
						<p>Redesign Filmbank’s website to better reflect their rebranding and improve their customers&rsquo; experience.</p>
						
						<h4>Approach</h4>
						<p>We held a workshop in London with the company stakeholders to analyse the customers&rsquo; check-out flow and identify the pain points. We performed a K-J experience to identify their most valuable customers and their needs. From there we built userpaths for each of their customer types and the company&rsquo;s visual sensibilities.</p>
						
						<h4>Result</h4>
						<p>Great feedback from the client and a modern, responsive website that better serves their customers and improves their interaction with the business.</p>
						
						<ul class="images">
							<li><img src="img/filmbank1.jpg"></li>
					  		<li><img src="img/filmbank2.jpg"></li>
					  		<li><img src="img/filmbank3.jpg"></li>
						</ul>
						
						<a href="https://www.filmbankmedia.com/" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>		
				</li>		


				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="canada-best-bars">
							<img src="img/bestbars.jpg">
						</a>
					</figure>				

					<div class="blurb wow fadeInRight" data-wow-delay=".1s">
						<h3>Canada&rsquo;s Best Bars</h3>
						<span>Voting platform for Canadians&rsquo; favourite bars</span>
					</div>
					<div data-remodal-id="canada-best-bars" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Canada&rsquo;s Best Bars</h3>
							<p class="dek">Voting platform for Canadians&rsquo; favourite bars</p>
						</header>

						<h4>Challenge</h4>
						<p>Partnering with Molson Coors brand Rickard’s and Air Canada’s enRoute magazine, create the digital piece to a multi-platform campaign aimed at finding Canada’s favourite bar.</p>
						<h4>Approach</h4>
						<p>My team designed and developed the website to allow users to vote for their favourite bar on a Google map, and introduced features like the “bar-o-meter” to measure west coast vs. east coast bars. We leveraged the facebook and twitter APIs to authenticate users, and tracked votes across 100 unique places.</p>
						<h4>Result</h4>
						<p>A large influx of traffic and social media buzz in local markets. 15 of the bars were then featured in an issue of enRoute, which has a circulation of over a million people.</p>
							
						<ul class="images">
							<li><img src="img/bestbars.jpg"></li>
					  		<li><img src="img/bestbars2.jpg"></li>
					  		<li><img src="img/bestbars3.jpg"></li>
						</ul>
						
						<a href="https://saycheers.ca" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>

				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="turkish-delights">
							<img src="img/istanbul.jpg">
						</a>
					</figure>		

					<div class="blurb wow fadeInRight" data-wow-delay=".2s">
						<h3>Turkish Delights</h3>
						<span>Social Media Program</span>
					</div>
					<div data-remodal-id="turkish-delights" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Canada&rsquo;s Best Bars</h3>
							<p class="dek">Voting platform for Canadians&rsquo; favourite bars</p>
						</header>

						<h4>Challenge</h4>
						<p>Feature Air Canada’s new route to Istanbul in a fun, engaging way.</p>
						
						<h4>Approach</h4>
						<p>To highlight Istanbul’s rich history and beautiful vistas, Spafax developed a destination microsite comprised of geo-targeted instagram photos, facts and trivia about Istanbul and Turkey. A quiz game was also built to complement the destination, where users could win a trip to Turkey based on how well they did (and if they share).</p>
						
						<h4>Result</h4>
						<p>The client was ecstatic with the results, and the response from users was positive. The campaign took home Gold for Best Overall Web Design at the 2013 Pearl Awards.</p>
							
						<ul class="images">
							<li><img src="img/istanbul.jpg"></li>
					  		<li><img src="img/turkishdelights2.jpg"></li>
						</ul>
						
						<a href="https://istanbul.aircanada.com" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>

				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="eat-and-vote">
							<img src="img/eatandvote6.jpg">
						</a>
					</figure>	

					<div class="blurb wow fadeInRight" data-wow-delay=".3s">
						<h3>Eat and Vote</h3>
						<span>Eat. Vote. Win.</span>
					</div>
					<div data-remodal-id="eat-and-vote" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Eat &amp; Vote</h3>
							<p class="dek">Eat. Vote. Win.</p>
						</header>

						<h4>Challenge</h4>
						<p>Invite Canadians from coast to coast to vote for their favourite new restaurant from a list of nominees, curated by an expert panel of respected regional critics, producers and food industry insiders.</p>
						
						<h4>Approach</h4>
						<p>We designed and built a microsite to funnel users into our voting flow, and made changes to our design based on the ongoing data. Building on our past efforts, we strove to make the voting mechanism even more efficient by making the call to actions stronger and the authentication with Facebook and Twitter APIs faster.</p>
						
						<h4>Result</h4>
						<p>More than 75,000 votes, increasing by 40% year-over-year for the past three years. Great social media buzz, with restaurant owners and fans engaging with each other online. 6.23 pages viewed per visit, over two minutes time on site.</p>
							
						<ul class="images">
							<li><img src="img/istanbul.jpg"></li>
					  		<li><img src="img/turkishdelights2.jpg"></li>
						</ul>
						
						<a href="https://eatandvote.com" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>

				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="penny-black-media">
							<img src="img/pennyblack1.jpg">
						</a>
					</figure>	

					<div class="blurb wow fadeInRight" data-wow-delay=".4s">
						<h3>Penny Black Media</h3>
						<span>Independent Film Distributors</span>
					</div>
					<div data-remodal-id="penny-black-media" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Eat &amp; Vote</h3>
							<p class="dek">Eat. Vote. Win.</p>
						</header>

						<h4>Challenge</h4>
						<p>Design and build a brand new website to kick-off an era of prosperity for Penny Black Media.</p>
						<h4>Approach</h4>
						<p>Create a modern, boutique website for Penny Black Media’s customers. A simple, but powerful interface that gains users trust and allows users to securely screen and review films via password.</p>
						<h4>Result</h4>
						<p>The client was delighted with the result, and their customers found it very easy to find films in the ever-growing catalog.</p>
							
						<ul class="images">
							<li><img src="img/pennyblack1.jpg"></li>
					  		<li><img src="img/pennyblack2.jpg"></li>
					  		<li><img src="img/pennyblack3.jpg"></li>
						</ul>
						
						<a href="https://pennyblackmedia.com" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>

				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="national-treasures-your-choice">
							<img src="img/national-treasures3.jpg">
						</a>
					</figure>

					<div class="blurb wow fadeInRight" data-wow-delay=".5s">
						<h3>National Treasures / Your Choice</h3>
						<span>Good stories of those living abroad.</span>

					</div>
					<div data-remodal-id="national-treasures-your-choice" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>National Treasures / Your Choice</h3>
							<p class="dek">International Social Media Program</p>
						</header>

						<h4>Challenge</h4>
						<p>Evoke Canadian pride in celebration of Canada Day and promote Air Canada as Canada’s national airline by featuring Canadian destinations.</p>
						<h4>Approach</h4>
						<p>An interactive social sharing experience that provided insight into Air Canada’s clientele by allowing users to explore Air Canada’s destinations. Present users with an interactive map of Canada and prompt them to select their desired destination and their reason for wanting to travel there. Users could view other submissions and learn about highlights of new places from each other.</p>
						<h4>Result</h4>
						<p>The overall experience was inspirational, collaborative, and educational. 60% of visitors submitted a response. The most popular words used in the responses were “love,” “visit” and “Canada.” The site won Bronze for both Best Interactive Content and Best Web Design at the 2013 Pearl Awards. It was so successful that we reused the codebase for another Air Canada campaign, but centered around Asian Canadian users, titled Your Choice, Your Trip, which was shortlisted for a 2015 Marketing Award.</p>
							
						<ul class="images">
							<li><img src="img/national-treasures3.jpg"></li>
					  		<li><img src="img/national-treasures2.jpg"></li>
					  		<li><img src="img/national-treasures.jpg"></li>
						</ul>
					</div>
				</li>
				




				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="enroute-eats-app">
							<img src="img/er-eats2.jpg">
						</a>
					</figure>
					<div class="blurb wow fadeInRight" data-wow-delay=".6s">
						<h3>Air Canada enRoute Eats: Canada&rsquo;s Restaurant Guide</h3>
						<span>iOS App</span>
					</div>
					<div data-remodal-id="enroute-eats-app" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>enRoute EATS App</h3>
							<p class="dek">International Social Media Program</p>
						</header>

						<h4>Challenge</h4>
						<p>Create a guide to the top restaurants in Canada, with 250 listings curated by the editors of Air Canada’s enRoute magazine for the past 12 years.</p>
						<h4>Approach</h4>
						<p>A continuously updated interface to scale across the ever fragmented iOS devices. It features detailed listings and a fast and easy navigation to search by cuisine, location or dish. You can also share and save your favourites.</p>
						<h4>Result</h4>
						<p>Has a 4.5 star rating on the App Store. Featured as a key piece of the annual Canada’s Best New Restaurants campaign.</p>
							
						<ul class="images">
							<li><img src="img/er-eats2.jpg"></li>
					  		<li><img src="img/er-eats1.jpg"></li>
					  		<li><img src="img/er-eats3.jpg"></li>
						</ul>
						
						<p><a href="https://itunes.apple.com/ca/app/air-canada-enroute-eats-canadas/id467452978" rel="nofollow" class="btn">Download on iTunes</a></p>
					</div>
				</li>

				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="sparksheet">
							<img src="img/sparksheet4.jpg">
						</a>
					</figure>

					<div class="blurb wow fadeInRight" data-wow-delay=".7s">
						<h3>Sparksheet</h3>
						<span>Record-breaking Award-winning Magazine</span>
					</div>
					<div data-remodal-id="sparksheet" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Sparksheet</h3>
							<p class="dek">Record-breaking Award-winning Magazine</p>
						</header>

						<h4>Challenge</h4>
						<p>Create a publication to sell the expertise of Spafax by rounding up thought leaders and curating the best ideas in the industry.</p>

						<h4>Approach</h4>
						<p>Sparksheet is a multiplatform magazine that explores the unexpected connections between different parts of the media and marketing universe, from journalism and entertainment, to advertising and technology. As the founding Creative Director (and columnist), I wanted to create a clean and focused reading experience to showcase the ideas as a contemporary magazine, rather than just another marketing blog. I also programmed the site myself.</p>

						<h4>Result</h4>
						<p>Besides great support through the upper ranks of Spafax and Tenthavenue, Sparksheet has won a bunch of awards, including three webby honorable mentions for the past three years, a Silver National Magazine award for Best Digital Design, and a record-shattering 22 Golds won at the Canadian Online Publishing Awards, the most by any publication ever. Along the way, I also won an Eddie award for a column about <a href="https://sparksheet.com/print-in-digital-clothing-the-problem-with-magazine-apps/" target="_blank">magazine apps</a>.</p>

							
						<ul class="images">
							<li><img src="img/sparksheet4.jpg"></li>
					  		<li><img src="img/sparksheet5.jpg"></li>
					  		<li><img src="img/sparksheet6.jpg"></li>
						</ul>
						
						<a href="https://sparksheet.com" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>

				<li>
					<figure class="thumb wow fadeInLeft" data-wow-delay=".2s">
						<a class="btn" data-remodal-target="spafax">
							<img src="img/spafax4.jpg">
						</a>
					</figure>


					<div class="blurb wow fadeInRight" data-wow-delay=".8s">
						<h3>Spafax.com</h3>
						<span>Global corporate Website</span>
					</div>
					<div data-remodal-id="spafax" class="remodal">
						<button data-remodal-action="close" class="remodal-close"></button>
						
						<header>
							<h3>Spafax</h3>
							<p class="dek">International Content Agency</p>
						</header>

						<h4>Challenge</h4>
						<p>Create a “story hub,” giving all Spafax employees the opportunity to tell the company&rsquo;s stories across the globe.</p>

						<h4>Approach</h4>
						<p>Over the years, I&rsquo;ve redesigned Spafax&rsquo;s corporate site three times and have served as Creative Director for its global corporate identity, from stationery to tradeshow booths. Before beginning this project, we pored through and documented all past feedback from the website’s previous incarnation in both style and structure. We wanted to reduce the barrier to publish and encourage content of any kind. We stripped away all the fluff and favoured a minimal aesthetic, led by a carefully crafted grid system with carefully cropped visuals flowing through it.</p>

						<h4>Result</h4>
						<p>Besides being a corporate website that the staff can be proud of, at its core, it’s a robust content platform that editors and general staff can easily update. It also spawned a universal visual design language that can be reused throughout all Spafax communications.</p>

							
						<ul class="images">
							<li><img src="img/spafax5.jpg"></li>
					  		<li><img src="img/spafax4.jpg"></li>
					  		<li><img src="img/spafax1.jpg"></li>
							<li><img src="img/spafax2.jpg"></li>
					  		<li><img src="img/spafax3.jpg"></li>
						</ul>
						
						<a href="https://spafax.com" rel="nofollow" target="_blank" class="btn">View site</a>
					</div>
				</li>
			</ul>	
	    </div>

	</section>























	<section id="writing">
		<h2 class="section-title wow fadeInDown"><span>Some of my Writing</span></h2>

		<ul>
			<li>
				<article class="wow fadeInRight" style="background-image:url(/img/kensington.gif)" data-wow-delay=".15s">
					<a href="https://www.onthegrid.city/toronto/kensington-market/" target="_blank">
						<div>
							<h3><span>On The Grid: The Designer’s Guide to Kensington Market</span></h3>
							<p>On the Grid is a collection of 463 neighborhood guides lovingly curated by local creatives in 93 cities around the world&hellip;</p>			
						</div>
					</a>
				</article>
			</li>

			<li>
				<article class="wow fadeInRight" style="background-image:url(https://crookedpixels.com/wp-content/uploads/2017/04/path-lead.jpg)" data-wow-delay=".25s">
					<a href="https://crookedpixels.com/4-steps-to-fixing-torontos-underground-path-system/" target="_blank">
						<div>
							<h3><span>4 Steps To Fixing Toronto’s Underground PATH System</span></h3>
							<p>It’s not a perfect system, but as someone with an admittedly bad sense of direction, I’m interested in the PATH’s wayfinding problems&hellip;</p>			
						</div>
					</a>
				</article>
			</li>

			<li>
				<article class="wow fadeInRight" style="background-image:url(https://crookedpixels.com/wp-content/uploads/2017/04/smb-mario-maker-title.jpg)" data-wow-delay=".35s">
					<a href="https://crookedpixels.com/the-ux-of-super-mario-bros-three-concepts-found-in-good-level-design/" target="_blank">
						<div>
							<h3><span>The UX Of Super Mario Bros.: 3 Concepts Found In Good Level Design</span></h3>
							<p>There’s a lot to be said for the iconic levels from that game and how memorable they are after all of these years. Now, as a UX and design professional, I&hellip;</p>	
						</div>
					</a>
				</article>
			</li>

			<li>
				<article class="wow fadeInRight" style="background-image:url(https://crookedpixels.com/wp-content/uploads/2017/04/palm-rejection-ipad-pro-cintiq-tablet-angle.jpg)" data-wow-delay=".45s">
					<a href="https://crookedpixels.com/the-search-for-the-perfect-sketchbook-continues-is-it-the-ipad-pro/" target="_blank">
						<div>
							<h3><span>The Search For The Perfect Sketchbook Continues. Is It The IPad Pro?</span></h3>
							<p>The closest I’ve come to using an iPad as a sketchbook replacement is FiftyThree’s Pencil and Paper. The pair make a nice interface, but the fat stylus tip makes it a bit crude. I’ve also tried&hellip;</p>	
						</div>
					</a>
				</article>
			</li>

			
		</ul>

		<h3 class="section-subtitle wow bounceIn">On my blog, <a class="link" href="https://crookedpixels.com/" target="_blank">Crooked Pixels</a>, I write about design, technology, and everything in between.</h3>
	</section><!-- #writing -->











	<section id="contact">
		<h2 class="section-title wow fadeInDown"><span>More Info</span></h2>

		<p class="wow fadeInUp">I sometimes post on <a href="https://www.instagram.com/chedonline/" target="_blank"><i class="fa fa-instagram" style="color:#bc2a8d"></i></a>, <a href="https://twitter.com/chedonline" target="_blank"><i class="fa fa-twitter" style="color:#1da1f3"></i></a> and <a href="https://dribbble.com/chedonline" target="_blank" style="color:#ea518b"><i class="fa fa-dribbble"></i></a>. You can find some of my writing on <a href="https://crookedpixels.com" target="_blank"><img src="/img/cp.png" alt="Crooked Pixels Logo" style="height:1em;"></a>. I&rsquo;m currently the Head of Brand & Communications at <a href="https://partnerstack.com">PartnerStack</a>.</p>

		<p class="wow fadeInUp">Send an email to ask me anything or just to&nbsp;say&nbsp;hello.</p>

	    <script language="JavaScript"><!--
	    var name = "him";
	    var domain = "charleslim.net";
	    document.write('<a class="button wow bounceIn" href="mailto:' + name + '@' + domain + '" data-wow-delay=".25s">');
	    document.write('<i class="fa fa-envelope"></i> &nbsp; ' + name + '@' + domain + '</a>');
	    // -->
	    </script>
	</section><!-- #contact -->






	<footer class="wow fadeInUp" data-wow-delay=".25s">
				<p class="quick-links"><a href="https://linkedin.com/in/chedonline">Charles Lim on LinkedIn</a> &nbsp;|&nbsp; <a href="#top">&uarr; Back to top</a></p>
	</footer>




</main><!-- #wrapper -->













        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='https://www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-2356760-14','auto');ga('send','pageview');
        </script>
    </body>
</html>
