theBATstudio

ABA Storyboarding and Interactive Experience

An intelligent and user-aware information design creates the foundation for any successful communication. Our UX/UI starts in the Brand Synthesis® process by identifying core communication goals, and thereafter develops through a structured process of translation, organization and visualization of the information into testable prototypes.

Our UX/UI process offering includes functionality specification, technical requirements, sitemap, wireframes and interaction testing for basic website and online applications, as well as more detailed product design and specification for complex web applications. 

  • 0132WorkABAWires1
  • 0133WorkABAWires2
  • 0134WorkABAWires3
  • 0135WorkABAWires4
  • 0136WorkABAWires5

ABA Interactive Storyboarding

With design concepts in place, the next step in crafting the ABA website experience was exploring how to create a highly immersive interaction that satisfied all of the client's content requirements. We developed an extensive set of wireframes and storyboards which evolved with the visual design to capture interaction points, and provide detailed specifications for the development team. 

ABA Storyboarding an Interactive Experience
BAT developed an extensive set of wireframes and storyboards to visually define the goal of creating a highly immersive interactive experience. This detail helped evolve the design as new interactive experiences were explored and provided the necessary specifications for development.
  • ABASitemap 01
  • ABAWireframes 01
  • ABAWireframes 02
  • ABAWireframes 03
  • ABAWireframes 04
  • ABAWireframes 05
Callidus Website Information Design
A detailed sitemap and wireframes were key to the project success in capturing content management needs, technology requirements, and development of Functional Specifications.
  • CALWireframes 01
  • CALWireframes 02
  • CALWireframes 03
  • CALWireframes 04
  • CALWireframes 05
  • CALWireframes 06
Eloqua InfoGraphics
BAT crafted a simple infographic for use with collateral, Powerpoint decks, and the website that communicated the core offering across the different mediums.
  • ELOInfoGraphics 01
  • ELOWebFinal 02
Foundation Source Website Information Design
BAT leveraged extensive internal and external interviews to design and intuitive information architecture.
  • FSWireframes 01
  • FSWireframes 02
  • FSWireframes 03
  • FSWireframes 04
  • FSWireframes 05
Taproot Product UI Design
BAT worked with the executive team to design a comprehensive SaaS platform, unique to the pro bono community.
  • TaprootSitemap 01
Copyright © 2012 theBATstudio. All rights reserved. facebook.gif btnin20x15.png digg.gif delicious.gif