UX / Visual Design / Responsive Website
akeful is a creative inspiration website with a focus on DIY and video content. Makeful is the second iteration of the website, it was reimagined in fall of 2015 and went from a Canadian-centric user-generated community site, to an in-house publishing website based out of LA.
As the lead product designer, I was responsible for the UX and visual design of the website and was able to re-examine the overall look and feel of the brand to align it more with the content.
The color palette was kept very clean and minimal on purpose. For color I chose black and white supplemented by brighter versions of teal and watermelon (as a nod to original makeful beta’s teal and pink). The purpose of the minimal color palette was to modernize the brand by giving it a more sleek, editorial feel that let the images take center stage. The font raleway was chosen because of its many weights and because of its more humanistic letterforms, it was a softer alternative to helvetica that kept the site light and airy.
In addition to the expected category pages, as part of the overhaul, we introduced a section of the site called “collections” a series of curated articles that all fit a common theme.
Launching soon is a "videos" page to increase site wide video views with a focus on Makeful's original series content as well as site search.
To practice my hand lettering skills, I completed a 100 day challenge on Instagram to create and post something type-related every day.
An app for transit riders to help them decide if a monthly pass makes financial sense.
UX / Visual Design / Mobile App / Self Initiated
In a city of over 2 Million, transit plays a key role in many people's lives. I was challenged with coming up with a transit related app, and inspired by my own pain points, I created FarePass based on my own inability to decide whether or not I should buy a pass on a monthly basis.
To test the validity of my app concept, I conducted a series of user interviews, targeting transit riders. Happily, through these initial user interviews, I learned that transit riders want to save money and (like me) were suffering from the same indecision of if it was cheaper to buy a pass, or pay per ride. Half the people I interviewed bought a pass every month, and the other half decided on a monthly basis. The people that didn’t buy a pass every month, planned for their month by thinking about their trips in terms of activities they need transit to and from. For example, a user would calculate that they needed to go to and from work 5x and to the gym 3x rather than saying I they take 13 trips. Another key finding was that that people that do buy a pass are more likely to take transit rather than walking a short distance, or make multiple stops on their way to an activity, while people that don’t opt to buy a pass, are more frugal with their trips and are more likely to walk to save themselves an additional fare.
The UI of the app took these findings to heart. In my research I looked into not only transit apps, but also fitness trackers and budgeting apps which helped inform the sliders and how to break up the general flow by not asking too much info at once. From the beginning I knew the app had to be friendly, and easy to use. Because of the nature of the app, it needed to be engaging and provide information simply enough for people to accurately gauge their usage. Choosing activities proved to be the most intuitive way for a user to start planning their monthly trips. Gauging how many times a user planed on going to an activity (separate from selecting their activities) displayed the information in the most digestible way and was most effective in getting users to think about estimating their usage as accurately as possible. The remaining screens reflected the questions asked during my research and are meant to catch parts of a user’ behavior that they may or may not be aware of, like if they hop/on or off, and If they take unexpected trips. Once the user completes the 4 main steps, they get a magic-8 ball style answer of whether or not it makes sense for them to buy a pass plus information on how much money they would save (or not). Because the app is centered around the TTC in Toronto, (a system that supports not only monthly passes, but also tokens and cash fare) there is additional information on the cheapest way to pay a fare, based on the user’s estimated number of trips.
Visually, the app needed to feel friendly yet trustworthy. I chose Lora as the the primary font because it's a friendly serif that felt trustworthy and would give the app a little character. I also chose Open Sans as the secondary font to be used for body copy and descriptions because it provided a clear contrast to Lora and is easy to read. The colors were chosen to be playful, yet soothing, slightly muted and not overpowering. To add a little more personality and playfulness to the app, I created a set of flat activity icons using the full range of the color palette.
Design | Illustration
Designed custom apparel graphics for iconic Canadian lifestyle brand Cottage Life.
UI | UX | Visual Design
Love Nature is a highly visual responsive website that showcases facts, news and awe-inspiring imagery of animals, landscapes and the wonders of our natural world. Love Nature is also a television channel and app based out of the UK.
Design | Illustration | Packaging
Bulldog was designed for Bordo Bello, an annual skateboard auction held in Denver CO, benefiting art education.
Jacknife was designed as a self promotional piece that incorporated a carrying case made of cardboard and a booklet.
UX | Visual Design
Website for La Fondazione, an organization based in New York promoting Italian Culture thoughout the city. The organization is headed by famed graphic designer Massimo Vignelli.
Design | Hand Lettering
Holiday Card for Kirshenbaum Bond Senecal + Partners using hand-drawn lettering that was then cut out and re-photographed.
UI | UX | Visual Design
AUX is a responsive newsfeed style music website utilizing an understated modern look that allows the content to be the focus of the site.