Hi, I'm Bretton 👋

Over a 21 year career I've led design on dozens of digital products across a wide spectrum of industries. I believe in people, process, and pixels, in that order. I ship accessible products that help.

I've co-founded a few startups, including Apple Design Award winning Flixel Photos. I'm currently taking a short but much needed break before my next adventure.

Without further preamble, here's a reverse-chronological rundown of my favourite past projects...

500pxBlendeoCareGuideTelusNectarFlixelEndloop MobileGuardlyTweetAgoraCareerwareCheckmateTradebug

2019-2021

500px

Design Director

I built & led the design team at 500px, a platform that provides inspiration, exposure, and monetization opportunities for professional and aspiring photographers. While I'm firmly in the 'aspiring' group, I have deep respect for photography and the work that pro photographers do.

Building a Team

Of the dozens of endeavours I've been involved in at 500px, the one I'm most proud of is the design team I built and developed here. I hired every member of our current design team, and I made a point of hiring a diverse team because diverse teams are smarter.

Early on, I made the decision to migrate to Figma as our primary design tool. While not without growing pains, that decision enabled a level of collaboration that simply wouldn't have been possible in Sketch.

Featured Photographers

My management style has always been that of a player-coach; I enjoy the craft of design, and keeping my skills sharp makes me a better manager.

One of my first projects at 500px was to find ways of improving retention. We looked at new visitor data and discovered that the act of following even a single photographer was a key behaviour for retention.

Armed with this knowledge, we added a new widget to the home feed to showcase photographers with a strong body of work but few followers.

Engagement with the Featured Photographer widget was good, retention improved, under-appreciated photographers got more exposure, and we chalked it up as a win!

Black Lives Matter eBook

I'm very proud to have worked on an eBook for Black Lives Matter. The goal for this project was to provide actionable steps to support the BLM movement while also showcasing the Black photographer community.

This was a collaborative effort, with every member of both the design and marketing teams having a hand in its creation. The photos coming out of BLM were an important reminder of the power of photography.

2019

Blendeo

Principal Designer

I briefly took a contract to rejoin my old partners at Flixel to design their newest app, Blendeo.

Blendeo is a universal iOS app for creating long exposure photos or videos, using either a motion blur or light trails effect. The goal was to take the guesswork out of long exposure, which we accomplished using an innovative new Exposure Time control.

As the Exposure Time dial is moved, Blendeo provides real-time feedback via the image preview and unique timeline exposure bar. This simple yet powerful interface provides photographers with the ability to quickly and easily experiment with a variety of long exposure effects.

In addition to being a universal iPhone/iPad app, the editing controls were designed to work in both landscape and portrait orientations. Much like Flixel Cinemagraph Pro, Blendeo has been frequently promoted and praised by the App Store.

Blendeo was also designed to work in tandem with Flixel Cinemagraph Pro, either by adding long exposure effects to an existing cinemagraph, or by sending a long exposure video to the Cinemagraph Pro app. As shown below, the effect can be spectacular:

Long exposure cinemagraph by McKeeMedia

2017-2018

CareGuide

Design Director

In 2017 & 2018 I led design at CareGuide, which offers a suite of products to find care services - from child care all the way up to elder care.

Nanny Lane

Aside from mentoring a design team of four, my primary project was launching Nanny Lane, a platform that helps families find affordable childcare. This includes nanny sharing: helping families find other families to share a nanny with. Each family pays less, nannies get paid more, kids make new friends...wins all 'round!

Knowing basically nothing about parenting, nannying, or how this would work, the first project I gave myself at CareGuide was to talk to a bunch of parents and nannies. After a short interview about their background and thoughts on childcare, I asked them to try a beta version of our product. Not only did we find and fix issues before launch, I also learned a lot about real family problems and how they're being solved.

After launch, we continued to evolve the product based on a steady stream of qualitative and quantitative data. From reading and responding to support tickets to looking at analytics, there's never enough to know about how to make people's lives easier.

I also led a great team of designers, some working on other CareGuide products that I can't really take any credit for here...so I won't. I did, however, work on a machine learning algorithm to detect online scammers...which sounds pretty cool so I'll mention that here, because hey, portfolio.

2015-2016

Telus

Senior Interaction Designer

I spent 18 months contracting as a Senior Interaction Designer for Telus Digital, leading design for over a dozen projects. Here are the three most impactful projects I led:

My Account App

The VP of Telus Digital recruited me to lead design for a ground-up rebuild of the Telus My Account app, which is used by millions of Canadians.

This project was the result of a highly data-informed process, making heavy use of analytics, user research, and testing to help drive and validate design decisions. In addition to bridging the gap between dev teams and Telus stakeholders at every level of the company, I also guided the efforts of white-labeling the design for Koodo.

Accessibility is a core principle of this app - both in providing easy access for anyone to manage their account, and also in being a completely WCAG AA compliant app. Designing apps with high contrast and legibility isn't just for people with vision impairment - it also helps them stay usable on dimmed screens and on sunny days. When designing an app that'll be used by millions of people in any kind of situation, accessibility comes first.

Travel

I led the redesign efforts for telus.com/travel, analyzing customer behaviour and running moderated testing sessions on the existing page to find and remove friction points along the customer journey. This also included introducing ‘Easy Roam’, an entirely new kind of travel option for customers.

After simplifying the page design to make it easier to compare options at a glance, I also shortened the purchase flow from 12 steps to just 3. The result of these efforts led to a 30% increase in conversions.

The credo I used to guide this travel page was similar to the one I’d been using to guide the overall design of the app: identify the most important pieces of information people need, hide the smaller details, but make those details easy to find. This simplified design and purchase flow has also led to a 5% increase in online purchase share (vs costly call-in purchases).

Live Support Chat

Telus was changing technology vendors for their online chat system, so that provided an opportunity to redefine the existing experience - from discovery, to triage, to the chat system itself.

With the new chat project, we built a platform that was responsive, easy to find, and easy to use. The initial customer triage survey was simplified from multiple fields down to just one required dropdown selection. After implementing the new global chat, abandonment rates dropped by a factor of 5.

2014

Nectar

Brand & App Designer

I worked on Nectar remotely while prepping for a sailing trip. CanaFlora, a Canadian flower delivery company, was looking to create a fun modern brand and mobile app.

Customer research identified a major pain point when buying flowers: uncertainty about what to choose. To make the decision easier and a little more fun, Nectar showed each month’s flower arrangements along a colour/mood spectrum that ranged from cheerful to passionate to somber.

Nectar's purchase flow was a simple 3 step process, and I designed a birthday/anniversary reminder system to go along with the one-tap repurchase option.

In addition to the app, I also came up with the 'Nectar' name and brand, which the client liked so much he extended to his online business as well.

2012-2014

Flixel

Design Co-Founder

Flixel is an app for creating & sharing ‘cinemagraphs’, which are photos with an element of motion. Flixel Cinemagraph Pro for OSX won the prestigious Apple Design Award in 2014.

Just capture a short scene, then paint the area to animate. Cinemagraphs combine the best aspects of photo & video.

The first version of Flixel was designed as a mainstream toy, and earned praise from FastCo Design. We realized that the app had more potential as a tool for pro photographers, so we rebuilt it from the ground up - just in time for its primetime debut on America’s Next Top Model. Flixel has also been used in campaigns for Macy’s Marilyn Monroe clothing line, Panasonic, and many more.

As the Design Co-Founder, I was responsible for all aspects of the app’s design, from interactions & layout to asset creation & production. I also did copywriting, front-end web development, business development & strategy, content curation, quality assurance, customer support, and research. That’s startups for ya!

2012-2013

Endloop Mobile

Partner & Creative Director

I was a founding partner at the relaunched Endloop Mobile app studio (acquired). I worked on 12 projects; here are my favourites:

McDonalds

I led the interaction design for McDonalds Canada's "Our Food, Your Questions" campaign, winner of 4 Webby awards & a Cannes Gold Lion.

For this project I spent 2 months working onsite with Tribal DDB, not only designing a responsive interface for the customer-facing site, but also an administrative backend & a triage system for handling questions.

The goal of the campaign was to provide some transparency by answering questions about McDonalds food quality. Sharing these concerns, I pushed to create a system where tough questions couldn't be swept under the rug. To McDonalds Canada's credit, they agreed to venture outside their comfort zone instead of just playing it safe. The gamble paid off - people got answers to their questions, McDonalds Canada learned more about people's concerns, and the campaign was considered a huge success.

Rethink Breast Cancer

Endloop Mobile's first project was building the Your Man Reminder app for Rethink Breast Cancer. The app provides regular reminders for women to check themselves for breast cancer, as well as directions on what to look for. The reminders are given by 'hunky dudes', which added some humour to things & helped it go viral on YouTube.

I moulded an existing concept into something that would work on iOS, fixing existing assets & creating new UI elements that fit with Rethink's brand. It was a little weird creating UI assets of shirtless dudes...but hey, it was for a good cause!

SoFit

SoFit was a social fitness app that let people compete with friends while raising money for charity. It was the official app chosen by the US State department for the 2012 London Olympics 'Walk a Mile' campaign.

I kicked off the initial design for SoFit with a 3 day strategy session where we covered the walls in ideas. This was followed by 2 days of cuts, eliminating the unnecessary & crafting a single cohesive product. The app continued to evolve under different development teams, but I stayed on as a design advisor.

2011-2012

Guardly

UI/UX Designer

Guardly was a mobile safety platform designed to help in case of an emergency. Launching the app started a countdown timer which (unless cancelled) sent an alert to all emergency contacts via email, phone call, and text message. Responders were sent a link to a web interface to see the location of the emergency and communicate using voice & text.

As Guardly's sole designer I was responsible for designing the iOS, Android, and BlackBerry versions of the app, plus overseeing its port to Windows phone. I also designed the web interface used by first responders, and designed & coded the first version of the website. With Guardly we created a comprehensive yet nuanced safety system that took full advantage of new technology.

2010-2011

TweetAgora

Design Co-Founder

TweetAgora was the first iPhone-based Twitter client to provide filtering (the ability to mute people & keywords). There was no official Twitter app back in those days, so I partnered up with a developer to create a client for power users that focused on Twitter's signal-to-noise problem.

TweetAgora let you filter any feed by tweet type (links/photos/retweets), provided a 'most relevant' view, and even let you scan people's profiles for questions they'd asked. In addition to filtering, TweetAgora also had a powerful aggregation system called 'Agoras'. An Agora was basically a custom feed of people, keywords, and Lists that could be followed in a single stream.

As the app was nearing completion we flew down to San Francisco for Chirp, the 'first annual Twitter developer conference'...it was also their last annual developer conference! The day before it started, Twitter announced its acquisition of Tweetie as the new official Twitter client. From that point on the writing was on the wall: 3rd party Twitter clients were on the way out. It's disappointing that Twitter didn't see the value in the app ecosystem that helped them grow...but life goes on. Although we did launch TweetAgora and update it a few times, Twitter's gradual crackdown on 3rd party apps was too frustrating for continued development. It's unfortunate how things turned out, but as my first iPhone app it was a great learning experience.

2009

Rhymeku

Creator

I came up with the idea of a rhyming haiku or 'rhymeku' during my first brief stint as a freelancer. I'd just finished a year-long sailing trip with my family, and moved to Toronto right around the time Twitter was starting to gain traction there. It was a great way to meet new people, and since the 140 character limit was still a curiosity, haikus were popular (or at least common). I decided to raise the level of difficulty by writing haikus that also rhymed every line - thus the rhymeku was born.

I was still just getting comfortable with creating custom Wordpress sites, so I decided to hone my skills with a personal project before selling my services to others. I picked some of my favourite rhymekus from my growing list in Evernote, matched them with appropriate typefaces, and learned enough about building Wordpress sites that could go on to create them for others. Although this one isn't technically an app, it's still one of my favourite little side projects.

2000-2008

Careerware / Bridges / Xap

Data Analyst / Interaction Designer

I got my first 'real job' in the tech industry at an IBM-owned company called Careerware, based out of Ottawa. Careerware made career education & planning software for students, and was #1 in North America in that category. Soon after joining, the company was acquired by a Kelowna-based company named Bridges, which rebranded as "Bridges.com" pretty much the day the bubble burst.

One of the many lessons I learned was that having '.com' in your name back in 2001 was a surefire way to tank a stock. I survived each subsequent round of layoffs until I was one of just three people left working remotely (another lesson: be indispensable!). While it wasn't exactly a seamless acquisition, I learned a lot during my time there. As part of the core design team, I was responsible for transitioning Careerware's suite of desktop products over to the web. After Bridges was acquired by Xap Corporation, I was part of the team tasked with designing a new blended product offering.

2000-2004

Checkmate

Co-Creator

Checkmate was our fourth year Software Engineering project at the University of Ottawa. It was also a labour of love; a game concept that we developed & refined for years before actually making it.

The game was a chess-based twist on first-person-shooter team deathmatch. Each team had one King, and everyone else started out as Pawns. Pawns accumulated points by killing other players, and those points could be used to respawn as other classes (3pts for a Knight/Bishop, 5pts for a Rook, 9pts for a Queen). Each class had unique weapons, skills, and properties based on their chess equivalent. The goal of the game was to kill the other team's King, at which point the round would end & each team would start over with new Kings.

Checkmate was built as a modification of Unreal Tournament 2003, and was a runner-up & honourable mention in Epic's "Make Something Unreal" contest. It had over 10k downloads, distribution on several gaming magazines, earned us an A+ in the course, and most importantly it was a blast to play.

2002-2003

Tradebug

Co-Founder

In the wake of the dot-com bust, six of us decided to throw caution to the wind & start an e-commerce site. Tradebug was a site for bartering; unlike Ebay's auctionhouse model, TradeBug was a flea market. People could post things they had as well as things they wanted, and we created a messaging system so they could negotiate.

While it certainly wouldn't win any visual design awards today, TradeBug was a good idea with a fatal flaw. In hindsight we should have started out with items of similar value (games/books/dvds) before branching out - that strategy worked pretty well for Amazon. TradeBug was acquired by UsedOttawa.com for ‘an undisclosed sum’...but let's just say none of us went on to buy an NBA team. Nonetheless we had a lot of fun making it, and learned a lot about the realities of building & running an e-commerce business.