Ryan Furtado

Front-end Web Developer/Designer

About

Welcome to the portfolio site of Ryan Furtado! A front-end developer and designer of two years with work experience ranging from web developer of online e-learning courses for Humber College to creating interactive web ads for clients such as Best Buy at MediaNet. Along with web development he also has experience in User Interface and User Experience designing mockups for wbesites, ads and mobile apps.

Portfolio

• 

  Medical Image Consultants - Landing Page

  MediaNet

  
  

  A landing page I made for our client Medical Image Consultants for an ad campaign we were working on at the time. It was built for mobile-only using Bootstrap for the entire site and the Google Maps API to build the map at the bottom of the page for users to look up MIC lab locations.

  
  Click to view the live version

• ---

• 

  Broaden Art - Banner Ad

  MediaNet

  
  

  A set of banner ads made for Broaden Art; a client located overseas in China who came to MediaNet looking to revamp their website and have an ad campaign to draw users to their updated site. I was in charge of making mockups for the ads that were similar to their older ads but updated just like their new site. We pitched the ads to our client and when we got the green light to go we built a sliding banner ad.

  
  Click to view the live version

• ---

• 

  Ontario Federation of Snowmobile Clubs - Banner Ad

  MediaNet

  
  

  A series of ads built for the Ontario Federation of Snowmobile Clubs (OFSC) to highlight their new multi-trail passes and a few of their already existing offers. With these sliding ads I needed to figure out how to animate images continuously without letting the user see any graphical oddities or lag from the number of images.

  
  

  The solution I came up with was once the current slide was done and pushed left it would have it's opacity set to zero. Then it is moved over the image that was currently on display to the right of it, have its opacity set back to one and be ready to slid out when needed. I also worked on touching up the images to make sure they optimized for the ad and cleaned up to fit the ad specs.

  
  Click to view the live version

• ---

• 

  Dx3 Canada 2016 - Slider Ad

  MediaNet

  
  

  A sliding banner ad I made for the Dx3 2016 convention ad campaign. A simple slider with custom made slide controls I made through Google Web Designer and vector graphics I made by tracing graphical assets to make sure the ad was clear no matter what resolution it was viewed at.

  
  Click to view the live version