Code and Visual

Creative Design and Development

Code and Visual specialise in developing Flash games, HTML and Flash websites and also Flash applications for a variety of clients both large and small.

We also develop Rainbow - a free online XML editor that can be used as a very simple Flash CMS for small to medium based websites. Try rainbow now >

Portfolio:

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.

satc_small_1
1 2 3
satc_small_1satc_small_2satc_small_3
South Australian Tourism
Banners | May 2010

These banner ads were made through Tequila for the South Australian Tourism Commision ‘Cellar Door’ Campaign.

The suite of banners used the Eyeblaster Ad system and included an Over The Page (OTP) video banner along with variations including a Sync banner that would allow the use to interact with two banners at once.

Banner types created: Sync, Expandable, OTP, Video MREC

gorillaz_1_small
1 2 3
gorillaz_1_smallgorillaz_2_smallgorillaz_3_small
Gorillaz - Plastic Beach
Applications | Mar 2010

M&C SAATCHI contracted Code and Visual to produce two media players for the Gorillaz site “Plastic Beach Watch”. The Video and MP3 files are both fed externally from XML files and are situated on an HTML page.

Local Connection allows the two players to communicate so that they are not playing over each other. The video player also contains some programmatic visual effects to create old style video distortion on random screens.

vb_pup_1_small
1 2 3
vb_pup_1_smallvb_pup_2_smallvb_pup_3_small
VB - Pop Up Pub
Games | Jan 2010

The Pop Up Pub game campaign was run by VB in Summer 2010 to promote their beer and had high visibility both on VB cartons and on location during televised cricket matches.

Pollen contracted Code and Visual to code the playable game inside of the competition widget and to fit this within the framework system already developed for vb.com.

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.

rainbow_thumb_1
1 2 3
rainbow_thumb_1rainbow_thumb_2rainbow_thumb_3
Rainbow
Applications | May 2009

Rainbow is a visual XML editor that uses nodes to make XML manipulation quick and easy - even for your clients!

Code and Visual developed Rainbow to run in the web browser allowing it to load instantly without requiring any installation beyond Flash Player 10.

Rainbow Live can also be used as a simple CMS solution for XML based websites or dynamic Flash components that don’t require an extensive backend.

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.

switch_thumb_1
1 2 3
switch_thumb_1switch_thumb_2switch_thumb_3
Switch
Games | Apr 2009

Over 1 Million plays and counting!

Switch is the first game developed by Code and Visual under the Actionsprite label and is based around the concept of collecting and avoiding moving objects.

Switch utitlises a shell distribution system that allows the game engine to be dynamically loaded. Bug fixes and game tweaks can then be deployed remotely to the hundreds of different distributed games shells immediately.

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.

rafters_thumb_1
1 2 3
rafters_thumb_1rafters_thumb_2rafters_thumb_3
Packed to the Rafters
Applications | Dec 2008

Code and Visual has produced various digital props for Channel 7’s successful drama “Packed to the Rafters”.

Typically these involve replicating the use of an email client or web browser for use by an actor on screen. Most of these are built to be “fool proof” so that no matter what the actor does, the correct feedback will appear on screen.

We focus on making these digital props easy to install and reset in order to cater to the demands of the shooting process.

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.