Bold Creative Effective

designer@mooney.la
213-293-8657

Critical contributor on complex web systems.

Solo and collaborative expertise in :
HTML5, CSS3, Web Graphics, Web Copy, UX-UI

  • Expert client-side designer and developer, using HTML5, CSS3, SASS, jQuery
  • Multi platform markup and code development—.NET/C#, PHP, jQuery Mobile, AngularJS and more
  • Responsive Design for new sites, conversion of existing sites
  • Creative Content developer, web graphics, typography and copywriting
  • User Experience and Interactivity, engineering and testing
  •  
  • Award winning Illustrator, Colorist
  • World-class work ethic, meticulous attention to detail
  • Strong communication skills—visual, verbal, written
  • Highly disciplined, independent thinker

Believe in Better.

«»

Design & Development - Since 1997

Deluxe Technicolor—Worldwide Digital Cinema Services

October 2012-March 2016—Burbank, CA

Web Interface Designer Developer, UX Designer

.

A compact and smartly aggressive Web Systems Development unit with startup mentality, brought me in as lead visual designer and front end coder on a major upgrade for existing Studio and Cinema portal sites—with the upgrade based on a print media corporate styleguide.

Initial role : create, evangelize and implement, fully restructured user experience strategies to super-simplify critical ordering process pathways. My development cycles included a redesigned look and feel, as well as an upgrade on presentation layer codebase to HTML5 CSS3, and providing all graphic imagery elements.

Expanded role : imagine, mockup, spec and build a user-centric front end experience on multiple properties to support real world customer workflow requirements. I constructed Wireframe task-flow documents, Hi-res Mockups and continuously collaborated with internal teams to iteratively develop front end markup and graphics elements--as well as customizing front end and middleware developer code--to feed and make presentations from a substantial dynamic data engine.

 Cinema Portal
 Studio Portal
 Other Samples

Cinema Portal—Private External Network

Workflow Schematic—Interface Modeling for Responsive Design

Medium‑Fidelity Mockups—Responsive Design—
Workflow 2

Screens—Responsive Design—
Prototype Development—jQuery Mobile and Bootstrap

Motion Picture Co‑branding Studies

2016 Branding Upgrade—
Look and Layout for Desktop and Tablet

2012 Look and Layout for Desktop

Studio Portal—Private External Network

Branding Upgrade for Desktop and Tablet

Lo‑Fidelity Wireframes—UX Upgrade Iteration 1

Screens—Branding and UX Upgrades for Ordering Process 1

Screens—Branding and UX Upgrades for Ordering Process 3

Medium‑Fidelity Wireframes—New UM Process—
Angular JS and UI Bootstrap

Graphics Elements

Other Samples

Diagram—SASS Enterprise Strategy

Lo‑Fidelity Wireframe Sequence—New Process

Page Layout Designs and Color Studies—New Internal Systems

HTML5, CSS3, SASS, PNG and SVG Graphics elements, ASPX.NET/C#, VSS, jQuery, jQuery Mobile, Bootstrap, AngularJS, UI Bootstrap, Balsamiq Mockups, Modernizr, Photoshop, Illustrator, Mouseflow, Chrome, Firefox, Safari, Opera, IE, Desktop, iPad, iPhone, Agile Development Environment.

Vertical Management Systems—Financial Services

January 2012-May 2012—Pasadena, CA

Web Interface Developer

.

Critical contributor on a small team to convert an existing single-client financial services engine to an extensible multi-client model. Our presentation layer project successfully met and exceeded all the tight production deadlines, usability requirements and aesthetic considerations. Small-ish local company. Very ambitious. A lot of fun to work here.

XHTML, CSS, CSS3, jQuery, jQuery UI, DHTML, ASPX.NET/C#, Visual Studio, BeyondCompare, Firefox, Safari, Chrome, IE.

Fresh Air El Segundo—Community Action and Awareness

August 2011-October 2011—El Segundo, CA

Creative Director, Web Interface Specialist

.

Producer and developer for concept, construction, launch and management of this community information micro-site. Written in HTML5, CSS3, backward compatible to IE6, it's an elegant fluid-responsive design, built under the mobile-first strategy. A single codebase runs successfully on multiple platforms from smartphone to iPad to desktop.

Content: developed all written and visual content, including research, personal interviews, photography, branding graphics, print media and marketing strategy.

Technical Development: defined the presentation model and information flow. Researched state-of-the-art coding strategies. Selected appropriate site structural models and implemented current cutting-edge coding standards.

HTML5, CSS3, Mobile-first Responsive Design, PHP, JavaScript, jQuery, Final Cut Studio, Google Analytics, Facebook, Twitter, Smartphone, iPad, Desktop, Filezilla, WebKit, Firefox, Safari, Chrome, IE.

Mattel—World Premier Toy Brands

November 2010-April 2011—El Segundo, CA

Lead Interface Developer

.

Key contributor in a code base upgrade project, to rebrand the Hot Wheels Collectors e-commerce site.

Coordinated the final development phases with tasks including: producer/associate producer/vendor liaison, assets inventory, information architecture review, redesign of semantic page structure, then hands-on revisions in any existing code having an impact on the presentation layer, including templates and stored procedures.

XHTML, DHTML, HTML, PHP, CSS, JavaScript, ASPX.NET/C#, Visual Studio, PL/SQL, jQuery, BeyondCompare, Google Analytics, IE, Firefox, Safari, Chrome.

PB Systems Inc—International Software Engineering Services

October 2009-May 2010—Irvine, CA

Lead Web Interface Developer

.

Primary site strategist in the collaborative effort with critical end-client team members. Lead interface developer and team lead to the offshore engineering staff on interface design and functionality development. My hands-on involvement included usability based site structuring, presentation layer code design, site-wide master and individual page layout, Flash animated and static graphics design and development.

The prototype site we created for our end client in the international arena—representing a complex, combined e-commerce/content management system—made an impressive and highly functional impact, opening the door to broader business opportunities.

XHTML, DHTML, CSS, JavaScript, Photoshop, Flash, FlashEff2, Illustrator, jQuery, Google Analytics, Acrobat, ASPX.NET/C#, Visual Studio, HomeSite, Dreamweaver, Visio, GoToMeeting, Filezilla, IE, Firefox, Safari, Chrome.

Mattel—World Premier Toy Brands

September 2005-April 2009—El Segundo, CA

Senior Interface Developer

.

As front end specialist I quickly became the primary interface designer and developer, completely reconstructing the Barbie Collector and Hot Wheels Collectors e-commerce sites. Collaborated with internal teams on major revisions and code base upgrades to accomplish branding enhancements, cross-browser compatibility, XHTML/CSS standards and best-practices compliance.

Acted as key contributor on new site features as well as promotional modules within these existing applications, including programming Flash interactivity. Assumed a role of operational liaison and collaborator among the programming, visual design and copywriting development groups.

Supported fast-paced weekly content maintenance and email promotions to insure continued success for these two e-commerce sites generating over $20 million annually in combined revenues.

Developer share in the Mattel Brands Online Web Marketing Association 2007 WebAward. Designed and implemented the new interface page model design for the winning BarbieCollector.com site.

XHTML, DHTML, HTML, CSS, JavaScript, Photoshop, Flash, Illustrator, Premier, Sound Forge, ASPX.NET/C#, Visual Studio, VSS, HomeSite, WebTrends, On2 VP6 Pro, Sorenson Squeeze, OpenCube, Acrobat, IE, Firefox, Safari, Chrome, Opera.

E Ink—Pioneers in Electronic Ink Visual Display Technology

July 2005-August 2005—Cambridge, MA

Web Designer

.

Collaborated with the marketing and technical staff to expand and develop 3rd generation web site interface design. Considerations included information architecture and usability improvements, as well as a full presentation layer code upgrade with CSS layout advantage.

Contributed promotional focus to help define and position their innovative active matrix product line, a critical component in high visibility end products like the Kindle.

HTML, DHTML, CSS, Photoshop, Illustrator, Homesite, IE, Firefox.

Wurzburg—Corporate Wholesale Supply, Retail Logistics

Oct 2004-Feb 2005—Memphis, TN

Web Interface Designer, Creative Content Developer

.

Collaborated with strategic business, marketing and technical staff to develop the first generation interface design for a new Business-to-Consumer e-commerce module. Collaborated with marketing and technical staff to develop 2nd generation website interface design for the corporate portal. Developed information architecture, presentation strategy and website prototypes based on interviews with key business contributors and sales strategists.

Provided essential presentation layer web design services, including coding, Flash animation and graphics components creation, copywriting, art direction, ad banners, HTML email design and original photography; lobbied for, adopted and developed within a user-centered design strategy.

HTML, DHTML, CSS, JavaScript, Photoshop, Flash, Illustrator, XML, ASPX.NET/C#, Visual Studio, VSS, HomeSite, OpenCube, IE, Firefox, Netscape.

The Daily News—Publishing, Metro Business Information

Nov 2002-Aug 2004—Freelance Business, Memphis, TN

Web Designer, Creative Content Developer

.

Joined a vital and vigorous collaboration with the publisher and technical staff; rapid development of a site module prototype and the initial web interface for two new Business-to-Consumer applications. Provided essential presentation layer web design services, including coding, graphic elements creation and copywriting.

HTML, CSS, JavaScript, Photoshop, Illustrator, HomeSite, IE, Netscape.

Rapsheets—Web Information Services, B2B and B2C

Nov 2002-Aug 2004—Freelance Business, Memphis, TN

Web Interface Designer. Creative Content Developer

.

Re-designed the look and feel, re-wrote creative content, re-coded page layouts, all based on extensive discussions with key stakeholders in the product. This new more user-centered business-to-consumer web interface allows complex backend systems to run easily and comfortably in the hands of the general public.

Development cycle included: Photoshop/Acrobat design mockups; a visual design specification for existing and future web products; and all of the presentation layer source code and graphics components required to meet the emerging standard.

Maintained an efficient build cycle; product launched successfully; revenues spiked in the first two months; the company was successfully sold in less than a year.

HTML, CSS, JavaScript, Photoshop, Illustrator, HomeSite, ASPX.NET/C#, Visual Studio, VSS, IE, Netscape.

RiverBottom Farm—Organic Agricultural Production

Nov 2002-Aug 2004—Freelance Business, Springfield, IL

Web Designer, AE, Information Architect, Creative Content Developer

.

Conducted extensive interviews with the client; analyzed communications needs; defined focal points in the message; structured the web site information flow; designed the overall look and feel; captured visual content with breathtaking original photography; coded and deployed the site; engaged web a analytics service to monitor visitor activity, over multiple development cycles.

HTML, CSS, JavaScript, Photoshop, Illustrator, HomeSite, IE, Netscape.

karenjoyce.com—Fine Arts E-Commerce and Promotion

Nov 2002-Aug 2004—Freelance Business, Boston, MA

Web Designer, Site Architect

.

Conceptualized and implemented a visual and information architecture upgrade. Managed the digital capture of raw content and performed the corrective imaging techniques required to reclaim legacy, analog subject materials. Wrote, tested and installed all source code. Created the object-oriented architecture, based on HTML, structured JavaScript HTML objects and external CSS.

HTML, DHTML, CSS, JavaScript, Photoshop, Flash, Illustrator, HomeSite, IE, Netscape.

Medtronic Sofamor Danek—International Spinal and Biologics

May 2002-Sep 2002—Memphis, TN

Web Designer

.

Contributing developer in the eBiz Solutions division. Collaborated on web graphics, icons and source code for a secure and ultra-private Wide Area Intranet/Extranet system. Supported PHP staff programmers in front-end dynamic output and middleware development. Designed, tested and installed static and dynamic content; delivered forms-rich template components; coding strategy included conditional content-reduction techniques for PDA download.

PHP, HTML, DHTML, CSS, JavaScript, PhotoShop, Dreamweaver, HomeSite, eGrail CMS, Acrobat, IE, Netscape.

Art & Logic—Award-winning Software Development Services

Feb 2001-Apr 2001—Glendale, CA

Web Designer

.

Developed user-interface prototypes for web-based, embedded-system, device management applications. Created virtual hardware control systems.

HTML, CSS, JavaScript, PhotoShop, Illustrator, HomeSite, FirstClass, IE, Netscape.

FedEx—Package Express, Worldwide Logistics Services

Mar 1999-Sep 2000—Memphis, TN

Web Interface Developer

.

Intense collaboration with stakeholders in the Marketing and Web Development departments on the new forms-rich user interface that became today's FedEx Global Trade Manager. I designed multiple versions of site templates, based on fluid business rules and expanding style requirements.

Acted as coordinating liaison with third-party vendors; supported C++ and PERL programmers in front-end development, including customization of middleware source code, and including creation/optimization of animations, still graphics and icons. Later refined navigation, layouts and architecture based on informal usability testing. Designed, coded and tested, multiple iterations in a proprietary version-controlled environment.

HTML, DHTML, C++, CSS, JavaScript, PhotoShop, Illustrator, HomeSite, Dreamweaver, Teamsite CMS, Acrobat, gifAnimator, WebRazor, IE-Netscape-AOL-UNIX browsers.

PIC USA—Global Agricultural Production

Mar 1998-Feb 1999—Franklin, KY

Web Designer, Business Analyst and Information Architect

.

Co-directed development efforts and collaborated to create and implement a large-scale Intranet/Extranet system module. Coordinated communications and motivated the business community to formally define functional requirements. Trained non-technical staff members in basic web design and construction, usability technique and simple development tools.

HTML, CSS, SQL, ColdFusion/CF Studio, Photoshop, Illustrator, Dreamweaver, FrontPage, IE, Netscape.

Internet Solutions—Web Development Services

Jan 1997-Feb 1998—Memphis, TN

Web Designer, Account Manager

.

Designed, produced and installed cleanly coded, large and small-scale commercial and non-profit web sites. Provided creative direction; acted as marketing liaison for sales support; consulted with clients regarding design specifications; managed and coordinated out-source talent.

Developed and implemented innovative web site design; constructed animations and ad banners; generated Perl CGI scripts using automated development tools; collaborated on customized e-commerce shopping carts, point-of-purchase marketing systems.

HTML, DHTML, CSS, Perl, GCI, Photoshop, CorelDraw, gif Animator, Illustrator, HTML Pro, IE, Netscape.

Skills and Technical

HTML5, 
CSS3, 
Responsive Design, 
SASS, 
SVG Graphics, 
SVG Animated Graphics, 
PNG Graphics, 
Affinity Designer, 
Affinity Photo, 
Photoshop, 
Illustrator, 
Typography, 
Web Copywriting, 
SublimeText 3, 
PHP, 
FTP, 
SFTP, 
Visual Studio, 
ASPX/C#, 
VSS, 
BeyondCompare, 
UX, 
UI, 
IA, 
User Experience Design, 
User Interface Design, 
Information Architecture, 
Balsamiq Mockups, 
jQuery, 
jQuery Mobile, 
Bootstrap, 
AngularJS, 
UI Bootstrap, 
UTF-8, 
Modernizr, 
Javascript, 
Audio, 
Video, 
Photography, 
Premier, 
Flash Animation, 
Final Cut Pro, 
Mouseflow Heatmaps, 
Mouseflow Analytics, 
Google Analytics, 
ActionScript, 
Interwoven Teamsite CMS, 
Development Best Practices, 
Agile Development Environment,
YouTube, 
Facebook, 
Twitter, 
Instagram, 
Chrome, 
Firefox, 
Safari, 
Opera, 
Blisk, 
Edge not IE,
New and emerging technologies. 
LA Metropolitan Area. 
Since 1997            

Education

Computer Learning Center—San Francisco

Study of programming methodologies and skills.

Rhode Island School of Design—Providence

Audit study of advanced painting and illustration.

University of Wisconsin—Madison

General study, the elements, style, and practice of visual design in the fine arts, communications and education.

Awards

Web Marketing Association - WebAward

Developer share in the Mattel Brands Online Web Marketing Association 2007 WebAward. Designed and implemented the new interface page model design for the winning BarbieCollector.com site.

Illustration Award

My successful creative partnership presented a complex set of design proposals to win the top-dollar award and the opportunity to develop original Biotech Bay flagship promotional imagery. Synergistic Design, Inc. San Francisco.

DETAIL: Biotech Bay master illustration.

Biotech Bay detail

All registered trademarks are the property of their respective owners.
Visual Design Elements Last Modified : Feb 28, 2017
Text Last Modified : Feb 28, 2017