Blog and Hub Sites

Blog and Hub Sites

Year: 2014. In collaboration with Publicis Toronto team, Andrea worked on Westjest’s new blog and a new hub site called “Above and Beyond” where you can find a collection of real-life stories that deserve to be told. Both sites were built with WordPress and a series of plugins like Ajax load more plugin.

» See Screenshots: 1 2 3 4 5 6
» Visit Westjet’s Blog
» Visit Westjet’s “Above and Beyond”
Responsive CMS-Enabled WordPress site

Responsive CMS-Enabled WordPress site

Year: 2014. Publicis Toronto. Rogers was hosting a Small Business Event Series and were looking to create a hub where people can learn about the event and prompt them to register. Andrea developed the site using WordPress to provide information about the events while driving users to the registration page.

» See Screenshots: 1 2 3 4 5 6 7 8 9
» Visit Rogers Talk site
Responsive email template

Responsive email template

Year: 2014. For Publicis Montreal, Andrea built a responsive email template for Napa Pi├Ęces d’Auto client.

» See Screenshots: 1 2
Mobile and Desktop Landing Pages

Mobile and Desktop Landing Pages

Year: 2014. Couple projects with Publicis Montreal were done for Vichy Laboratories. One: a mobile version page for Idealia Life Serum. Second: ProEVEN Night. For ProEVEN Night, Andrea developed a new landing page in French and English, for desktop and mobile, and Tablet compatible. Andrea built the Html/CSS and used jQuery for the slideshows.

» See Screenshots: 1 2 3 4 5 6 7
HTML Templates

3 HTML Templates

Year: 2013. For Publicis Montreal, 3 mockups were sent to Andrea. The client needed to create 3 static HTML files and 1 CSS file. Another company developed the back-end functionality, but Andrea was in charge to integrate the front-end.

» See Screenshots: 1 2 3
BMO: HTML Emails

BMO: HTML Emails

Year: 2013. Andrea helped Publicis Toronto to integrate a series of different HMTL email templates with inline CSS for BMO and in different languages.

» See Screenshots: 1 2 3
Wordpress Microsite

WordPress Microsite

Year: 2013. Microsite development for Responsible Gambling Council using WordPress for CMS-driven content with a new theme. Tasks: Edit centers information in case of changes; Add/remove community events; contact form, among others. A Store Locator Plugin was used for available locations. Project with Publicis Toronto.

» See Screenshots: 1 2 3 4
Promotional HTML/CSS static page

Promotional HTML/CSS static page

Year: 2013. With Publicis Montreal we worked on this promotional Static page for Garnier to promote its Dark Spot Mask treatment. Different slideshows and rollover effects to show the information in guidelines with the client.

» See Screenshots: 1 2
The Maytag Way

Static microsite with Ajax component

Year: 2013. Static microsite for Maytag. 6 HTML/CSS pages. Worked with the Toronto Publicis team for integrating the newsletter email component with the backend using Ajax.

Wordpress Theme Setups

WordPress Theme Setups

Years: 2013-2014. WordPress installations projects where the clients bought or had a theme already. Andrea was responsible to do the given creative changes.

» See Screenshots: 1 2 3 4 5

» Visit Life’s Good Blog from LG
» Simon Bertrand
» The Kitchenthusiast – Kitchen Aid
» Fly Colt Fly
» The Way it Should Be – Whirlpool
Drupal CSS/HTML support

Drupal CSS/HTML support

Year: 2014. Through Montreal – Publicis and another third party, a new site was built for Pharmago. The third party was responsible for the installation and Drupal setup. Andrea was responsible for doing the necessary changes for the CSS stylesheet and some minor HTML tweaks.

» See Screenshots: 1 2 3 4

» Visit Site
Emails and Newsletters

Responsive Newsletter

Year: 2014. HTML Template Development. Fully responsive newsletter for Vichy Laboratories and done for Montreal Publicis.

» See Screenshots: 1 2
Emails and Newsletters

Emails and Newsletters

Years: 2013-2014. HTML Development and Support for a series of Emails and Newsletters for clients like Vichy Laboratories, Labatt Blue, Ubisoft, and Lean Cuisine.

» See Screenshots: 1 2 3 4
casaGuru - Contest

HTML, CSS, jQuery, PHP and MySQL services for Contests.

Year: 2012-2013. casaGuru. Design was provided by a third party. I created a simple MySQL database to store entry data, with a simple admin page so the data can be exported to .csv, plus the HTML programming of the screens. The client is able to reuse this contest for other giveaways.

» See Screenshots: 1 2 3 4 5 6
HTML Email Front-End Development

Canada Post email development

Year: 2013. Client: Publicis Modem. Simple HTML based on previous template given by the client.
HTML Email Front-End Development

FAAST – HTML Email Front-End Development

Year: 2013. My services include providing great HTML Email Front-End Development to promote your services. This email was designed by Creative Director & Photographer Juan Madrigal.

» View Screenshot
LG Optimus G

LG – Valentine’s Day Promotion

Year: 2013. One simple HTML page consisting of an entry form with jQuery validation.

» View Screenshots: 1 2
SteveMaxwell.ca

SteveMaxwell.ca – HTML Email Design and Front-End Development

Year: 2013. As part of the new redesign for the website, the newsletter also needed a redesign based on the new look and feel. I was also in charge of building the HTML Template. Vast experience creating templates for email projects. Code tested in the majority of email browsers.

» View Larger
Web Development - Whirlpool Outlet

Whirlpool Outlet – Templates using HTML, CSS and jQuery

February 2013. Create a series of 6 HTML/CSS/jQuery templates for Publicis Canada and to be implemented by a third party. Some of the templates required jQuery functionality such as additional fields added when clicking a specific button, with a divider between field groups and up to a maximum of 10.

» Some Screenshots: 1 2
PayPal Contest Development

PayPal Contest Development

Year: 2013. Client: Publicis Modem. Contest build using HTML, CSS, jQuery, PHP and MySql.
Web Design and  Development - Syn Studio

Syn Studio – WordPress Theme for Art Studio

In 2012 and 2013, I’ve helped finishing up the design and in charge of the development for the whole website. Important functions of multilanguage, custom fields for easy editing and installing different widgets for calendar of activities, twitter, and blog.

»View Large
»Visit Website
Web Development - Buddy Media Platform

Rogers – Buddy Media

Years: 2011 – 2013. Create content for the client’s Facebook page using a proprietary FB platform/CMS called Buddy Media. The platform also gives the possibility to create pages for mobile devices. For 3 years I’ve learned how to work with Buddy Media and gained vast experience using their tools.

» Some Screenshots: 1 2 3
Lean Cuisine Email

Lean Cuisine Email

Lean Cuisine Email done for Publicis Canada. I was contacted to do 1 HTML email in October of 2012. The creative and previous HTML template were given by the client.

» View Full Screenshot of HTML Email
Labatt Blue Emails

Labatt Blue HTML eblasts

Labatt Blue HTML eblasts done for Publicis Canada. I was contacted to do a series of 3 HTML emails in August of 2012. Straight forward project based on PSDs and previous HTML templates given by the client.

» View Full Screenshot of eBlast
Web Development - Greater Kingston Homes

Greater Kingston Homes

In 2012 and 2013, this website was implemented using AgentPress and Genesis WordPress themes. My tasks were set up, updating, and changing the CSS and PHP to achieve the desired look the client Annalise Blok Schamunh and the designer Shaun Withers wanted.

»View Large
»Visit Website
Web Design - Geminare

MyVault Portal Site(s)

Contacted in 2012 by Geminare located in Toronto to work in a web portal.

I created wireframes, designed a series of templates for the application, and developed them into HTML/CSS and integrated them into .NET.
Paypal - Where to use

Paypal – Where to Use (Microsite)

Contacted by Publicis Canada in 2011 to build all the pages involved in this microsite.

Web Design - casaGURU

casaGURU.com

In 2011, this redesign was part of a reorganization of the site into a collection of separate mini-sites (Communities) that are under casaGURU.com and it needed a unified look across all communities. The main goal was to have the navigation and tools that can search across all these Communities. Besides the design, I also did the Front-End development of the necessary templates.

Web Design - eRenovate

eRenovate.com

Theme Design and template Front-End Development. casaGURU host this website and wanted a fresh look for it in 2011. The main challenge was in creating the main house image with hot spots and pop-up tool tips to show a few pieces of information for each room of the house. The other parts were box design and definition of fonts.

»View Large

Canadian Breast Cancer Foundation

On October of 2010, Purina launched this microsite with the purpose to learn more about breast cancer and read stories of hope, love and support. As part of Publicis office located in Toronto, I did the HTML/CSS development for this exciting project.
From the main Purina Cat Chow Website, click on “Help Us Contribute” visit site link to load to page.

Face3media Project

As part of Face3Media web studio located in Montreal, I did the HTML/CSS/PHP development for eCOM PHOTO MILL project. The biggest challenge was to modify the flash piece for the galleries that the client already had to fit the new design.

» Visit Website
Government of Alberta

Government of Alberta: Raising Children

I was part of the Non-Linear Creations team to create 4 more pages for the client’s website. I did the HTML/CSS involved in the project based on the layout and styles they had already set up. The biggest challenge was to keep the area proportions when the text resizes.

» Visit Page 1 » Visit Page 2
» Visit Page 3 » Visit Page 4
Kenk

Kenk: A Graphic Portrait

KENK is produced and conceived by Alex Jansen, based on documentary footage shot by Jansen and filmmaker/designer Jason Gilmore. It is written by acclaimed journalist and avid cyclist Richard Poplak. This was a website to promote the graphic novel published by Alex and his team in 2010. The website was design by Jason Gilmore and I turned into a WordPress Theme for the project.

National Wildlife Federation

National Wildlife Federation

As part of the team of Non-Linear Creations, I was in charge of developing the front-end HTML/CSS templates for this project. The biggest challenge was to create different cascading style sheets for the different sections of the website. Some of the sections had different secondary navigation that needed to be changed just by selecting the correct style sheet.

Web Development - Rogers Incubator

Rogers Incubator

I was part of the developing Publicis Canada team for a Facebook fan page for Rogers in 2009. The main goal is to publish weekly new articles and Podcasts from their Panel of Small Business Experts.
1 2 3

» Visit Website
Rogers Digital TV

Rogers Digital TV

I did the front-end development for Publicis Canada in 2009.

» Visit Website
Paypal Emails

Paypal Emails

Paypal Email Marketing done by Publicis Canada. I did the HTML code for a few emails between October – December of 2009. April 2011 – October 2011. And June 2012.

» View Larger
RJ Spagnols

RJ Spagnols

RJ Spagnols, a division of Vincor Canada, which is owned by Constellation Brands- the number one producer and marketer of wine in the world. RJ Spagnols is a client of SonicBoom Creative Media. I was the Front-End Developer leader in charge in 2008. My favorite part to develop was the forum section where the avatars have a mask to be used for two different backgrounds.

Spotted Zebra Gift Services

Spotted Zebra Gift Services

Online project for a gift services store located in Toronto, Canada. I designed the website, did the front-end development with HTML/CSS and implemented the templates in a WordPress theme. At the same time, I installed the CMS and I am in charge of doing the maintainance. The website went live in September 2009

HSF - Heart Month

HSF – Heart Month

Online project developed by Publicis Canada in 2009 for Heart and Stroke Foundation. I created the templates in HTML/CSS.

LG Home Electronics Training

LG Home Electronics Training

Training website developed by Publicis Canada in 2009. I was in charge of developing all the front-end pages with HTML/CSS.

» Visit Website
Web Development - Beer Fridge

Beer Fridge

Part of the developing Publicis Canada team for a Facebook Application for Labatt Breweries in 2009. The main goal is that users can send virtual beers to each other. One of the biggest challenge was to implement a type of carousel transition to showcase 5 beers. Each beer will pop up a small message sent with more call to action buttons.
1 2 3 4

Web Development- SIRIUS Newsletter

SIRIUS Newsletter

Part of the job of being a Front-End Developer is produce emails for Email Marketing Campaigns. This is one screenshot of one of so many I developed for SIRIUS Satellite Radio while working on a small contract for SonicBoom Creative Media in 2009.

» View Larger
SIRIUS Satellite Radio Canada

SIRIUS Satellite Radio Canada

Main company: SonicBoom Creative Media. I worked on the website and The Lounge website as well. The front-end development was made by a group of colleagues. One of the sections I liked developing was a table that contains the models of the selected brand car and their activation instructions. The content showed was based in the year that it was selected.
Roma Mouldings

Roma Mouldings

Website project in 2008, still while I was working as full time Interactive Developer for SonicBoom Creative Media. One of the challenges for this project was to create an accordion navigation on the left side of the content.

Jesus Mastropiero

Jamieson Laboratories

I was part of this website project while I was working for SonicBoom Creative Media in 2008. Challenges I faced was to apply a function for resizing text
and apply a floating “Go To Top” link for pages that were long in content.

Jesus Mastropiero

Jesus Mastropiero – Video Blog

Blog I designed and developed for client who is a world traveller while he was travelling through United Kingdom, France, Portugal and Spain in May 2008 until January 2009. The website was designed using Photoshop for web design, Dreamweaver for HTML/CSS development and implemented using WordPress.

» Visit Website
Bayview Village Shops

Bayview Village Shops

Website for a mall. Project developed by SonicBoom Creative Media. I was involved as HTML/CSS Developer while working as a full time. The project was done in 2008. The biggest challenge that I had for this project was implement the expandable footer where more options for the website can be seen or hide as pleased by the visitor.

Honda

HCM Info Associate Extranet & CMS

Extranet Website of Honda of Canada MFG. First project I had as an Interactive Developer when I started working full time for SonicBoom Creative Media in November of 2006. This project was meant to use for the employees of Honda Canada only and it is not accessible for the general public.

» View Larger
Feel free to contact me