I'm Hunter.
I like making stuff.

I am a Toronto based designer & developer who is passionate about creating efficient and delightful digital experiences for everyone to enjoy. Learn More

Turnip

Optimizing the Creative Mind

Turnip is an app with the goal of optimizing the creative mind via your personal assistant, Timmy the turnip. It utilizes an efficient and personable design language to encourage you to be the best you can be.

This project was my first foray into high fidelity rapid prototyping with Framer JS and I instantly fell in love. The ability to user-test with a nearly fully functional prototype was incredibly useful in creating this project.

turnip screenshot

What

An app for creatives who seek a more efficient & productive day via a structured pulse/pause workflow.

20-90

Work (min)

5-20

Break (min)

Why

Productivity Benefits

Increase focus and reduce burn-out

Mental Benefits

Reduce stress and assist creativity

Health Benefits

Counteract the negatives of sitting

Pulse and Pause. Move rhythmically between spending and renewing your energy by working in bursts and then taking a break.

- Tony Schwartz

Analyzing the Problem

Creative thinkers have their minds at full speed for most of their day, or at least that is what they attempt to do. Upon doing some research I found that many creatives were losing steam throughout the day.

Another large problem is that many creatives find themselves sitting at their desk for the better part of the day, which impacts them not only mentally but physically as well in the long run.

The Solution

After some research I realized that a well known technique to boost productivity is the built upon the same idea as one used to counteract the negatives of sitting all day!

Enter: Pulse and Pause. A term coined by Tony Schwartz to describe the technique of working in bursts then taking a break to improve productivity, which is also similar to the popular pomodoro technique.

The goal now was to create an app as simple and efficient as the idea itself.

Example User Scenario

Out of the multiple user scenarios, this one is the best example of the optimal use case: Charles is a creative director at a local ad agency. However lately he's been feeling overworked and is too stressed to sleep. He works in close quarters and can't have his phone making any noise.

He now sets his goals to clear his mind when he gets to work.
He works hard while feeling productive and on task.
His phone silently alerts him of his break.
He now takes breaks and goes for walks.
This clears his mind which helps him sleep better at night.

Utilizing PACT Analysis

Using a PACT analysis was crucial in understanding Turnip's users. It also helped me understand their surroundings when using the app and how as a designer I must accomodate for those surroundings.


People

busy minded, stressed creative people

Activities

follow the timer and it alerts you when needed

Contexts

for use at home or in a busy office

Technologies

interaction via touchscreen with screen based cues to limit annoyance for others

Wireframes & Comps

A large part of the process for turnip was insuring the UI worked as soon as possible. This was done with a low fidelity prototype in invision as soon as a decent wireframe was completed.

Initial Low Fidelity Wireframe
Initial Prototype of high fidility wireframe
Visual Comps of initial prototype

Flowchart

Keeping the flow of the app as minimal as possible was key in making sure Turnip provided an intuitive experience.

My strategy is to do things that give me time to think, walking being my favourite activity for that. I go on a walk almost daily and try my best to get at least an hour to devote to that activity. I can then spend a bit of time focusing on my thoughts without interruption.

- James March

High Fidelity Prototype

I learned an incredible amount from user testing with the low-fidelity prototypes and after implementing changes I decided it was time for a smoother, high fidelity prototype in Framer Studio.

Framer & Sketch intergration sped up the test/iterate cycle an incredible amount. The near limitless abilities of Framer as well as the smooth performance when mirrored to my phone allowed for more immersive testing.

Feel free to check out the prototype here.

Developing the prototype in Framer Studio

Thank you.

I could be convinced to make Turnip into a real app. Feel free to tweet me if you'd like that!

Sprouted

A Case for the Hamburger Menu

Sprouted is a project in which I self-imposed the challenge of making the hamburger menu intuitive. During the weeks before starting the project, it seemed as though nearly every day I would read an article about how horrible the hamburger menu is.

After many iterations in my sketchbook and a few rough prototypes this is the solution I arrived at. I still try to avoid hamburgers (especially if I'm on a diet) but this project was quite exciting and a great learning experience.

What is Sprouted?

We were assigned to create an identity and responsive website for an assigned category. I was assigned the category of vegan restaurant and from there Sprouted was born.

Why the Hamburger Hate?

It Hides

makes it hard to find important menu items

Slow

Most of the time it's hidden behind a 10 step long animation

Where am I?

You can't glance at it to find where you are

Chance for Redemption

Why give the hamburger a chance? I wanted to see if it could work with proper implementation. Has it just been paired with bad design in the past that did not accomodate for it? Maybe it was poorly animated. There were too many questions for me to not give it a chance.

People won't use your Web site it they can't find their way around it.

- Steven Krug

Thank you.

If you have any cool stories regarding hamburgers menus, tweet me as I'd love to hear them!

Explorations

Encouraging Play Online

Since learning web design in early high-school I've loved pushing the boundaries of what it can do through play and creative exploration.

One of the best parts of web design is user interaction and because of this many of my web explorations over the years have encouraged the user to let loose and just play. I love sending various web experiments to my friends and seeing what they come up with!

why play?

As I child I remember I would play with my lego for hours, creating incredibly weird and complex stories for my own enjoyment. Children aren't afraid to play, and we shouldn't be either. With these web experiments I am playing while creating them, and upon completion I can use them to encourage others to play with me.

thank you.

Seen some cool web experiments lately? Please tweet me as I'd love to see them!

Hunter & Friends

Leading an Experience

It has been a while since I was in high school, but I'd consider Hunter & Friends to be some of the best work I did while I was there. I was lucky enough to go to a high school where we had student hosted video announcements, where I led a team of ten other students in an annoucement experience like no other.

It was one of the biggest learning experiences in my high school career. I was in charge of the creative direction, branding, motion graphics and a large amount of filming, as well as directing the live show. For nearly an entire semester our bi-weekly show innovated in a way the school had not seen before.

thank you.

Seen any cool motion graphics recently? Please tweet me as I'd love to see it!

About Me

My name is Hunter Caron, and I am a student working towards my Bachelor of Design Honours degree in YSDN. I’ve been designing things since I was ten years old and I haven’t slowed down since. Over the years I’ve taught myself how to utilize different mediums from web design, to motion graphics and video. Rapid prototyping and iteration has become a large part of my workflow to ensure my solution is an effective one.

I use design as a medium to not only solve problems and communicate a message but also as a way to enhance our daily lives. Critiquing and learning from the world around me drives my passion to help make the world a more efficient and connected place.

Strengths

  • design & development
  • problem solving
  • utilizing design process
  • critical eye & mind
  • prototyping & testing

Experience