The new website benefits from a completyely new design and is developed on the WordPress system.

The London Wildlife Trust is using the blog to promote their work in the area and to encourage people to take a more active role in local conservation and to appreciate the diverse wildlife. They have many different activities planned that will be promoted on the Barking Riverside website through this year and 2012.

Users can find new image galleries with pictures of the new building taking place including the recently completed Rivergate Centre. The website will be updated more regularly as new property is built and becomes available for sale.

Developed under the management of the Homes & Communities Agency this new site has been in the making since 2007 when we were first commissioned to design and build the website. Its been a long time coming and many changes have happened in that period. We hope the site can see the development through this next phase of building.

For further information go to barkingriverside.co.uk

The website, developed in WordPress, designed by By the Scruff, is primarily a blog and is updated regularly by the team at The Corner.

About The Corner: Edited by the team at the Spanish magazine Consejeros (“board members and directors”) and the stock market news website consensodemercado.com (“market consensus”), thecorner.eu brings together a group of professionals who have been working in economics and communication for over 25 years.

Visit The Corner for the latest news from the finacial markets in Erope and around the world.

This bespoke WordPress design allows Schuh to publish their content through a custom template we (By the Scruff)  have developed. The guys at Schuh have produced these pages themselves which was an easy task (we hope) and they will be able to manage the pages going forward.

Visitors can either buy the shoes from a link or they can ask to be informed when theshoes go on sale. This functionality is easily controlled through teh Woprdpress dashboard.

For more information go to www.30yearsofschuh.co.uk/site/collaborations/

www.oceangypsysurf.com

Customers can make a booking online and read about the family run business, board descriptions and a blog that will hopefully soon be flowing with the latest surf chat and pictures from the shores of Labenne Ocean.

More to follow.

www.metrica.net

Front-end

The project was entirely created in Flash because of its interactive nature.

The interface was based on the timeline concept with parallax effect and huge amount of images being loaded on the fly. It made perfect sense to use Flash in this case. We could develop a number of optimisations to help the user interface to be as responsive and smooth as possible. One of the main goals was to keep file size low which sometimes is a main concern for clients using Flash. Nobody likes to wait so long for a 5mb website no matter how beautiful it is. However, having the opportunity to design something from scratch, do this well and use all advantages of Flash can offer it wasn’t difficult to keep final project below 200kb. I am pretty sure that with more time and graphical optimisation it could be even below 100kb. Oh, and one more thing; forget about PureMVC or other frameworks in this case. Frameworks themselves are a monster sometimes.

Parallax effect

To make the time-line experience even more interesting we decided to use many different planes and base on difference in the apparent position and move them across with different speed. That visual effect made interactivity more enjoyable however it did increase the level of difficulty of the project. From now on all the optimisation needed had to apply for every single plane and affect back-end development as well. During the movement, positions of the images were no longer fixed so it made it difficult to move them on demanding position. For this reason we had to build in some administration features to give a moderator the possibility to amend it.

Image container

The entire project was all about the visual content and image display. This element quickly became a crucial part of the entire structure and the main subject of optimisation. Keeping all the images constantly on the screen simply wouldn’t work. It also increased the memory consumption and took up precious processor cycles to render the timeline smoothly. Also loading all the images and unloading them when not needed wasn’t the best option. At the same time loaded content shouldn’t affect the user interface, so it had to be asynchronous approach. So, the image container is in fact deeply integrated with the custom loader system, internal caching solution and is constantly being used by the viewport optimisation algorithm that is checking those containers against a visible part of the screen.

With this approach garbage collector is maintaining memory usage and it let us develop a solution that can handle 500 images being loaded on load.

Back End

When you look at the whole picture this project is nothing else but a little blog system. Users can upload their own photos, post a comment and rate others peoples images. In addition to that they can also share posts and events on Facebook. For this reason we had to develop a more sophisticated registration/login system. There is a huge amount of data being transferred under the hood. And again, it has to be as small and efficient as possible. For this reason we couldn’t use standard xml as a dynamic data format. It is way to heavy and parser needed is too slow to compare to our custom protocol which is almost as small as AM3 format. Parser crunching all the information in one go.

PHP

This language comes in handy for Flash and Data Base communication. Giving us a lot of flexibility to do whatever we want to do and more importantly, can take intense calculations on the server side leaving more resources to the client. We decided not to use any framework since in our case it’s a bridge between Flash and MySQL. Files are very small and simple to make processing time needed on the 0.0001 ms level.

Data Base

It holds all the information as any typical blog system does. Nothing is too complicated

Facebook

These days more and more companies are using the power of Facebook to spread news about their projects to the world. In fact for us developers it means additional work and headache. It’s not a good practice to make your website completely dependent of 3th party solution. So, when comes to Facebook connect you thinking about both. There is many different ways to deal with Facebook and Flash.

However latest AS3 Facebook API base on latest OGraph is so easy to use that front end side of this integration took no more than 3 days. And this is what we have used.

www.30yearsofschuh.co.uk

Written by Ted Polhemus, the ’30 years of Schuh’ timeline details fashion, film, music and events from ‘81 to the present day. Users can join with facebook or register through the site and can add their own images and memeories from across that period. Check it out www.30yearsofschuh.co.uk

More to follow…

Users are shown a slideshow of the key areas they work in from extensions, conversions, new build etc. The site is designed to be simple but informative and aimed at encouraging customers to understand what they do and make contacting the business easy.

From the website “We offer a broad range of architectural services to make your home more functional, beautiful and affordable. All our fees are pre-agreed at the outset, giving you certainty over your project budget. Work with My Architect and have your own professional architect, whatever the project size or budget, and your required level of input.”

Scott Batty of My Architect says “we really enjoyed working with By The Scruff- they are creative, professional and as their name implies- they seize the opportunity and make the most of it”. What nice words, we hope teh site attracts some good business in.

The website is fully manageable by their staff using the easy-to-use WordPress backend. We encourage all of our clients to write useful informative blog posts and Hut will hopefully be adding posts about their new projects thriugh the year.

For more details go to www.myarchitect.net

“Computing magazine is a well established information brand for senior IT professionals.  With consistently growing traffic to our mobile site, we were keen to engage more with these people and get an understanding of how they are interacting with the mobile platform.  In association with IBM, we came up with Smart Facts, a mobile site where users get facts about the effect of inaccurate data on businesses.  Users have the opportunity to find out more about these issues and enter their email address if they wish to receive an IBM white paper on the topic.  The mobile site also includes some poll questions to test the level of user engagement.

In order to achieve this we firstly needed a design for the mobile site and then some traffic drivers to encourage people to switch from PC to mobile to view the site.  With very little brief or direction, By the Scruff created a fantastic brand for Smart Facts and design for the site.  Both ourselves and IBM were immediately pleased.

Creating traffic drivers brought about a different set of challenges as we needed to encourage people to not simply view Smartfacts.mobi but they could only do so on their phone.  By the Scruff decided to create ads with phone number capture so users were prompted to enter their phone number and we’d send a SMS with a link to Smartfacts.mobi.  The ads look great and response so far has been very encouraging.

It’s always a pleasure working with By the Scruff, their ideas and energy is great and the product always comes out looking fantastic.” Louise Burry, Online Marketing Manager, Incisive Media

This powerful content management system was chosen because of the scale of the website and the features needed for it to run a multi language website. The company’s entire catalogue will eventually be added in up to 7 different languages.

Customers can search for products and view detailed information about the many accessories available through retailers. The website does not sell directly but provides users with product information and support on the latest products.

By the Scruff has fully customised the design and modified the Expression Engine back-end to allow staff at Adapt to manage the online product inventory. We’ve used JQuery to display promotions and product galleries which are completely managed through the CMS.

Go to www.adapt-mobile.com