Code and Visual

Creative Design and Development

Code and Visual specialise in developing websites, Flash and mobile games, applications and digital film & TV props for a variety of clients both large and small.

We also develop Rainbow - an extremely simple and flexible Flash CMS for small to medium based Flash websites.

Try rainbow now >
basler_small_1
1 2 3
basler_small_1basler_small_2basler_small_3
Basler by Tinine Group
Websites | Dec 2011

We built this simple site for the Tinine group using Adobe’s Business Catalyst as the back end system which combines CMS + CRM (and many other features) into the one product. Once again Design Identity contracted Code and Visual to fulfill their design into a working content managed site.

Javascript and jQuery were used to give the site simple but engaging interactive touches that would have previously been the territory of a Flash website.

meapi_small_1
1 2 3
meapi_small_1merapi_small_2merapi_small_3
Merapi
Websites | Nov 2011

Josephine Lie contacted Code and Visual after having us recommended to her by one of our previous happy clients. As part of her project about the 2010 eruption of Merapi, Josephine had decided to compile her videos and interviews of the residents around Merapi into an interactive map.

By using Rainbow we were easily able to organise all of the data and thematic connections between the project subjects in a dynamic way. This allowed Josephine to edit and fine tune the structure of the site well after the development process was completed.

style_hq_1_small
1 2 3
style_hq_1_smallstyle_hq_2_smallstyle_hq_3_small
Style HQ
Websites | Aug 2011

Code and Visual was contracted by Design Identity to build the Style HQ site with Expression Engine as the back end.

The site makes extensive use of jQuery to provide slick animation and interactivty that would have previously required Flash. Style HQ is a fashion wholesaler and their website required a range of brands to be displayed within the site, each being displayed with the same backend template and allowing dynamic Facebook ‘Like’-ing for each brand.

A custom built blog was also included with dynamic social linking information.

artline_1_small1
1 2 3
artline_1_small1artline_2_small1artline_3_small1
The Mighty Artline
Websites | Jul 2011

George Patterson Y&R contracted Code and Visual to complete and clean up the development of the Mighty Artline site on a very tight deadline. This involved re-implementing swfAddress and succesfully rebuilding the drawing function which is central to the site concept.

The site also implements Code and Visual’s cutsom form kit which streamlines the production of forms withing Flash.

eliza_1_small
1 2 3
eliza_1_smalleliza_2_smalleliza_3_small
Eliza Aprtments Sydney
Websites | Jan 2011

The Eliza Site was developed by Code and Visual for Bapple. It is a clean architectural site designed as a marketing tools for the new multi-million dollar apartment complex next to Sydney’s Hyde Park.

The site is built using Rainbow Live Flash CMS and enables better search engine SEO by using swfAddress and the automatically generated sitemap file exported by Rainbow.

odyssey_1_small
1 2 3
odyssey_1_smallodyssey_2_smallodyssey_3_small
Odyssey Events
Websites | Jan 2011

The website for Odyssey Events was produced for Design Identity and represents the first site made by Code and Visual based on the Adobe Business Catalyst framework.

The site makes heavy use of jQuery to provide the sort of dynamic animation and interactivity you would usually expect from a Flash website.

mark_15_1_small
1 2 3
mark_15_1_smallmark_15_2_smallmark_15_3_small
M&C Saatchi - 15 Years
Websites | Nov 2010

Code and Visual was contacted by Make, the digital arm of M&C Saatchi, to build the portfolio presentation for their 15 Years book launch. This job had a tight turn around and required working with a large library of external videos to showcase the various TVCs and Direct marketing campaigns over the years.

Rainbow Live was used as the CMS which greatly helped production with a rapid turn around time and lots of video entry data to manage and update. Once the site was complete, it was distributed without Rainbow utlising the generated XML file.

anna_zhu_small_1
1 2 3
anna_zhu_small_1anna_zhu_small_2anna_zhu_small_3
Anna Zhu
Websites | Jul 2010

Anna Zhu contracted Code and Visual to build her website after hearing about the benefits and cost effectiveness of using Rainbow Live as a Flash CMS.

The site was built to match the flat designs provided and importantly scales to maintain the correct image proportions to show the photographer’s work as intended.

The site also integrates with Campaign Monitor to provide a simple and effective registration and mailing list service.

pina_1_small
1 2 3
pina_1_smallpina_2_smallpina_3_small
Pina Bartolo
Websites | May 2010

Pina Bartolo is a life drawing tutor that lives and works in Sydney, Australia. Code and Visual was contacted to build the site from a design by 2119.

The site uses swfAddress to provide deep linking and enable the browser back/forward buttons. The content on the site is managed by the Rainbow Live Flash Content Management System.

mondeo_1_small1
1 2 3
mondeo_1_small1mondeo_2_small1mondeo_3_small1
Ford - Mondeo Word Test
Websites | Dec 2009

Mark Digital contracted Code and Visual to develop the Flash front end for Ford’s “Mondeo Word Test” promotion.

The Flash microsite takes users through a short quiz and invites them to suggest a word that would best describe the Ford Mondeo. The information is then collected and sent back to Ford.

nissan_1_small
1 2 3
nissan_1_smallnissan_2_smallnissan_3_small
Nissan - Shift the way you move.
Websites | Oct 2009

The Flash development for phase one of Nissan’s ‘Shift The Way You Move’ microsite was completed by Code and Visual for Tequila Digital.

The site was produced to coincide with the release of Nissan’s new television commercials and makes use of Flash video to deliver engaging animated backgrounds that continue the themes created by the TVC.

The modules make use of different user input to communicate key features about the Nissan cars, such as powering the cars by blowing onto the microphone.

vbraw_screenshot_1_small
1 2 3
vbraw_screenshot_1_smallvbraw_screenshot_2_smallvbraw_screenshot_3_small
VB Raw
Websites | Sep 2009

The VB Raw site was built as a scalable social bookmarking site for the new beer.

Code and Visual was contracted by Pollen to plan and build the Flash framework and unique 3D shard navigation system. The structure allows for dynamic population of the shards from an Umbraco backend.

Facebook connect was incorporated to allow users to post content to their walls and send invites to their friends.

vb_screenshot_1_small
1 2 3
vb_screenshot_1_smallvb_screenshot_2_smallvb_screenshot_3_small
VB
Websites | Jul 2009

Code and Visual was contracted by Pollen to develop a Flash framework for the new VB site.

The site is based on a modular widget structure which required the framework to be flexible enough to cater to many different contained functionalities. Widgets were developed by various developers which required a logical, yet simple system to be developed.

Due to its’ modular design, the VB site has a totally flexible layout and can incorporate new widgets in the future.

monkomo_thumb_1
1 2 3
monkomo_thumb_1monkomo_thumb_2Mon Komo 3
Mon Komo
Websites | May 2009

This website was developed for the multi-million dollar Mon Komo development near Brisbane. The Flash content is dynamically loaded from an integrated Umbraco backend.

The site also incorporates swfObject, swfAddress and Google analytics to provide a seamless browser experience, enabling the browsers’ back/forward navigation and stat tracking.

Site design by Bapple.

handc_thumb_1
1 2 3
handc_thumb_1handc_thumb_2handc_thumb_3
Hardwick and Cesko
Websites | Mar 2009

The Hardwick and Cesko site was built for the Australian furniture and homewares designers.

The website uses an external XML file to provide its’ content. Rainbow Live XML Editor is used as a backend CMS enabling the client to add and change content for the various site pages.

The site also incorporates swfObject, swfAddress and Google analytics to provide a seamless browser experience, enabling the browsers’ back/forward navigation and stat tracking.

asiaorchids_thumb_1
1 2 3
asiaorchids_thumb_1asiaorchids_thumb_2asiaorchids_thumb_4
Aisa Orchids
Websites | Feb 2009

The Asia Orchids site was built as a complete e-commerce solution for the Sydney based orchid sellers.

The backend uses the Joomla framework allowing for different delivery zones and shipping rates along with a flexible inventory that can be controlled by the client.

Stat tracking and Paypal integration were also incorporated.

Design by Dylan Martin.

funsneaks_thumb_1
1 2 3
funsneaks_thumb_1funsneaks_thumb_2funsneaks_thumb_3
Funsneaks
Websites | Jan 2009

Funsneaks is a Flash games portal that was built upon a heavily modified Wordpress installation. The blogpost concept was adapted to a game post format.

Funsneaks incorporates chat, gameplay and commenting into the one portal as well as allowing user contriubted content via the “Submit a Game” form.

Woopra is used as the analytics tool which provides realtime stat checking. Google ads was used as the adserver along with open X to control an easily manageable advertising inventory.

beachhouse_thumb_1
1 2 3
beachhouse_thumb_1beachhouse_thumb_2beachhouse_thumb_3
The Beachhouse Bondi
Websites | Nov 2008

The website was built for the Beachhouse development in Sydney, Australia.

The website content is supplied by an external XML file and uses internal display components to display different content types.

The site also incorporates swfObject, swfAddress and Google analytics to provide a seamless browser experience, enabling the browsers’ back/forward navigation and stat tracking.

Site design by Bapple.