Art Director / Designer

creates Style guidesand UI assets withFireworks, Illustrator orPhotoshop.FeedbackcycleFeedbackcycleUI skins are processed intoFXG and MXML class ﬁlesArchitecture andFramework developmentView classes and customcomponents are built tointegrate the skin classesCollaborativeDevelopmentFeedbackcycle

Interaction Designer

builds workingprototypes in Catalystand develops UI skins.

Architect

builds framework andintegrates Views and skins builtby Interaction Designer.Interactive prototypes canbe reviewed by Art Director.Deployment for reviewGuide and assets are delivered toInteraction designer in standardgraphic formats

Art Director / Designer

InteractivePrototyping

Interaction Designer

styleguidewireframes

FXG

MXML

Skins

Views

DevelopmentCycleAssetcreation

Style guide would outlinetypography, layout, colour,themes, behaviour,functionality, accessibility,usability etc.Flash Catalyst librariescontain the basic coderequired to build simpleFlex UI elements but areincapable of generatingthe components andskins that we require forthis level of bespokebuild.The Interaction Designerwould need to buildcustom skins,components and Viewclasses in Flash Builderto ensure they will workcorrectly within theproposed architecture.The Interaction Designerwould need to collaboratewith the Art Director on thebuilding of Wireframes andthe Style guide. They wouldalso build simple interactiveproof-of-concept prototypesin Flash to demonstratebehaviours and functionality.

Developer / ArchitectInteraction Designer

MXMLFXG

Skins

Views

DevelopmentCycle

Main Application Projectwill compile and deployto dev server for review

Comp

Model

ControllersDelegates

Feedbackcycle

App

StylesheetsAssets

Services

Prototype project canlink to the same libraryas the Main Applicationproject but can be usedto compile and deployproof-of-concepts forreview by the ArtDirector.

CollaborativeDevelopmentPrototypes