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.

DESIGN PORTFOLIO OF JOHNNY XU 2003-2010GAGA GRAPHICS Mobile: +61 3 421644329 E-mail: JOHNNY_XU_1227@HOTMAIL.COMCONTACT

Graphic Design

Web Design

UI Design

Interaction Design

Character Design

Illustration and Animation

Concept Development

MAC & PC

Adobe Creative Suite

HTML & CSS

JavaScript

ActionScript

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

Flash intro sequence

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

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

E-WISE Safety Training Online

YEARCLIENTROLES

2010E-WISE, FinPa New MediaArt Direction, Design

Business cardLogo design Styleguide sample page

MOBILEE-MAIL

+61 3 421644329johnny_xu_1227@hotmail.com

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

WEB PORTFOLIOWEB PROFILE

design portfolio of johnny xu...

Documents

johnny hedlund

book johnny today: (972) 658-5540 | johnny ...book johnny...

revista johnny

confused johnny

antimicrobial protection at your premises - hexis...

hts insert magnet design: stack cable johnny himbele,...

johnny hiland

johnny rockets v. johnny rocks - trademark complaint.pdf

johnny jokes

johnny slick

johnny sayasane

johnny template

johnny heaton,

johnny jetpack

johnny wan

johnny double

homework without heartache....... well, johnny can dance and...

johnny cashf

Œu4bzaÞ - johnny mathis · 2020. 11. 14. · Œu4bzaÞ -...

johnny michael