Portfolio – levelbrand.com v4

This site was a very big undertaking, and I enjoyed every minute of it. I am excited to share a couple techniques that add to it’s clean design and universally accessibility. The first is sIFR (scalable Inman flash replacement). This technique allows for headlines to be replaced with more interesting fonts that everyone with flash player installed can see. If you do not have flash or javascript enabled, you still see standard web fonts for headlines, so no content is lost. This technique helps to enhance the design of the site, while still allowing those headlines to be coded in HTML to be crawled by search engines for SEO purposes.

The second technique is called FAUST (flash augmenting standards). The basic principle of this technique is to create your website using building blocks. First, you start as basic as possible using standards based HTML so all your content is out there for SEO. Second and third, add CSS for styling and javascript to enhance user interaction. And finally, display rich interactive flash content over top of your static HTML for those users who can see it. This technique can be seen in areas of the work section of the site. If you have flash player installed you will see a fade between images as you click through the thumbnails. If you do not have flash, but you do have javascript enabled, you will get the same flip between images only without the fade. This is javascript controlling the transition instead of flash. If you have neither of these, you will be redirected to a new page which will display the larger image. Anyway you look at it, the viewer is seeing content. This is good news for anyone concerned with having a website that is universally accessible. And, all the image and alt tag code is written out in the HTML so search engines can read it as well.

My role in this project included everything besides writing copy. I designed, art directed, and programmed the site. I also took my first hack at developing the site specifically for SEO. The website also features some of my photography from a previous post, and some from around LEVEL’s office space.

Share this Post