Yo, I'm Griffin Byron!

who I am & what I do

I am a Motion Designer, animator and UX Designer. I enjoy researching, planning and designing engaging user experiences. I love design. I love how life influences design. I love how design influences life. I also really enjoy working with cool people to create really, really amazing things.

Simplicity is golden! Unless, of course, the message is to display the opposite. In the chaos of information and media overload, users need crisp, simple interfaces that are intuitive, uncluttered, and responsive to their needs.

In a slick design, detail matters! Creating polished, integrated designs makes me tick - always bearing in mind the Universal Principles of Design.

Design

Photoshop / 9 years of experience Illustrator / 8 years of experience Adobe XD, MindNode / 1 year of experience Sketch, Omnigraffle / 4 years of experience Axure, Balsamiq / 2 years of experience Optimizely, Google Analytics / 3 years of experience

Animation

Slick animations turn me on. I have been animating over the last 12 years or so, using predominately After Effects, Premiere & Animate (previously Flash, before Apple kicked in).

For web-based animation (non-encapsulated moving graphics), my preference starts with CSS animations for essentials, then Javascript libraries such as velocity.JS, Angular Animate & jQuery.

For Data Visualization projects, I use the Javascript libraries D3 & Highcharts, usually in combination with Angular.JS

Flash/Adobe Animate / 7 years of experience After Effects / 5 years of experience Premiere / 2 years of experience Maya / 3 years of experience jQuery & CSS3 animations / 4 years of experience D3 & Highsharts / 1 year of experience

I Specialize in:

Services  - UI

Interface Design

Low-fi sketch ups, wireframes, PSD mocks, mock user interactions. Iterative development, interaction animations, demoable prototypes (code, PSDs, user interactions & code).

Services  - UX

User Experience

User & usability research, user profiling, journey maps, taxonomy research, low-fi sketching.
Paper prototyping & card sorting. I do a mean lunch napkin mock!

Services  - Web

Web Development

Pixel-perfect code realizations. Content strategies. JS frameworks & JS automation tooling (Node). Unix scripting for deployments, git, ssh, rsync & making OSX pur like my pug.

Services  - animation

Animation

Infographics, titles, promos, web banner ads, light weight website animations, logo animations. Keynotes & animated titles. I use After Effects, Maya, Adobe Animate, Highcharts & D3.

Professional Experience

Pug in a Box Design

UX Designer & Animator

2016-present
  • I have worked with various clients over the years, including the MarcUSA, University of Pittsburgh Medical Center, First Commonwealth Bank, Priorities USA, Open Arc, Commit2Conquer Cancer, Allegheny Health Network, Apraxia Kids and many others.
  • Improving and better aligning a client's application with customer needs through user research - including in-depth interviews, contextual inquiries and field research.
  • Reveal true user habits: persona creation optimizes user journeys, which speeds up developing strategy maps.
  • Lead ideation & development workflow meetings in engaging ways.
  • Provide thought-provoking environments working with UX strategies, including user profiling.
  • Creating exceptional deliverables working with art directors, entrepreneurs, media peoples, account excecutives, developers, copyrwriters and local artists.
  • Projects include sales research towards increasing annual venue by 5%, SEO Analysis increase online and social footprints, website evaluations including recommendations based on collected user data, brand-determined design systems and style guides.
Pug in a Box Design, Pittsburgh
Clarabridge

UI Developer

2015 - 2016
  • Rethinking user Interface design when dealing with big data.
  • Incorporating user research & scenario storyboarding to solve UI problems.
  • Rapid prototyping with Angular.JS & Bootstrap to create unique & rich experiences.
  • Developing & applying building tools to our SDLC using Sass, Gulp & Node/NPM.
  • Purpose-driven animated eye candy helps users get key info fast: infographics animation, using Highcharts & D3.
Clarabridge, Reston Verginia
strayer

Frontend Developer

2013 - 2015
  • Overhauled student iCampus portal to optimize the user experience.
  • Collected data showed newly launched site was easy to navigate & fast to use.
  • Students often use old computers phones, so I spear-headed IE8 support & responsive design.
  • Develop design systems and style guides adhering to brand constraints.
  • Front-end dev of all Strayer & JWMI sites.
  • Developed new landing page assets and layouts for A/B testing.
  • Strayer's Drupal code base was a zoo, which required some creative thinking to overcome load times and UX journey flow.
Strayer University, Herndon Verginia
Creative Circle

Animator

2012 - 2013
  • Adding a unique edge to client-requested animated banner ads.
  • Flash SWF deliverables before client deadlines.
  • Front-end Development using clean compliance-orientated coding practices adhering to modern web compliancy.
  • Speedy delivery for last-moment client changes to asset deliverables.
  • Implementation of marketting codes.
  • Surprise clients needing Keynote/Powerpoint presentation templates & splash intros - with slick animations, if needed).
Creative Circle, Washington DC
Opus One Productions

UI Designer / Frontend Developer

2011-2012
  • Sometimes all that is needed is some quick Photoshop mockups for a re-brand, then the final champion PSD gets a pixel-perfect web look.
  • User Interface prototyping for mobile app version of site.
  • Converting pixel-perfect PSDs into code.
  • Extracting assets from final mock to provide web-optimized versions.
Opus One productions, Pittsburgh, PA
Scholarhero

UI / UX Developer

2010-2011
  • Uncovering UX strategies for a new startup launched as part of Thril Mill.
  • User research with design-thinking in mind, targeting students and scholars.
  • Based on user research, develop user flows and journey maps.
  • Front-end development.
  • Mobile app prototyping/development.
Scholarhero (startup), Pittsburgh, PA
Mullen

Digital Media Intern (Summer)

2011
  • Creating animated banner ads with a fresh look, using Flash & Adobe Edge Animate.
  • Wireframing for a new campaign for First Cpommonwealth Bank.
  • Web Designer for asset deliverables across multiple project simultaneously.
  • New campaign pitches with clients
  • UX/UI design for a new mobile campaign.
Mullen: PA office before MullenLowe merger
Art Coalesce

Art Director

2009 - 2011
  • Lead meetings with local artists and potential funding sources.
  • Networking at local businesses and events to raise public awareness.
  • Non-profit management & marketing.
  • Effectively build, motivate, and direct design and production teams.
  • Finding unique ways to engage the public with local art.
Art Coalesce, Inc
Brown

Teaching Assisant

2005 - 2008
  • Prepared syllabi, gave lectures & taught labs for grad & undergrad students.
  • Directing exhibitions & musical ensembles.
  • Concert programming & marketing.
  • Listserv maintenance.
Brown University, Providence, RI
NSF

Flash Developer

2004
  • Commissioned Flash site for Future Directions In Biological Science.
  • Brief was "make science sexy"...
    Experimenting with full page animation to draw the eye.
  • Conference site administration and Listserv maintenance.
National Science Foundation
CITL

Flash Developer/Animator

2003
  • The creation of an interactive DVD for Orchestral Instrumentation training, using Adobe Flash (now Animate), XML & Actionscript.
  • Finding interesting ways to incorporate animation on transitions.
  • Researching innovative ways for page constistancy throughout entire layout.
Center for Innovative Teaching and Learning
Edith Cowan University

Graphic Designer

1996 - 1999
  • Successfully managing and coordinated graphic design projects from concept through completion.
  • Creating homogeneous designs for all touchpoints.
  • Successfully translating subject matter into concrete design for newsletters, promotional materials and sales collateral.
  • Maintaining brand identity when working with print outsourcing.
Edith Cowan University

Project Type

MOTION GRAPHICS &
ANIMATION

  • Infographics,
  • Titles,
  • Promos,
  • Ads,
  • Character Animation,
  • Logo Animation
ux

User Experience &
User Interface Design

  • Ideation,
  • Wireframes,
  • Prototypes,
  • Stortboarding,
  • User Research
placard-design

Design & Illustration

  • Brand Development,
  • Websites,
  • Vector Art

Contact me

Let's Chat!

Whether it's a slick animation, app, a site, data visualization, or billboard poster, I am always looking for new exciting projects to be a part of.

contact griffin byron @ gmail.com
Mon-Fri 6:00AM - 6:00PM
Pittsburgh, 15220, USA