Senior Front End Developer

Planoly

Dec 2021 - Present

User Tag Manager

• Implemented a user tag management system for Instagram posts that gives users the ability to create groups of user tags and to apply the groups to posts instead of doing so individually.

Tools used: Javascript, Node.js, Backbone.js, Marionette.js, Symfony, CSS3, HTML5, PHP, MySQL, Figma

Twitter & Facebook Customization

• Re-Architected the front end, allowing users to customize and share their Twitter & Facebook posts when auto-posting.

Tools used: Javascript, Node.js, Backbone.js, Marionette.js, Symfony, CSS3, HTML5, PHP, MySQL, Figma

Front End Developer

Planoly

Aug 2017 - Dec 2021

Sellit Coupon

• Allowing social media managers to offer discounts to their customers on the Sellit ecommerce site.

Tools used: Javascript, Node.js, Backbone.js, Marionette.js, Symfony, CSS3, HTML5, PHP, MySQL, GraphQL, DynamoDB, Figma

Calendar Notes

• Custom messages that social media managers can add to their Planoly Calendar. Allow team members to collaborate more effectively by creating reminders or sharing ideas with each other.

Tools used: Javascript, Node.js, Backbone.js, Marionette.js, Symfony, CSS3, HTML5, PHP, MySQL, GraphQL, DynamoDB, Figma

Planoly Uploader

• A chrome Extension that provides an easy way to upload images in bulk to Pinterest or the ability to quickly Pin Content users discover while browsing online.

Tools used: Javascript, CSS3, HTML5, Node.js, MySQL, DynamoDB, GraphQL, Stencil.js

Software Developer Intern

Mozilla Corporation

Apr 2016 - Sept 2016

Taskcluster Tool

• A build system that powers Mozilla's automated builds and tests. It consists of many small services like Taskcluster Tool.
• Redesigned a UI feature for the Taskcluster tool, allowing developers to easily access, sort and filter through their most recent tasks. Used localStorage as primary data store for tasks.

Tools used: Javascript, Node.js, React.js, Redux

Taskcluster Documentation

• A documentation resource for all Taskcluster sub-systems.
• Implemented an automated doc generation system, where each Taskcluster component updates triggers a new version of the static site to be generated. It allows all developers on Taskcluster to have an automatic way to publish documentation when deploying new features.

Tools used: Javascript, Node.js, React.js, Redux

Web Developer & Lead UX Designer

Privacy Shell Inc.

Apr 2015 - Mar 2016

Privacy Shell

• A platform that raises awareness about online privacy to users.
• Collaborated with the CEO to architect the website. Implemented Privacy Shell using Wordpress. Worked closely with other developers to maintain the website.
• Tracked analysis with Google Analytics to measure the impact of design changes on users and implemented SEO techniques. Responsible in monitoring and reporting on website traffic and performance to the internal team.
• Designed the visual elements including logo, marketing materials and all branding. Created design specification to ensure brand consistency throughout the website.

Tools used: Javascript, CSS3, HTML5, Invision, Adobe Suite, Google Analytics, Wordpress

Privacy Snapper

• A browser extension that collects privacy policies of the site that users visit.
• Redesigned and improved the user dashboard with responsive front-end design and a powerful UI to sort and filter data. Built the user interface for the user registration, profile and subscription page in Laravel.
• Conducted user surveys, user research and organized multiple usability tests. Tracked analysis with Google Analytics to measure the impact of design changes on users and implemented SEO techniques. Responsible for monitoring and reporting on website traffic and performance to the internal team.
• Designed the visual elements including graphic elements, logo, marketing materials and all branding. Created design specification to ensure brand consistency throughout the site and the product.

Tools used: Javascript, Laravel.js, PHP, CSS3, HTML5, Invision, Adobe Suite, Google Analytics, Wordpress, Optimizely

Topsecret

• A peer to peer Multilayered Encryption Video Chat for Mobile and Desktop.
• Implemented the landing pages for Topsecret in Wordpress, tracked analysis with Google Analytics and conducted A/B testing in Optimizely.
• Designed the user flows and layouts for the chat system. Created the visual elements including graphic elements, marketing materials and all branding.

Tools used: Javascript, Wordpress, CSS3, HTML5, PHP, Invision, Adobe Suite, Google Analytics, Optimizely

Contract Web Developer & UX Designer

Medley Cuisine

Sept 2016 - Present

Medley Cuisine

• Developed the company's informational website in Jekyll using CSS3, HTML5 and JS
• Designed the overall visual design for Medley Cuisine and its multiple brands (Delibake & Mbake), including shop interiors and packaging that are placed in 15 grocery stores.

Tools used: Javascript, Jekyll, CSS3, HTML5, Adobe Suite

Delibake

• Created the brand and visual elements including logo, menu, marketing materials, signage, shop interiors and packaging for 3 branded retail location.

Tools used: Wordpress, Adobe Suite

Mbake

• Created the brand and visual elements including logo, menu, marketing materials, signage, shop interiors and packaging for a retail bakery chain.

Tools used: Wordpress, Adobe Suite

FoodMarket

• Created the brand and visual elements including logo, menu, marketing materials, signage, shop interiors and packaging for a food court style restaurant.

Tools used: Adobe Suite

Contract Web Developer & Designer

Aanari Hotel & Spa

Sept 2009 - Present

Aanari Hotel & Spa

• Built in 2009, Aanari Hotel & Spa is a sweet boutique-like hotel. Created the brand and visual elements including logo, menu, marketing materials, signage, shop interiors and packaging.

Tools used: Javascript, Jekyll, CSS3, HTML5, Adobe Suite

Product & Packaging Designer

Eyecandy Accessories Inc.

Apr 2015 - Mar 2016

Elastic ball

• The lollipop concept was inspired from the name Eyecandy. I packaged the elastic ball as a lollipop candy. It was popular with customers because of the "cuteness" of the items.

Tools used: Adobe Suite

Elastic To Go

• Elastic To Go was inspired by gum packaging, a new product line that I designed at Eyecandy. It made carrying elastics around more practical.

Tools used: Adobe Suite

Gift Set

• The gift sets were a new product line that I incepted and designed. I designed the whole line as a new addition to our product line.

Tools used: Adobe Suite

Dress Up

• Designed a dress-up line for kids.

Tools used: Adobe Suite

Hair accessories

• Designed licensed products and packaging from known brands such as Mattel, Nickelodeon.

Tools used: Adobe Suite

Product & Packaging Designer

Gertex Hosiery

Apr 2015 - Mar 2016

Hosiery

• Designed licensed products from known brands such as Hasbro Mattel, Nickelodeon.

Tools used: Adobe Suite

Web Development

Bitmaker Labs

Oct 2014 – Dec 2014

Completed Bitmaker Lab’s 9-week intensive web development program. The goal is to launch full-stack development careers using Ruby and Rails

UX Design

Bitmaker Labs

Jan 2015 – May 2015

Completed Bitmaker Lab’s User Experience Design program on UX design principles to web and mobile designs

Bachelor of Design

Ontario College of Art & Design

Sept 2003 – July 2007

Completed a Bachelor in Graphic Design.