Archive for January, 2008

2007 Work

I’ve been going on a lot of interviews lately looking to join a team that will stimulate my creativity. So I figured I would post all my recent work to show off my skills. Also, I’m starting to get that yearly itch to refine vectorloft a bit more into something more in depth and incorporate this blog and our projects a bit more. But the more time I spend on my clients the better. As for now this detailed list of recent work will have to do. Take a look and enjoy.

Below is a short-listing of projects developed by Matthew Cassella. Projects vary is scope but display the full range competencies I hold.

Red Bull Racing
http://staging.vectorloft.com/redbullracing/
Contracted to better organize the Red Bull Racing web portal. The design takes cues from the original design and combines a grunge style with a large array of ease of use upgrades. Media and featured news is displayed more readily and organizes the content to allow for the visitor to create a more full featured environment for visitors to better choose their path through the multitude of media contained within the site.

Skyline New York
http://skyline.vectorloft.com
Interactive portfolio showcasing each product set of Skyline New York. Matthew Cassella compiled the needs of the client into a fully interactive solution. Showing the large set of products complete with call to actions for the internal marketing initiatives.

DirecTV HD Demo
http://www.vectorloft.com/directv/
Contracted as a Senior Designer for the 2007 holiday term Matthew Cassella created this HD Demo to showcase the advantages of HD television to DirecTV.com visitors.

Coldwell Banker Interactive CD
http://www.vectorloft.com/coldwellbanker/
Interactive CD developed based on the Coldwell Banker brand to showcase “The Art of Selling Your Home” and the advantages to using Coldwell Banker.

Time Sports ReDesign
http://staging.vectorloft.com/timesports/
Technologic innovation was the theme of this new interactive face for the largely popular cycling brand. Redesign includes easements for more enhanced product focus as well as interactive elements to stimulate the view on landing for increased conversion rates.

EC Dormer Redesign (In-development)
http://staging.vectorloft.com/ecdormer/index.html
Idea was concepted as a different approach on standard web design. Pages are set up as tabs which open up to show content. Idea is still in development but portrays the clean cut look and feel which coincided with the re-branding project.

Service Channel Flash Demo
http://servicechannel.com/sc/login/demo.html
Contracted on freelance for Studio 150 this demo was solely developed by Matthew Cassella in flash. Concept was submitted with basic instructions for functionality. All animation and creative interactivity was concepted and executed based on the aesthetic of the designed site.

Long Island North Shore Heritage Area
http://www.linorthshoreheritagearea.com/
Design and development of this site portal includes a fully interactive CMS system, which was updated by Vectorloft for increased functionality.

The Globesity Festival
http://theglobesityfestival.org
Fully controllable Wordpress customization included video upload capability and full control by the company over content of the site. Vectorloft designed and developed the site aesthetic look and feel and carried the brand through all advertising materials for the festival.

Brookside Environmental
http://www.brooksideweb.com
Redesign of an outdated web site. The new design infuses a large array of client taken photos to display the large breadth of service the company holds. With the redesign, conversion rates on the domain were doubled from the previous design.

BigHip
http://www.bighip.com
This email marketing company jump-started their brand and consumer appeal with a brand new look stemming from initial logo designs. Vectorloft transformed the dated site design with full creative revision and site wide copy revisions transforming the web portal to attract new set of customers. With almost 10,000 hits a day BigHip boosted their sign up rate 15% over the previous quarter.

Razorshark
http://www.vectorloft.com/razorshark/
Looking for a new exciting look Matthew Cassella encapsulated this company’s brand into a site wide visual experience. Taking cues from the name the site was developed with creativity in mind. Playing on the deep-sea shark concept the site creates a unique visual experience.

Studio Roya
http://www.studioroya.com
Based on graphic cues from this professional art director, Matthew Cassella developed a fully functional flash applet to display this artist’s diverse portfolio.

CTA
http://staging.vectorloft.com/cta/
Conventional approach on a Career Training site. Idea included a interactive header which allowed visitors to scroll through ideas and tips on landing to increase conversion goals.

Popularity: 58% [?]

Post to Twitter Tweet This Post

Web got Back!

In designing web solutions sometimes we forget to include some of the basic techniques in order to make a page stand out. It’s simple and most creatives think of it but for some, it isn’t put into emphasis enough. Backgrounds are essential in creating stimulating web pages that pop out at the visitor. Whether it be a repeating pattern or a drop shadow behind the main interface the background adds depth and a dynamic feel to any web GUI. Standard web GUI width should span a maximum of 900px in order to make sure all monitors are able to see the bulk of the main site. SO when we create layouts is always important to include space in order to show what the background of the site will look like. Another key idea is to always show your design comp within a browser. Sizing is a large issue when it comes to the development of web sites, as we all know and showing a client the design in its environment is always the best to minimize confusion.

I have been in countless companies where the focus is set on the main body of the site without the thought of what the site will look like within the browser. Clients sign off on the design and a solid background is coded taking away much needed depth in the design of the page. As designers, we must think of the whole picture. Incorporating depth and establishing the full environment is key! Give your design BACK! and bring your design into the light.

Popularity: 65% [?]

Post to Twitter Tweet This Post