News
19 July 2012
Compass360 launches 'new old' website using HTML5
TORONTO—Compass360, a design/ad firm in Toronto, just spent a couple of months recreating its own website. And it looks exactly the same.

The Compass360 website has relaunched, but while it originally launched four years ago as a Flash website, this time it's entirely in HTML5 and new web technologies.

 An image from the Compass360 website case study

"For us, this overhaul is a case study in a new generation of interaction and user engagement on the web — it looks, feels and even moves exactly like our previous website, but is now completely forward-looking," said Scott Wise, 360's digital director, who coded the new site between client projects.

A "state of the union" address about the new site explains it is "responsive and adapts to your screen, crunching itself down to display the exact same content for mobile phones, and works beautifully on a tablet without compromises. The videos play natively in your browser/device, if at all possible. The fonts look identical. The portfolios are beautiful and fluid, just like before."

So, why did Compass360 even bother if it looks the same?

"We wanted to see how much of the look and feel we could retain as we move away from Flash, as we have been doing with all of our client work. We wanted to use our own website as a case study for new technologies like HTML5, CSS3 and jQuery, and see how many compromises need to be made in a direct comparison between a Flash site and a non-Flash site. The answer? None."
9. Anonymous
2 August 2012 at 9:18 AM
Sorry folks it just doesn't work for me...literally. I'm on an iPhone. The home page Logo didn't appear correct, it isn't scaling and overlaps the navigation when viewing the site horizontally. Why not take advantage of HTML5's ability to create vector graphics, then it could be scaled with your content. Plus all the animation From your homepage is not working. I also found the portfolio section pretty well...boring. The work is great but if you don't know to scroll down you miss all but the first image because your black next button is missing. On some pages you can't even see the first image Just the clients name so it looks like an error. Personally I have always thought there is a place for both Flash and HTML5. Flash can basically do anything you can dream up. HTML5 is still A bit restricted when it comes to being interactive but is a great step heading forward, especially in the field of accessibility.
8. Kyle Andrews
25 July 2012 at 1:45 PM
@any7,

Whenever I have this discussion with people, they always say how great HTML5 is and that it was a great idea for Apple to do it, but people never stop to think "Why" Jobs did it. You are totally correct about HTML5 being better. It is, in every way, but, by September 2011 only 34% of Alexa's list of the top 100 websites had converted to HTML5. This is 4 years after the first iPhone came out and 5 years out, how many sites across the web have converted? Hence, my earlier statement that Jobs could have phased out Flash and phased in HTML5, but didn't because there would be no way he could make money. Steve Jobs made the decision for control of the market.

"As Holman Jenkins pointed out in the Journal a week after Jobs met with its editors,

"Flash would also allow iPhone and iPad users to consume video and other entertainment without going through iTunes. Flash would let users freely obtain the kinds of features they can only get now at the Apple App Store."

Think about it. There are tons of different apps that drain battery life on the iPhone and Flash would not have impacted the battery as much as these apps do currently. The only difference is that Apple makes money on every App whether it's 99 cents or 99 dollars, and Apple has solid over 25 billion apps.
7. Anonymous
24 July 2012 at 2:27 PM
@Kyle Andrews

It's not Steve Jobs, it is the development team who created the HTML 5 platform. The fact is you can achieve the same results with HTML5 as what Flash offers, with out the memory consumption. Small data footprint — great usability.
6. Kyle Andrews
20 July 2012 at 10:10 AM
@Toni,

I think the article's explanation in the last paragraph answers your statement reasonably well — it was done as a case study.

Not knowing C360's future intentions, it may already have a crew working on a site-refresh, but as I said before, for a four-year-old site, it looks fresh.
5. Toni
20 July 2012 at 9:28 AM
It's great they moved away from flash but it's silly to keep everything the same. It kind of makes the change useless if it hasn't been given a bit of a fresh look — even just minor layout changes or slight colour alterations — o make the change noticed.
4. Marawan El-Asfahani RGD
19 July 2012 at 4:29 PM
Nice job, guys.
3. Kyle Andrews
19 July 2012 at 4:06 PM
@any2

I think you've been brainwashed by Steve Jobs...

I have to agree that the way Flash is used is SLOWLY moving away from its present function with HTML5 becoming the standard, however, Steve and his silly "no flash on iPhone" mentality was premature, in my opinion, by at least three iPhone generations. (All other smart phones work well using the Flash reader and Apple could have phased it out over time).

Steve, in pushing forward his agenda to kill Flash, forgot who his original word-of-mouth fan club were — graphic designers who liked and used Flash.

Steve always had a hate-on for Flash going back to its days when it was owned by Macromedia and I'd have love to have been privy to some of the conversations they had together.

There are still some very good design and ad agencies that don't show up on the iPhone and haven't transitioned over yet nor have some of the great sites they've produced for clients.

To Compass360 and your leap into HTML5, I say kudos. It's amazing that your site design, although four years old, is still very fresh.
2. Anonymous
19 July 2012 at 3:26 PM
Why what? Flash in the browser arena is DEAD. This is smart design thinking and execution.
1. Anonymous
19 July 2012 at 12:34 PM
Why?

Name:
Anonymous
Your Name Please!

Comment:
Editor's note: We reserve the right to edit and/or delete comments that we consider inappropriate, defamatory or malicious. Keep your comments constructive.
Comment Copy Please!

Click to refresh
Please fill in the 4-character Captcha!
Archives
Most Recent Comment
Ed says:
Not a big fan of this re-deign. It is a very one-dimensional update from the old brand. Also, that b...
Most Recent Blog Comment
Curious George says:
Renee@ I was just about to ask to whom can you complain for working without pay. But my next questio...
Fontest
 
 
Calling all typophiles! Enter our font contest and you could win a prize
FREE Subscription

January/February 2013

Canada's largest circulation design Magazine

FREE Newsletter

Sign up now for our free news and jobs email bulletin

Live from Twitter