New Digital & Creative website launched
Mission achieved… we’ve just launched our new site!
It was time for an update so we challenged ourselves to upgrading the site with a fluid template system, something that would work across all platforms and internet browsers… and we’ve only gone and done it.
Our first scalable website can be viewed on desktops and will automatically collapse to render on mobile devices. When viewing on say an iPhone, there's no need to zoom to read the text, and the main navigation bar reverts to a menu button to avoid it taking up all the screen space. If you use Google Chrome or Firefox you'll be able to witness this on your desktop, by reducing the browser’s window size.
The team have built mobile websites before, but these were duplicate sites using different HTML, different CSS, different images, different scripts... not especially efficient. The new site has a few style sheets, but everything else, e.g. images, scripts and HTML pages… are all the same files on both views... very cool.
At the moment this approach is still fairly rare, but my money is on this being common-place in the near future.
Lucy Tammadge, Senior Designer for Hays Digital & Creative says “It was time to update our site for branding purposes, so we thought we’d throw a few additional challenges in to keep up with the latest digital innovations. It took a lot of patience, especially when trying to get it to work across various browsers and platforms, but I think the results were worth the time and effort. We’re now looking at building all our sites this way, once you get your head around it, it’s not too difficult to do.”
We've also built a portfolio gallery using custom jQuery and a nifty "toggle" feature to change the view to see the case studies behind each client campaign. There's also a useful "filter" to focus the list on our regional or national campaigns.
Nigel Manson, our developer who built the application commented “jQuery is a powerful piece of web technology that allowed me to create a clean, flexible portfolio gallery for the new Digital & Creative website. The end result is to engage the user to have a more interactive and dynamic experience.”
All-in-all we're very happy with the site. We've tested on as many browsers and operating systems as we have access to, but there may be some with a few bugs. We’ve not quite managed to tweak this Blogger layout to mobile, but we’re not giving up yet…!
Let us know what you think.
It was time for an update so we challenged ourselves to upgrading the site with a fluid template system, something that would work across all platforms and internet browsers… and we’ve only gone and done it.
Our first scalable website can be viewed on desktops and will automatically collapse to render on mobile devices. When viewing on say an iPhone, there's no need to zoom to read the text, and the main navigation bar reverts to a menu button to avoid it taking up all the screen space. If you use Google Chrome or Firefox you'll be able to witness this on your desktop, by reducing the browser’s window size.
The team have built mobile websites before, but these were duplicate sites using different HTML, different CSS, different images, different scripts... not especially efficient. The new site has a few style sheets, but everything else, e.g. images, scripts and HTML pages… are all the same files on both views... very cool.
At the moment this approach is still fairly rare, but my money is on this being common-place in the near future.
Lucy Tammadge, Senior Designer for Hays Digital & Creative says “It was time to update our site for branding purposes, so we thought we’d throw a few additional challenges in to keep up with the latest digital innovations. It took a lot of patience, especially when trying to get it to work across various browsers and platforms, but I think the results were worth the time and effort. We’re now looking at building all our sites this way, once you get your head around it, it’s not too difficult to do.”
We've also built a portfolio gallery using custom jQuery and a nifty "toggle" feature to change the view to see the case studies behind each client campaign. There's also a useful "filter" to focus the list on our regional or national campaigns.
Nigel Manson, our developer who built the application commented “jQuery is a powerful piece of web technology that allowed me to create a clean, flexible portfolio gallery for the new Digital & Creative website. The end result is to engage the user to have a more interactive and dynamic experience.”
All-in-all we're very happy with the site. We've tested on as many browsers and operating systems as we have access to, but there may be some with a few bugs. We’ve not quite managed to tweak this Blogger layout to mobile, but we’re not giving up yet…!
Let us know what you think.
Labels: CSS, elastic, HTML., jquery, Mobile; fluid design, scalable, web design
posted by Jon
0 Comments :
Post a Comment
Subscribe to Post Comments [Atom]
<< Home