Bahn Brenner Superchargers & Website

Portfolio

Worked closely with Microsoft Designers and Developers on the Surface team to create e-
learning training around the interface and design best practices for the Microsoft Surface 2.0
SDK and Training. Additionally, I worked with the Surface team to design a metro styled skin
based on the Surface 2.0 brand.
Silverlight 4.0, Surface 2.0 SDK TAP, Adobe Illustrator, Luminosity Studio, Visual Studio 2010, Expression
Blend

Created a hybrid brand template based on both HP and Microsoft corporate brands. Designed a
series of posters, banners and datasheets showcasing the four appliance servers co-developed
by Microsoft and HP. Worked closely with the content authors to assure design would work at
all sizes and form factors.

The 2nd design of the Visual Studio TFS "Golden Ticket" series. Included with the Windows 8 Developer Tablet given to each attendee of the //build
conference hosted by Microsoft in 2011. The Visual Studio logo was incorporated into a popup that opens to reveal a 3D version and a unique code to unlock the service.

The Customer Evidence Showcase is an extension of the existing Microsoft UX Kit. The Silverlight based site was redesigned to improve overall User Experience and assist in finding related content. The content was stored on Azure cloud storage and managed using a 3rd party Content Management Tool

Technical overview poster for SQL Server 2008. Features the 5 primary offerings as color coded regions positioned to show the relationship between each section. Worked with Each team at Microsoft to establish the overall content and visual representation of each offering. Developed custom graphical assets, icons and layouts. Focused on technical accuracy, useability and optimization across multiple form factors.

Created a data driven version of an existing poster that features real time XML based localization including support for R-L character sets. Custom controls designed to expand and collapse to adjust for the difference in text length. Similar in concept to DeepZoom technology in general interface but is driven by XAML vector content to provide data binding.

Infographic inspired poster design showcasing the form factors and features of each Zune device. Researched each device and developed custom illustrations to accurately illustrated the actual hardware including the internal hardware configuration.

Print production for 8 new Application Lifecycle Management hero scenario white papers. Focused on reader experience when choosing paper stock, binding, form factor
and layout. Created a series of icons and info table highlighting the product pillars.
Many of these graphics became standard and used in multiple places.

Five Application Lifecycle Management competitive discussion guides designed intoa booklet for internal Microsoft field salespeople. In addition to the competitive discussion guides, the booklet includes a table of contents, cover and section introductions, and an introduction (3-5 pages) written by Microsoft.

Printed catalog of solutions that have been certified with AT&T. This catalog was created in 2009 to update the existing catalog with new content and design guidelines. Rather than create a simple linear list of solutions, the catalog is categorized in two different ways; by solution vertical(telecommunications, manufacturing, legal...etc) and cross industry (security, email, VPN...etc). A Content Management System was created to store and manage the catalog data.Images, logos and content was then imported and laid out dynamically so that content could be easily edited and changed without having to manually edit the document.

BOIS Solution Architecture poster designed to display the different scenarios in a manner that helps communicate the specifcs of each solution. Custom graphics were created to help identify the required hardware, software, bandwidth and pros/cons of each solution

Arts Corps is the largest nonprofit arts educator in the Seattle area. In 2002 the site was re-designed to provide a more modern look and easier access to their content. Later, a dynamic JavaScript based image gallery was developed to streamline the creation of new image galleries and keep the content up to date.

Design and Development of the Content Master website. I created a long panoramic photograph of the Seattle Waterfront by stitching together multiple photographs. The image stitching was done manually using Photoshop. Once the panoramic was generated, the image was then split into multiple layers based on how close the objects were. The foreground has the iconic Seattle Space Needle and a few others separated from the background so that dynamic cloud effects could appear to flow through the city. A few randomly blinking lights further enhanced the overall effect. When the user clicks between sections, the entire city blurs and moves to the chosen section. Flash, AS3, Photoshop

Concepting and ui/ux design for a multi-tier, ranking, award, social and BI app. Created to show how gameification, social networking and Big Data could be used to enhance the Mobile device user experience. The system was intended to be run from a Cloud service to provide realtime data and allow for large scale computing to power the results and drive the dynamic UI elements. The overall visual design was intentially kept sparce and limited to using color for communication purposes. The actual branding of the final system would be based on the system palette of the device. Designed at Content Master with Chad Lundberg.

Prototype UI developed for MSDN "Take The Tour. XML driven to allow for rapid content updates Utilizes perspective transforms and multi-state animations to give the illusion of the virtual info panes flying through 3D space. Vector based controls used animated gradients to give the panes dynamic lighting effects. The left navigation used a custom "Fisheye" style that increases the size of the item that is hoverd over. Touch swipe was also added to utilize touchscreens.

Flash based Student Portfolio Website. I photographed a remote area of Alaska during the summer solstice. 8 photos taken from my Nikon D70 were stitched together to form a single image. The foreground, mid and background were seperated into layers and saved as transparent .png images. They were imported into Flash as seperate layers and custom mouse interaction and parallax code allowed the scene to appear realistic. Randomized clouds moved behind the hills to give a sense of motion and reality. When the scene moves towards the left, the lens flare from the sun rotates into position. The project icons animate into position virtually infront of the whole scene. They also blur similar to depth of field and fly into focus. The custom mouse code comes from very first portfolio website (sixspeedmedia.com 2003) where I allow the content to automatically scroll in relation to the mouse position in a way that lets them see content off screen. In the case of the parallax scene, the mouse allows the user to see my projects by simply moving the mouse across the scene. A motion blur effect was also added to the project icons and varies based on the mouse acceleration values.

I designed the UI and Icons for the app. Using the free app, industrial hygienists and safety professionals can quickly get answers to frequently asked respiratory questions, check the 3M respirator selection guide, identify 3M facepieces, cartridges and filters, walk through an overview of qualitative fit-testing protocols, and conduct fit tests.

Slideview is a concept that goes back to my days at The Art Institute of Seattle. I designed an interface that broke from the normal rules and created a design where the items were large horizonral sliding icons. An Icon can represent a folder or an individual item and changes layout to help communicate the differences. Multi-Touch and Swipe support were added to utilize the new and cutting edge multi-touch interfaces on the market at the time. The ui was data-bound to an xml file or Sharepoint list that has a matching file structue to hold the images. Multiple views were added so the user can switch between Slide, Grid and List views.

Photographic concepts for Open Road Winery. I used retro SLR lenses with adaptors on my Sony NEX 5n mirrorless camera. Most of the variations came from using alternate color light sources and changing lenses. Most of this series were shot on a 80's Minolta 50mm f1.4 manual focus lens. This gave me good sharpness but a narrow depth of field which I used to separate the bottle from the background. The older lens has a distinct look compared to the factory lens that came with my NEX. Using an f1.4 allowed me to illuminate the scene using only tea candles while still keeping the exposure short to minimize any vibration.