design portfolio of johnny xu...

DESIGN PORTFOLIO OFJOHNNY XU 2003-2010

GAGA GRAPHICS is the creative design portfolio of Johnny Xu.

Johnny has an extensive experience (7 years) in design and production for digital media. He has worked as a designer, animator and developer in digital/web agencies as well as an inhouse designer for social media, IT and online education companies. From time to time, Johnny also challenges himself on a variety of commercial projects as a freelancer.

Johnny also shares his passion in art, technology and digital entertainment.

ABOUT

DESIGN PORTFOLIO OF JOHNNY XU 2003-2010GAGA GRAPHICS Mobile: +61 3 421644329 E-mail: [email protected]

Graphic Design

Web Design

UI Design

Interaction Design

Character Design

Illustration and Animation

Concept Development

MAC & PC

Adobe Creative Suite

HTML & CSS

JavaScript

ActionScript

Maya

Information Architecture

Storyboard / Wireframe

Web Standards

Drawing & Sketching

Audio & Video Editing

Motion Graphics

APPLICATION SKILLS OTHER SKILLSCREATIVE SKILLS

Driven by passion, backed up by a strong, solid background in fine art with a profound understanding in digital technology, Johnny finds it natural developing his multi-level skillset while exploring differentcreative fields.

SKILLS



WEB DESIGNWORKS

WORKS WEB DESIGN

Trailers page

Behind the scenes

Hunt Angels O�cial Movie Site

www.huntangels.com.au

YEARCLIENTROLESAWARD

2006ATOM, Palace FilmsDesign, Web & Flash DevelopmentNewWebPick for Flash Design and Technology

Homepage


Freedom Writers O�cial Australian Movie Site

YEARCLIENTROLES

2007ATOM, Paramount PicturesDesign, Web & Flash Development

Flash intro sequence

Trailer page

WORKS WEB DESIGN

www.freedomwriters.com.au Homepage


WORKS WEB DESIGN

Ten Canoes O�cial Movie Site

YEARCLIENTROLES

2006ATOM, Palace FilmsDesign, Web & Flash Development

www.tencanoes.com.au Homepage




An Inconvenient Truth O�cial Australian Movie Website

YEARCLIENTROLES

2006ATOM, Paramount PicturesDesign, Web & Flash Development

WORKS WEB DESIGN

Homepage

Subpage

Subpage 1

Subpage 2


www.aninconvenienttruth.com.au

WORKS WEB DESIGN

Diploma of Project Management Online

YEARCLIENTROLES

2008PMDI, EEA, Swinburne UniversityDesign, Web & Flash Development

Landing page

Introduction page

Module selection page


WORKS WEB DESIGN

FinPa New Media V4 Website Concept

YEARCLIENTROLES

2008FinPa New MediaDesign, Web Development

Homepage Product page


YEARCLIENTROLES

2007Evergreen ITDesign

WORKS WEB DESIGN

Evergreen IT Website Homepage Concepts

Homepage concept 1 Homepage concept 2


WORKS WEB DESIGN

Centre for Palliative Care Website

YEARCLIENTROLES

2010Centre for Palliative CareDesign, Web Development

Homepage

Subpage


www.centreforpallcare.org

Did You Remember The Milk? | O�cial Book Website

YEARCLIENTROLES

2006Momentum Coaching and ConsultingDesign, Web Development

HomepageDownloadable resources page

WORKS WEB DESIGN

Registration page


YEARCLIENTROLES

2008Group Training Association of VictoriaArt Direction, Design

WORKS WEB DESIGN

GTA OHS Online Training Module

Training activities screens


WORKS WEB DESIGN

YEARCLIENTROLES

2009WorkCover Authority of NSWArt Direction, Design, Character Design

Hazard A Guess | Workplace Safety Training for Young Workers

Interaction screens


www.youngworkers.com.au

WORKS WEB DESIGN

YEARCLIENTROLES


Hazard A Guess | Workplace Safety Training for Young Workers (Continued)

Character animation concept


WORKS WEB DESIGN

Hazard A Guess | Workplace Safety Training for Young Workers (Continued)

YEARCLIENTROLES


Character design concept


WORKS WEB DESIGN

YEARCLIENTROLES

2010The Le@rning FederationArt Direction, Design, Animation, Flash Development

Samurai Castle | Online Learning Object on Medium Level Japanese

Interaction screens


YEARCLIENTROLES

2009The Lost Dogs' Home, Hungry Jack’sArt Direction, Design, Animation, Flash Development

The Lost Dogs’ Home Interactive Pet

WORKS WEB DESIGN


pet.dogshome.com

WORKS WEB DESIGN

Dragon’s Jumble | Online Learning Object on Early Years English

YEARCLIENTROLES

2007The Le@rning FederationArt Direction, Design, Animation, Flash Development

Interaction screens


WORKS WEB DESIGN

Banner Ads | Oodles.com VIP Cloud

Sample page

Banner 1

Banner 2YEAR 2009 CLIENT oodles.com ROLES Design


WORKS WEB DESIGN

Banner Ad | Oodles VIP Cloud Banner Ad | Oodles VIP Cloud 2 Banner Ad | Oodles Twitter Contest

YEARCLIENTROLES

2009oodles.comDesign, Flash Development


WORKS WEB DESIGN

Banner Ads | OTVSTAR

YEARCLIENTROLES

2004etang.com, OTVSTARArt Direction, Design


WORKS WEB DESIGN

YEARCLIENTROLES

2004etang.comArt Direction, Design

EDMs | etang.com


WORKS WEB DESIGN

YEAR 2004 CLIENT etang.com ROLES Art Direction, Design, Animation

Banner Ad | etang.com


WORKS WEB DESIGN

Magic Mirror Banner Ad | etang.com

YEARCLIENTROLES

2004etang.comDesign, Flash Development


WORKS WEB DESIGN

Banner Ads | Maybelline Product Line

YEARCLIENTROLES

2003L’OrealDesign, Flash Development


WORKS WEB DESIGN

YEARCLIENTROLES

2004ZOU Marketing, Electronic ArtsDesign

Banner Ads | EA Games & EA Sports



MULTIMEDIAWORKS

WORKS MULTIMEDIA


Human Body at Work | Multimedia Training Resource

YEARCLIENTROLES

2007Master Builders Association of VictoriaVisual Design, Multimedia Development

Interaction screenMain menu

Interaction screen Subpage

WORKS MULTIMEDIA

Estimating in Practice | Multimedia Training Resource

YEARCLIENTROLES



Main menu Subpage

Section title screen Subpage

WORKS MULTIMEDIA


YEARCLIENTROLES


Managing Onsite Industrial Relations | Multimedia Training Resource

Main menu Cutscene animation

Interaction screen Interaction screen

WORKS MULTIMEDIA


YEARCLIENTROLES

2007Swinburne UniversityVisual Design, Multimedia Development

Introduction to Map Reading | Multimedia Training Resource

Main menu Interaction screen

Interaction screen Cutscene screen

WORKS MULTIMEDIA


Multimedia Presentation for Annual Internal Conference

YEAR 2008 CLIENT Telstra ROLES Design, Animation, Motion Graphics

Presentation screens

YEARCLIENTROLES

2007WorkCover Authority NSWVisual Design, Multimedia Development

WORKS MULTIMEDIA


Talk Safety with Us | Multimedia Resource

Main menu

Subpage

Disk cover

Subpage

YEARCLIENTROLES

2005etang.comDesign

WORKS MULTIMEDIA

E.T. Media Player Skin



PRINT DESIGNWORKS

WORKS PRINT DESIGN


YEARCLIENTROLES

2007FinPa New MediaArt Direction, Design

Poster Design | FinPa Hall of Fame

Scene Savers Industrial Relations Ten Canoes

WORKS PRINT DESIGN

Brochure Design | E-WISE Safety Training Online

YEARCLIENTROLES

2009E-WISE, FinPa New MediaArt Direction, Design


Product brochure Pricing brochure

WORKS PRINT DESIGN


Brochure Design | FinPa Learning Manager & Learning Models

YEARCLIENTROLES

2009FinPa New MediaArt Direction, Design

Product brochure Learning models brochure

WORKS PRINT DESIGN


YEARCLIENTROLES

2009-2010SafeWorking, FinPa New MediaArt Direction, Design

Brochure Design | SafeWorking

Product brochure Product features Training certi�cate

WORKS


YEARCLIENTROLES

2010HyroArt Direction, Design

Fast Card Design

PRINT DESIGN

WORKS PRINT DESIGN


YEARCLIENTROLES

2005PersonalArt Direction, Photography, Design

Postcard Design | Vegetarium

Tomato Vegetarium Garden Carrot

WORKS PRINT DESIGN


YEARCLIENTROLES

2006PersonalArt Direction, Illustration

Illustrations | Seeds of Heaven

Illustration 1 Illustration 2 Illustration 3

WORKS PRINT DESIGN


Book Cover Design | Shanghai Triad in 1930s’

YEAR 2003 CLIENT Personal ROLES Design

WORKS PRINT DESIGN


Book Cover Design | Mysteries of Tantrism

YEARCLIENTROLES

2003PersonalDesign


IDENTITYWORKS

WORKS IDENTITY


Factor Ten

Business cardLogo design Company brochure cover

YEARCLIENTROLES

2009Factor TenArt Direction, Design


YEARCLIENTROLES

2010SafeWorking, FinPa New MediaArt Direction, Design

Business cardLogo design Sales kit cover

SafeWorking

WORKS IDENTITY

WORKS IDENTITY

E-WISE Safety Training Online

YEARCLIENTROLES

2010E-WISE, FinPa New MediaArt Direction, Design


Business cardLogo design Styleguide sample page

MOBILEE-MAIL

+61 3 [email protected]

http://gaga-graphics.com/http://au.linkedin.com/in/johnnyxu

WEB PORTFOLIOWEB PROFILE

design portfolio of johnny xu...

Documents