shift+control

76design's blog

Archive for the 'Web 2.0' Category

‘Picture it Downtown’ Social Media Campaign Secures IABC Excel Award

Posted by keelan on June 4th, 2010 Comments Leave a Comment

DSC_0230In order to reinvigorate and revitalize downtown Ottawa businesses hit hard by the recession and the bus strike, Thornley Fallis and 76design  conceived, developed and executed the Picture it Downtown campaign for The City of Ottawa, where residents were encouraged to go downtown, snap a photo and share it online.

Point, shoot, share – a simple concept to get Ottawa excited about all it has to offer. The “Picture It Downtown” concept we developed served to visually promote downtown Ottawa as a whole, but also the eight specific areas being promoted:  Byward Market, Downtown Rideau, Sparks Street, Bank Street, The Glebe, Chinatown, Preston Street (Little Italy) and Wellington-West Village.

Residents could participate in the campaign contest to win daily ($50), weekly ($250) and grand ($500 to $1200) prizes by taking pictures of downtown activities and uploading them to the campaign website.

PicItDt

The campaign included a media launch event involving the Mayor, a website with a list of downtown activites, a description, videos and photos of each area, contest rules and regulations, a photo gallery for people to submit and view photos, and YouTube videos, featuring all that’s cool in several neighbourhoods, print, radio, online and transit advertising, weekly news releases and ongoing online outreach using other social media tools including Twitter and Flickr.

Thousands of people participated and competed for prizing provided by local businesses.

The campaign was to remind Ottawans of all the diverse experiences and excitement downtown Ottawa has to offer, and entice them to visit downtown — ultimately spending money while engaging in the various activities highlighted in the eight main areas being promoted.

For the City of Ottawa, running a marketing campaign with a heavy online and interactive component was not only a smart business and communications decision, but its creativity generated a lot of buzz within Ottawa and got people sharing ideas and photos of great things to do and see in the city.

The fall 2009 campaign resulted in over ten thousand unique visits to the campaign website, more than 1300 entries (photos uploaded to the website), significant earned media in targeted outlets, photo and video assets for future use by the City, and a general buzz across the City about the creativity of the campaign, particularly by government.

Picture it downtown would not have been possible without our lead technologist Brett Tackaberry, senior developer Steve Lounsbury, our superb designer Steve St. Pierre, the ad campaign led by Laura Mindorff, the videos by Ryan Knuth, writer and producer LeeEllen Carroll and our SEO expert Shaun Scanlon. Special thanks to our GM Keelan Green, who has a knack for assembling the best teams to deliver outstanding results.

Thank you IABC for the recognition. It’s nice to bask in the spotlight… and great to share successes. As I used to say in my former journalistic career, you’re only as good as your last story. So that means back to work. Right now.

IABC Recognizes 76design and Thornley Fallis for Electronic and Digital Communications

Posted by keelan on June 4th, 2010 Comments Leave a Comment

DSC_0246In an attempt to reduce the cost of its annual report, The Ottawa Hospital (TOH) engaged 76design and Thornley Fallis for our unique concept of a paperless report. Highlighting achievements and documenting successes,  World Class Care (TOH’s 2008-2009 Annual Report) contains a special feature allowing readers to create their own versions of the report including only the sections and stories appealing to them.

For some, those stories include the 6808 hospital births, the woman who was paying it forward by donating her kidney to a stranger because her own husband was receiving one from an anonymous donor in Ottawa – who had selflessly stepped forward to transplant hope, or the CF soldier, blown to bits in Afghanistan after coming into contact with a land mine. He died. Twice. The second time he was resuscitated during his evacuation flight. He arrived at TOH doped up on morphine. Months of therapy and compassionate care in the Rehabilitation Centre got him back on his feet- running in fact – he recently took part in The Olympic Torch Relay Race, with a new ‘bionic’ leg.

TOH

Allow me to cast the awards spotlight on other members of our talented team, who took those stories and turned them into an attention grabbing report: writer Bradley Moseley-Williams, who’s never met an adjective he can’t love, web developers and code masters- Brett Tackaberry and Steve Lounsbury, Mr. Shaun Search Engine Optimization Scanlon, ‘video is the new media’ Ryan Knuth, Resource and Account Manager Laura Mindorff, video killed the radio star LeeEllen Carroll, and top 40 under 50 SVP and GM Keelan Green.

A very special thanks to TOH’s CEO Jack Kitts and VP Nic Ruszkowski for renewing their investment in TF and 76 by inviting us back to partner on their next online annual report.

Here’s to more success stories for The Ottawa Hospital, Thornley Fallis and 76design, our peers at IABC and everyone in our communications community.

Ottawa’s Light Rail Website…Not just a web page

Posted by Leisha on May 14th, 2010 Comments Leave a Comment

It is with great pleasure that we announce the launch of the City of Ottawa’s Light Rail website!

Many Ottawans felt as though they were left in the dark when it came to the City’s big Light Rail Transit (LRT) plans. Well folks, there is no longer any need to feel mal-informed. Thornley Fallis and 76design in collaboration with the Light Rail Implementation Team have created an “information-sharing mechanism” that arms the citizens of Ottawa with more than sufficient information relating to the project plan.

The communications efforts applied by Thornley Fallis & 76design were strategic and smart; we have received positive results on the site and its search functions, information content, structure and ease-of-use.

The website in particular has proven to be the most crucial piece of the puzzle. The website we’ve created is meant to engage the entire City; to provide all the facts our users require to fully understand the project and to provide them with a platform to communicate their feelings towards the project.

With the integration of various social media tools (Twitter, Facebook, YouTube), interested citizens are able to keep up-to-date and connect with the Light Rail Implementation Team with any questions or concerns. Any questions submitted to the team will be answered in a timely fashion; responses will then be posted on the website. The LRT website helps make a difference by providing comfort to Ottawans by reminding them that Light Rail green and it will only improve the City.

Since yesterday’s launch, the LRT project is getting great media play, print and radio; it is noted that there are happy people all around.

Skunkworks – Twitter Project – Integration with Mozilla JetPack

Posted by shaun on December 11th, 2009 Comments Comments Off

Overview

This first round of 76design Skunkworks gave us (Jordan Boesch and Shaun Scanlon, both web developers) the opportunity to utilize the Twitter API to create a fun project.

We decided to try to integrate Twitter with Mozilla Jetpack.  According to the Jetpack website, Jetpack is “a newly formed experiment in using open Web technologies to enhance the browser, with the goal of allowing anyone who can build a Web site to participate in making the Web a better place to work, communicate and play.”

What this means is that Jetpack is an API which allows the average web developer to develop add-ons for the Mozilla Firefox browser using languages they already use on an every day basis.   This was an attractive feature of Jetpack as web developers.

Project Phases

Concept Development / Brainstorm
After some brainstorming we decided to develop an unobtrusive twitter feed add-on in the style of a sports highlight ticker.  This was to be a collapsible bar at the bottom of your Firefox browser which could display new tweets and past tweets.  The tweets were to scroll in a manner similar to a sports or news ticker.

Design Concept
Jordan applied his design skills to develop a concept in Photoshop.
jetpack screenshot

During this phase we came up with the idea of a news flash for new tweets.

Prototype
The work for this phase was shared between us.   It involved taking the Photoshop mockup and converting it to a regular HTML/Javascript/CSS file to be used in a regular browser.    We were able to get the basic logic done in creating the prototype.

Jetpack Integration / QA
We found this was the most difficult phase.   Jetpack has specific JavaScript hooks that are used to set the status bar icon for the add-on and to handle the initial loading of the JavaScript.

Within the scope/context of Jetpack a few of JavaScript’s default variables (such as “window”) were not accessible so we had to look for alternatives.   We also tried to extend the basic functionality of the prototype.   The extension of functionality required a lot of additional quality assurance time.

Challenges

  • Jetpack development must be tested in the browser
    • The Jetpack plugin allows for development of the browser which is great because we can use common web development debugging tools
    • All code must be entered within a tiny textarea box on a webpage
    • This is very cumbersome because it is next to impossible to read an entire plugin within the box
    • We had to essentially work in a separate text editor and copy and paste into the box on the website
    • This makes for a frustrating debugging process
  • Working on a single JavaScript file in a team environment
    • A Jetpack plugin must be self contained within one JavaScript file
    • The Jetpack library does allow access to the JQuery JavaScript library which allows for easy manipulation of HTML and CSS
    • Even with the ability to use JQuery, this set up does not lend itself well to team development
    • The fact that there is no separation of logic and visual layers into separate files makes it very difficult to contribute to the file without conflicting with teammates’ changes
    • As well, Images must be hosted on a separate server and linked to from the JavaScript
    • This makes for a cumbersome development process
  • Jetpack is really only JavaScript-like, it’s not pure JavaScript
    • Because of the scope of being within the Jetpack API we found out the hard way that not all of JavaScript’s built in variables (such as the “window” variable) are accessible
    • This required us to revamp code to work around these unexpected roadblocks

What is next?

We could:

  • Extend the current functionality to finish off the “news flashes” feature.
  • Add some more spark to the animation and effects.
  • Re-brand this type of concept to be used for client projects.    Some clients may be interested in having a Firefox plugin to market their brand.

Conclusion

Jetpack while an excellent concept probably needs some work to allow for easier development.   Editing a huge JavaScript file in a small textarea box on a webpage isn’t very realistic.

Other plug-ins, such as those created for Windows Sidebar or Google Desktop, are comprised of several files (similar to regular web development) and are then added to a Zip archive file.  This concept is a much more realistic development scenario.

We would not recommend Jetpack development for group projects, but could be useful for single developer projects.

Conair, Helping You Tame Your Beast

Posted by Leisha on November 13th, 2008 Comments 1 Comment

Conair Consumer Products Inc. (with our assistance) has recently released its newest product with a contest micro-site, driving its line of hair related products to a whole new level.

Conair, Helps You Tame The Beast

Conair, Helps You Tame The Beast

For all you lovely ladies out there who can’t seem to take control of that beast we all call “hair”, I introduce to you the Infiniti Nano Silver by Conair. Simply put, it is the #1 most effective hair straightener on the market. The person who thought of adding steam to a hair straightener is an absolute genius. Not only does it make your hair look vibrant and lustrous, removes all frizz and protects it from the humidity, it takes no time at all. Take my words and check out the website to see what other features and benefits this product has to offer, www.conairsteamstraight.com.

Aside from my obsession with this fabulous “life-saver”, you deserve a little S.O.S. too. The “Tame the Beast” website, was a concept conceived by Conair and 76design/Thornley Fallis. It is your gateway to owning one of these magnificent hair straighteners along with other Conair and John Frieda hair related products. The contest closes on December 17th so don’t wait too long, visit the site, watch some videos, enter the contest and most important…don’t forget to tell your friends. The secret needs to be unleashed so go spread the word.

ENJOY!

Third Tuesday Vancouver

Posted by Brett Tackaberry on November 22nd, 2007 Comments 2 Comments

I just thought I’d post a short note to talk about Third Tuesday last night in Vancouver. This is the third time I’ve attended Third Tuesday on the left coast and it was nice to see some familiar and new faces last night as I was one of three presenters delivering “mini” case studies on social media projects. I chose to talk about a site we did recently for the Ottawa Public Library: “BOPL’s Book Club“. As a social networking site geared at kids, I thought the rather unique challenges we faced while developing it would be interesting to the group. I’m no seasoned presenter but it seemed from the questions I got from the folks there that I I did an OK job. Unfortunately the combination of a very packed house, a long narrow room and my non-projecting voice meant that I had to present twice — once to each end of the room — and both times I got caught going over the 7 minute limit. Oops… if anybody has read my posts on the blog they won’t be surprised at all that I had a hard time keeping it brief.

Thanks go out to Tod Maffin once again for organizing (and asking me to present) and to CNW for sponsoring the evening. Looking forward to seeing everybody in December!