/Interface Design

Web design: PatrickBannan.com

Web design: PatrickBannan.com

I thought I’d go on record: I hammered this puppy together myself.

Designed and coded from scratch then integrated with Wordpress, the biggest challenge was digging into PHP to get the gallery and other details functioning properly, and simplifying the posting process (now I only need two tiny snippets of code for full gallery functionality for any post). Giddieyup.

  • Created with: Photoshop, HTML, CSS, Wordpress, Highslide JS
Web Design: PeaceMaker Hompage

Web Design: PeaceMaker Hompage

  • Created with: Adobe Photoshop
  • © ImpactGames
Web Design: ImpactGames

Web Design: ImpactGames

  • Created with: Adobe Photoshop
  • © ImpactGames
Print Design: PeaceMaker Box – US Distribution

Print Design: PeaceMaker Box – US Distribution

  • Created with: Adobe Photoshop & Illustrator
  • © ImpactGames

This is the first version of the box art, which I developed from concept to completion. The second version was polished up and formatted for a special distribution in the Middle East. It coincided with the Annapolis Peace Summit and was covered by ABC Headline News. Neat.

Web Design: Distinctive Dental Services

Web Design: Distinctive Dental Services

  • Created with: Adobe Photoshop, HTML/CSS, Joomla

This mock was ultimately coded and turned into a joomla template for easier site management.

Print Design: Event Badges

Print Design: Event Badges

  • Created with: Adobe Photoshop & Illustrator
  • © ImpactGames

These are ID badges that attendees wore for an event where PeaceMaker was presented.

Interface Design: PeaceMaker Dialog Windows

Interface Design: PeaceMaker Dialog Windows

  • Created with: Adobe Photoshop
  • © ImpactGames

This is one example of several varieties of interface elements. Elements and icons were designed for stylistic consistency and according to game events.

Interface Design: PeaceMaker Start Screen

Interface Design: PeaceMaker Start Screen

  • Created with: Adobe Photoshop
  • © ImpactGames

This screen has subtle scrolling animation of the images and news ticker, and localization support for hebrew and arabic.

3D Modeling, Lighting, Texturing & Interface Design: PeaceMaker Icons – Israel

3D Modeling, Lighting, Texturing & Interface Design: PeaceMaker Icons – Israel

  • Created with: 3DS Max, Adobe Photoshop, Adobe Illustrator
Web Design: Play the News Portal

Web Design: Play the News Portal

  • Created with: Adobe Photoshop, HTML, CSS
  • © ImpactGames
3D Modeling, Texturing, Lighting & Interface Design: PeaceMaker Icons – Palestine

3D Modeling, Texturing, Lighting & Interface Design: PeaceMaker Icons – Palestine

  • Created with: 3DS Max, Adobe Photoshop, Adobe Illustrator
  • © ImpactGames