Crackdown 3

Senior Designer

I was Senior Designer for celebrating the launch of Crackdown 3

The Challenge: Scifi Comic Style on the Web

What I did:

  • 3D movement and camera in Adobe After Effects
  • Animation effects in After Effects
  • Vector interface design in Adobe Illustrator
  • Color pallet & hierarchy
  • Typography
  • Iconography in Adobe Illustrator
  • Requirements gathering & Stakeholder input
  • UX Strategy
  • Competitive research
  • Analytics analysis
  • User journey analysis
  • Wireframes
  • Design iteration and evaluation

*Crackdown 3 logo and characters by Microsoft.

Skill Icon Animations

What I did:

  • Vector skill icons in Adobe Illustrator
  • Hand program animation timings in CSS
  • Icon interactions in Javascript

UI for Any Device

Welcome to the Agency website screenshot

What I did:

  • User interface design in Adobe Illustrator
  • Front-end web programming with HTML, Javascript, CSS
  • Responsive, adaptable layout for varied content
  • Interface animations in CSS, Javascript
  • Character layouts in Adobe Photoshop
  • Tiling vector backgrounds in Adobe Illustrator

*Crackdown 3 logo and characters by Microsoft.

Unique Content Shapes

Reports from Field Agents screenshot

What I did:

  • User interface design in Adobe Illustrator
  • Lightweight vector interface with SVG assets
  • Front-end web programming with HTML, Javascript, CSS
  • Responsive, adaptable layout for varied content
  • Interface animations in CSS, Javascript
  • Character layouts in Adobe Photoshop
  • Simplified data entry for content editors