Portfolio: Web Development

★ Overview

April 2012–Current

Volunteer Web Developer/Designer (Volunteer/Freelance Role)
ChiDAES Canada | Toronto, Ontario, Canada

Volunteered time and skills to do a full website redesign for the ChiDAES Canada, a not-for-profit organization that raises money for children in need living in Eastern Sri Lanka. The website went live in May 2012. Website maintenance is done on an ongoing basis upon the request of the client.

The web development aspect of this role:

• In the planning stages, wire frames were created to set up the site architecture in order to place content in areas of the site that would be easy for users to find and to give the "well-wishers" as much exposure as possible.
• Copy-edited existing website content. New copy was written based upon media that was provided by the client.
• Created, sliced, and optimized the layout design.
  Software: Adobe Photoshop CS3, Mac OS X
• The website was developed using a variety of innovative web technologies. Quality assurance testing was done to check for cross browser compatibility. Although the site has been optimized to give a great user experience in all modern browsers, CSS3 was used to give users using the most up-to-date browsers an enhanced experience.
  Web Technologies: PHP, HTML/XHTML, CSS/CSS3, Javascript/jQuery
  Software: MAMP, Adobe Dreamweaver CS3, Mac OS X

★ View the original staging website created for ChiDAES Canada
★ View the live site that has been turned over to ChiDAES Canada
★ Learn about the creative design aspect of this volunteer/freelance project

July 2012–March 2013

Web Developer (Full-Time Role)
Trimark Sportswear Group | Richmond Hill, Ontario, Canada

Worked as the sole, in-house, web developer and email marketer at Trimark Sportswear Group, a corporate leader in the development and manufacturing of logo/decorated apparel. Trimark Sportswear Group's parent company is Polyconcept North America, the same company that also owns Leed's, a leader in logo/decorated promotional items. As a member of the Marketing Team, responsibilities included designing and developing web content, building and deploying email campaigns to internal and external audiences, and coordinating projects with the ERP provider for software updates that affect the website's content management system. Also assisted with creative design edits and overflow design work. Most projects were for Trimark Sportswear Group with the exception of the development of an email template for Trimark Powered By Leed's brand in the United States.

The web development aspect of this role:

• Created and updated web content using HTML/XHTML, CSS/CSS3, and Javascript/jQuery.
• Uploaded HTML/XHTML content onto Trimark's website using the ERP system.
• Updated database fields/records in the ERP system both manually and with database file loads.
• Ran cross browser compatibility testing on new web content before going live.
• Composed detailed software change request documents with mockups for use by the ERP provider to add/update functionality to ERP software that controls the website.
• Communicated with the ERP provider on a regular basis regarding the status of ongoing projects and run quality assurance testing on completed projects.
• Ran quality assurance testing along with cross browser compatibility testing for projects completed by the ERP provider. If testing was successful, gave approval for work to go live.
• Created detailed step‑by‑step instructional guides and emails (with both copy and visuals) for co‑workers on how to make changes to the website using the ERP system.

• Web Technologies: HTML/XHTML, CSS/CSS3, Javascript/jQuery
  Software: Adobe Dreamweaver CS5.5, Windows 7, Mac OS X

★ Learn about the creative design aspect of this full-time role
★ Learn about the email marketing aspect of this full-time role

October 2012–November 2012

Front End Developer/Email Marketing Specialist (Freelance Role)
Trump International Hotel & Tower Toronto | Toronto, Ontario, Canada

Trump International Hotel & Tower Toronto is a luxury hotel/condominium building located in Toronto's financial district. Helped out with overflow font end development, graphic design, and email marketing projects. Projects included a micro site for the Chocolate Lab at Stock Restaurant Bar & Lounge, a landing page for a holiday gift card campaign for Stock Restaurant and Quartz Crystal Spa, and an email campaign for Trump International Hotel & Tower Toronto.

• Sliced and optimized design files provided by the client.
  Software: Adobe Photoshop CS3, Mac OS X
• Built web pages with XHTML/HTML and CSS. The layouts were based on designs provided in Adobe Photoshop .psd files.
  Software: Adobe Dreamweaver CS3, Mac OS X
• Ran quality assurance testing for cross browser compatibility.

September 2010–November 2010

Web Developer/Graphic Designer (Freelance Role)
Grand & Toy (an OfficeMax company) | Toronto, Ontario, Canada

Grand & Toy is a large Canadian business-to-business office solutions company that has been around for over 130 years. OfficeMax, a global leader in office supplies, now owns the company. Took part in front end development and design for the new Grand & Toy corporate website (launched in late 2010) as well as graphic design work for the "G&T Big Deals" (English) / "G&T Giga Promos" (French) online campaign.

The web development aspect of this role:

• Built web pages using HTML/XHTML and CSS in Adobe Dreamweaver. The web pages were based on .psd layouts. Prior to building the web pages, the design files were sliced and optimized in Adobe Photoshop.
  Web Technologies: HTML/XHTML, CSS
  Software: MAMP, Adobe Dreamweaver CS3, Adobe Photoshop, Mac OS X
• Used jQuery to build a tabbed section for pages featuring "Product Details".
  Web Technologies: jQuery, HTML/XHTML, CSS, Adobe Dreamweaver CS3, Mac OS X
• Installed and setup sIFR to dynamically display custom fonts for heading text using Flash.
  Web technologies: sIFR, HTML/XHTML, CSS
  Software: MAMP, Adobe Flash CS3, Adobe Dreamweaver CS3, Mac OS X
• Fully customized the default FCKEditor for the content management system that was setup by the development team. Set up a variety of CSS classes for text styles that would be used by the content population team when adding content to web pages via FCKEditor.
  Web technologies: FCKEditor, HTML/XHTML, CSS
  Software used: MAMP, Adobe Dreamweaver CS3, Mac OS X
• Re-skinned pages from the former website for the "Checkout" section with the look and feel of the new website using HTML/XHTML and CSS. Sliced and optimized design assets in Adobe Photoshop.
  Web technologies: HTML/XHTML, CSS
  Software: MAMP, Adobe Dreamweaver CS3, Mac OS X
• Ran quality assurance testing for cross browser compatibility.
• Assisted with content populating for the new website using FCKEditor on Grand & Toy’s own content management system.
  Web technologies: HTML/XHTML, CSS, FCKEditor on Grand & Toy's own content management system.

★ View website for Grand & Toy
★ Learn about the creative design aspect of this short-term freelance role

May 2009–July 2010

PHP Developer/Designer (Full-Time Contract Role)
Therefore Interactive Inc. | Newmarket, Ontario, Canada

Worked as a PHP Developer/Designer for Therefore Interactive Inc., a boutique agency in Newmarket, Ontario. Responsibilities included managing projects with clients, front and back end development, building and distributing email campaigns, and training clients on how to update web content and send email campaigns on their own. Took part in the management and development of multiple projects for agencies and partner companies as well as projects with these clients: Canada Lands Company (arms length federal Crown corporation of the Government of Canada), Saint Elizabeth Healthcare (Markham), and FonAngle (New York). Also worked on projects for clients in the food and beverage, adult beverage, legal, energy solutions, healthcare, not-for-profit, and life coaching industries.

The web development aspect of this role:

• Assigned projects to the development team using the web application, Redmine. Ran quality assurance testing on the work done by the team. If testing was successful, uploaded the work to live sites.
• Communicated directly with clients over the phone, via email, and with the web application Basecamp to complete projects to their specifications.
• Developed a website from scratch for a client in the healthcare industry. The website featured a dynamic news section that automatically displayed content from an external RSS feed.
  Web technologies: PHP, HTML/XHTML, CSS, Javacript/jQuery, Simple Pie
  Software: MAMP, Adobe Dreamweaver CS3, Mac OS X
• Took part in the development of six contest websites for a client in the adult beverage industry.
  Web technologies: PHP, PHP Mailer, MySQL, HTML/XHTML, CSS, Javascript
  Software: MAMP, Adobe Dreamweaver CS3, SyncroSVNClient (subversion), Mac OS X
• Collaborated with other developers as well as a marketing agency on the development of two national (English and French) contest websites related to the food and beverage industry. Sliced and optimized design files that were provided by the marketing agency. Built out the HTML/XHTML (with PHP files) based on mockups supplied by the agency.
  Web technologies: PHP, PHP Mailer, MySQL, HTML/XHTML, CSS
  Software: MAMP, Adobe Dreamweaver CS3, Mac OS X
• Took part in the Drupal development, custom theming, content type development, and content population of serveral client websites. Some of the sites were for Canada Lands Company (and sites for its properties) and for Saint Elizabeth Healthcare (and one of its partners). Other clients were in the food and beverage, legal, engery solutions, healthcare, and life coaching industries. Created and populated web pages for many sites by following site architectures and flow charts provided. Was responsible for setting up Google Analytics on most sites. Was also repsonsible for maintenance (keeping Drupal modules up-to-date) on many of these websites.
  Web technologies: Drupal 5-6, PHP, MySQL, HTML/XHTML, CSS
  Software: MAMP, Adobe Dreamweaver CS3, SyncroSVNClient (subversion), Mac OS X
• Collaborated with another developer on the development and content population of FonAngle's website.
  Web technologies: PHP, HTML/XHTML, CSS
  Software: MAMP, Adobe Dreamweaver CS3, SyncroSVNClient (subversion), Mac OS X
• Took part in the design and front end development of a survey website for a North American restaurant chain.
  Web technologies: PHP, MySQL, HTML/XHTML, CSS
  Software: MAMP, Adobe Photoshop CS3, Adobe Dreamweaver CS3, SyncroSVNClient (subversion), Mac OS X
• Installed Simple Machines Forum as a message board for a client related to the environment.
  Web technologies: Simple Machines Forum
• Took part in some content population of a Wordpress website for a client in dentistry.
  Web technologies: HTML/XHTML, CSS, Javascript
• Took part in some content population of a Joomla website.
  Web technologies: HTML/XHTML, CSS, Javascript
• Used subversion software to share files with other developers.
  Software: SyncroSVNClient (subversion), Mac OS X

★ Learn about the creative design aspect of this freelance role
★ Learn about the email marketing aspect of this freelance role

February 2008

Web Developer/Designer (Collaborative School Project)
Fanshawe College | London, Ontario, Canada
EK3 | London, Ontario, Canada

Took part in a collaborative project with Fanshawe College and EK3 for 4OUR Mobile Communications. The goal for this project was to create an advertising campaign for a telecommunications company. Was responsible for the development and some design of the website. Finished in the top five out of eighteen groups. EK3 is an agency based in London, Ontario, Canada that specializes in in-store digital merchanding and has high-profile clients all around the world.

The web development aspect of this project:

• Used Flash to design the animation in the header area. Other team members provided the mobile device and banner imagery. Also created animated Flash banner ads for the campaign.
  Web technologies: PHP, HTML/XHTML, CSS, Javascript, AJAX, Flash, Actionscript 2
  Software: WAMP, Adobe Dreamweaver CS2, Adobe Photoshop CS2, Adobe Flash CS2, Windows XP

★ View website for 4OUR Mobile Communications
★ Learn about the creative design aspect of this project

June 2007–July 2008

Web Designer/Developer (Freelance Role)
Blue Lemon Media Inc. | Richmond Hill, Ontario, Canada

While in college, freelanced for over a year both remotely and in-office at Blue Lemon Media, a boutique agency in Richmond Hill, Ontario. Helped out with overflow graphic design, front end development, and content population. Took part in projects for healthcare-related clients including Queensway Carleton Hospital and Foundation (Ottawa, Ontario), Queen Elizabeth II Hospital and Foundation (Grand Prairie, Alberta), St. Joseph's Healthcare Toronto (Toronto, Ontario), and Bridgepoint Health (Toronto, Ontario).

The web development aspect of this role:

• Designed, sliced, optimized, and created HTML files for ecards.
  Web technologies: HTML/XHTML, CSS
  Software: Adobe Photoshop CS2, Adobe Dreamweaver CS2, Windows XP
• Took part in content population for serveral websites related to healthcare in Canada and the United States.
  Web technologies: HTML/XHTML, CSS, FCKEditor on the employer's content management system
• Took part in content population for multiple client websites.
  Web technologies: HTML/XHTML, CSS, FCKEditor on the employer's content management system

★ Learn about the creative design aspect of this freelance role

December 2007

Web Developer/Designer (Collaborative School Project)
Fanshawe College | London, Ontario, Canada
Toronto Zoo | Toronto, Ontario, Canada

Took part in a collaborative project with Fanshawe College the Toronto Zoo. The website was created as part of a promotional package for a competition to create an web application for the zoo. The team placed in the top two in the competition. The Toronto Zoo is considered on of the largest zoos in the world.

The web development aspect of this role:

Responsible for some design and for building the website of this project.
Web technologies: PHP, HTML/XHTML, CSS
Software: WAMP, Adobe Dreamweaver CS2, Adobe Photoshop CS2, Adobe Flash CS2, Windows XP

★ View website for "Komodo Kid" for the Toronto Zoo
★ Learn about the creative design aspect of this project

April 2007

Web Developer/Designer (Freelance Role)
Riverside | London, Ontario, Canada

Riverside is a band based out of London, Ontario, Canada. Was given the opportunity to design and develop a website for the band.

The web development aspect of this role:

• Planned out the project from the beginning stages with the client and created a site architecture and wireframes prior to building the site.
• Coded the website from the ground up.
  Web technologies: HTML/XHTML, CSS, Flash, Actionscript 2
  Software: WAMP, Adobe Dreamweaver CS2, Adobe Photoshop CS2, Adobe Flash CS2, Windows XP

★ View website for Riverside
★ Learn about the creative design aspect of this project

October 2006–April 2007

Web Developer/Designer, Graphic Designer (Freelance Role)
The Diverse Attraction | Markham, Ontario, Canada

The Diverse Attraction was a band based out of Markham, Ontario, Canada. Was given the opportunity to create a look and feel for the band that was used in the album artwork design in the website design. The album artwork and the design and development of the website were both created from the ground up.

The web development aspect of this role:

• Planned out the project from the beginning stages with the client and created a site architecture and wireframes prior to building the site.
• Coded the website from the ground up.
  Web technologies: HTML/XHTML, CSS, Flash, Actionscript 2
  Software: WAMP, Adobe Dreamweaver CS2, Adobe Photoshop CS2, Adobe Flash CS2, Windows XP

★ View website for The Diverse Attraction
★ Learn about the creative design aspect of this project

★ Some Sample Web Work

Scroll over the thumbnails to view details. Click on them to view the websites. Projects that contain more than one example link include text links.