http://www.garybrandenburg.com/work daily 1.0 2018-03-21 https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435702982091-8UDI1Z2DGL9GMSE4QJ68/Grill+1+hands.jpg Portfolio Can you cook in a diner? This training game tests your ability to cook breakfast hot – and on time. If you do well, you will be hired. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436214932669-FYV7VGWLULDIIZIF4IS5/Grill+9+map+garybrandenburg.jpg Portfolio I developed this flow map to show the game architecture and its user journey. You must successfully cook 2 plates to be hired. Then you must juggle 3-plate orders to stay on the job. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435702982274-Q4XRD3V827OAQQFP1SHR/Grill+2+how.jpg Portfolio The head chef explains the rules at the start of the game, and offers a few hints! https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521642336067-655AY6SYEGDTDOTRRP2I/Grill+4+wireframe.jpg Portfolio I created wireframes of each key screen to test the interaction, game flow, and user understanding. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435702983153-IHDE8KLLF2XDOWHY8K90/Grill+4+one+plate2.jpg Portfolio Are you ready? Start with one plate. If you do well, you can proceed. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435702983246-MKA8X3V2US45V2NYLGCY/Grill+5+two+plates.jpg Portfolio You are not hired yet! Can you cook two plates at the same time? Remember, everything has a different cooking time! https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435702983867-BXQH56PFUKOJBG8KIYZZ/Grill+6+three+plates.jpg Portfolio You have been hired! Now it gets tough. Cook three plates of food at the same time. See the blue food? That is cold! Customers will complain! Be sure everything you cook is hot, and nothing is cold or burnt! https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435702983830-45O17QBBCJVLLJZPGR67/Grill+7+cooktime.jpg Portfolio Check this cooking guide to see how long each ingredient takes to cook. See the scrambled eggs? They are cooked with a pan, not the grill. And remember, when you check this guide, you lose time, so learn fast! Customers are waiting! https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521642419640-XA65IRERGHVNFHET1MK4/Grill+9+ingredients.jpg Portfolio I documented each key feature of the game. This table shows the ingredients for each meal. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446566057-BOOTVTXIUDHINDYQLUYQ/Tasty+2-1.jpg Portfolio All the ingredients that are necessary to build this sandwich are available to the learner. They drag what they need to the center work area to start the process. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446568461-2ITONVV65EQNVNUMAO49/Tasty+2-2.jpg Portfolio This example starts with several fresh ingredients and a sandwich that was pre-built earlier in the day, and stored in the cooler. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446569464-X09EKU7E6UZGBM40P433/Tasty+2-3.jpg Portfolio The sandwich is prepared to go in the oven. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446569353-F2L26HPDB8XGUU9IQLPM/Tasty+2-4.jpg Portfolio The sandwich is placed on a tray and put into the oven. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446570033-ALJRWXFIPHSHYD1EY1H9/Tasty+2-5.jpg Portfolio The oven is programmed for multiple products, including sandwiches. The employee presses the correct setting for one sandwich. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446571103-IDM3SB6H9W7OG24BO2N3/Tasty+2-6.jpg Portfolio The sandwich is removed from the oven after it bakes. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446571034-GAWZFVPAL0DHW81X62KF/Tasty+2-7.jpg Portfolio The employee adds recommended amounts of fresh ingredients. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446572118-YVUKFOT842AJ0M7PGAQV/Tasty+2-8.jpg Portfolio Then the sandwich is assembled… https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447446572430-4ZCVV91HYO45ZTPCZCRR/Tasty+2-9.jpg Portfolio ...arranged on a food tray, and presented to the customer. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436296225697-RE2JWU25JIM1AB0Q5F12/zebrazapps+4+gadgets.jpg Portfolio Increasingly complex interactions can be created by grouping components into “gadgets”. They are a visual form of object-based programming. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436296556330-H3UT42IFIONKTEQK2EMC/zebrazapps+5+event+flow.jpg Portfolio ZebraZapps allows multiple pages, or events. Multiple events flow together to create a complete project. Objects can be wired to events, or to objects within different events to control the flow of the application. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436296226758-KNPNCKGULF2V1J1PAHTW/zebrazapps+7+template+new.jpg Portfolio To help users jumpstart new projects, I designed a series of templates with distinct styles and interactive components. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436296227664-VL37XIBSKK19CNHVV3SF/zebrazapps+8+sketch.jpg Portfolio In my role as a UX and UI Designer, I developed sketches, wireframes, and documentation to test assumptions, guide concepts, and support development. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436296226849-TXLIEN31XHTQQIMNQI5R/zebrazapps+8+balsamiq.jpg Portfolio I used multiple tools to design interactions and prototypes. This example shows a concept created with Balsamiq Mockups. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521644011371-WQOAZTWQ3ZDD9N9WSTKB/zebrazapps+11+navigation+doc.jpg Portfolio I developed the development documentation and style guide for ZebraZapps’ primary workspace and navigation, including states and edge cases. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521644063574-I7H4V7E3JQ9JJJ2X8HB7/zebrazapps+12+child+ribbons.jpg Portfolio As needed, I developed high-fidelity, annotated documentation to describe object behaviors. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521644083751-MUCIP92YMAD4KZCGP55X/zebrazapps+13+ribbonplan.jpg Portfolio For the IN, OUT, and PROPERTY ribbons attached to each object, I maintained the taxonomy, vocabulary and messaging information. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521643789533-PBBFHD1CN0G1Z4D43JWN/zebrazapps+1+logo.jpg Portfolio I designed the visual identity for ZebraZapps. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435704446748-XP11JXC36M7BFIIEIGHD/zebrazapps+1+wires.jpg Portfolio Each object in ZebraZapps is smart. They can be connected to each other with “ribbons” and “wires”. OUT ribbons (outputs) in one object can be wired to IN ribbons (inputs) in another object to trigger actions, and PROPERTIES between objects can be linked. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435704446989-KUEJITW0I3YR7RL8CDY3/zebrazapps+2+tables.jpg Portfolio Answer tables, state tables, and calculations can be wired with objects to evaluate user responses and provide feedback. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436295812720-0MM9WAO2B2BLE4T9VF1L/zebrazapps+3a+simulate+sketch.jpg Portfolio Objects can be wired together to simulate real-world tasks and teach performance skills. In this example, you can prototype a gauge with sketches to construct the simulation. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435706275123-5TLIN1PLDMN372HHNLNL/WFT+1+home.jpg Portfolio The Wind Farm Tour is designed to create a “you are here” video story. Two enthusiastic hosts join you to tour a wind farm, and explore the science of wind energy. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435706275047-IPQCO2II8XO6U5Y0DPHI/WFT+2+mobile.jpg Portfolio The tour is designed to work on both mobile and desktop devices. Previous energy tours were created with Flash. This is the first tour created with HTML5 to also perform on mobile devices. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521641548775-XY84LFDCINQUQSZ5D1FM/WFT+3+map.jpg Portfolio I designed this architecture map to describe how the tour is built upon a basic, single template that is replicated for each topic. This template approach conserved limited funding for this project. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436313514956-CZL5GJ5NZTKUX5QDZBTA/WFT+3+3D2.jpg Portfolio I created a 3D wind turbine to represent its key components. 3D animations demonstrate a turbine’s internal structure and interaction with wind. Photos were combined with 3D images to compare parts of a wind turbine from multiple perspectives. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521641714352-0PV409HIK86HA0RNLGX0/WFT+7+fullscreen+video.jpg Portfolio The wind tour is designed to be presented in a classroom, so all videos and images can be expanded to full-screen. Here you see a video enlarged to full-screen. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521641734333-HEIRY09PYM0PBQCLYOH3/WFT+8+fullscreen+photo.jpg Portfolio Photos can also be expanded to full-screen. When they are enlarged, buttons are included to navigate between the photos in a topic, and to show or hide the photo’s caption text. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521641751548-5BEJDPZLBURBL60AM9A4/WFT+8+infographics.jpg Portfolio For the Wind Farm Tour, I have created a range of infographics and illustrations to visualize concepts and relationships. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435705230280-75FIX98MPCSWAFQIQF08/Energy+1+home.jpg Portfolio Energy Classroom uses a visual menu at the home page. In the right column, “Do You Know?” facts are randomly presented when a page reloads. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521649012996-B5HTUQMHFDWI5TMOPL8F/Energy+2+Power+Sources+video+story.jpg Portfolio The Power Sources and Conversation topics include video stories. Related video clips tell the story from different perspectives. These stories and the following tours were developed in Flash, which was the most effective approach at the time. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435705230187-RVXGA0SFWYUDQ1570D0A/Energy+3+plant.jpg Portfolio The Power Plant topic features a video tour. With two energetic hosts, you can visit a coal plant to see how electricity is made. Look into a hot boiler that is 15 stories tall, see how emissions are scrubbed, and climb more than 600 feet to the top of the power stack. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435705229247-9STWWQSX0H3NY35RCIY3/Energy+2+CEP.jpg Portfolio The Clean Energy video tour compares fossil and renewable energy sources and explores green technologies. It features two enthusiastic hosts who explore questions about energy and the environment. The tour offers a “whole planet” perspective, emphasizing that our actions are connected and interdependent. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521649082418-VU42BTR2OUWSK8BEM8M8/Energy+5+Wind+Farm+tour.jpg Portfolio The Wind Farm Tour is the first tour developed in HTML5, allowing it to be used on mobile devices. With two eager hosts, you can visit a wind farm, climb to the top of a wind turbine, and explore the science and technology behind wind energy. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435705230845-4YC3EPZ006QK98VDRJPO/Energy+4+puzzle.jpg Portfolio Some topics include interactive games like this Power Puzzle. It challenges you to assemble the parts you need to create different kinds of energy. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435705231294-0L3TZM7G286WVFOJJRZ1/Energy+5+pdf.jpg Portfolio Each topic in Energy Classroom is supported with downloadable pdf-based worksheets, activities, and experiments. These are designed for teachers and their classrooms. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435705231950-6UARV928JYIA5RQBM6SR/Energy+6+infographic.jpg Portfolio For each Energy Classroom topic, I have designed a range of infographics, illustrations, and diagrams to visualize systems and concepts. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435705232094-GWKGXNGNQ3L7VYDLSW8P/Energy+7+brand.jpg Portfolio Over its lifecycle, the entire Energy Classroom site has been periodically updated to reflect changes in Xcel Energy’s branding standards. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435707566522-M95LGKWKZY1LFE60OTGG/WTS+2+threeVolumes.jpg Portfolio The home page for each volume features an illustrated collage to represent its main topics. Each part animates, and links the user to its related topic. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435707566345-04F6VE3U746DAU4HA958/WTS+3+bees.jpg Portfolio This simulation demonstrates how bees use the “waggle dance” to communicate.   As with many “What’s The Secret?” interactions, this simulation offers two views of the same concept to increase understanding. - Position the sun and flowers to see how the bee will dance. - Or control the bee’s dance to correctly send your bees to the flowers. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435707567353-FVXATTPHBP6LCG08K4EH/WTS+4+sound+roller.jpg Portfolio “What’s The Secret?” visualizes physical concepts. Here are 2 examples: - See how a sound wave affects the molecules of air, water, and steel. - Or experiment with momentum on a roller coaster. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435707567356-5NTF1T5HDXY45EU45NFT/WTS+5+steger.jpg Portfolio Travel to the Arctic with Will Steger and his team. Learn how to pack a dog sled. Understand the problems they faced. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435707568124-L1GYKYG5XPEQ5JLQZBHS/WTS+6+airplane+heart.jpg Portfolio “What’s The Secret?” includes both physical and biological concepts. 1. Use pitch and speed controls to fly an airplane over a mountain range. Don’t crash! 2. Travel through a 3D heart. See how blood flows and valves operate. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435707568187-Z6S2YW29EJSMNSXO8J8K/WTS+7+patch+pak.jpg Portfolio As you explore, you can collect “patches” in your “patch pak”. They are hidden in each interaction. Can you collect them all? Each patch opens a game, puzzle, or other activity inside the pak. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435707568397-JRCWHXGR9MS1RUE64J81/WTS+8+characters.jpg Portfolio Connect with Newt (a young Isaac Newton) and his friends as you travel through the interactions. They join you to guide, react, and have fun! https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436215276164-ZLGUA28WWB3E6958TK49/WTS+9+map+garybrandenburg.jpg Portfolio I created this map to show the top-level architecture of What’s the Secret?. Each topic has 2 or 3 related concepts with supporting sidebars, experiments, and health connections. Video, Newt Notes, and Timelines provide context for each topic. The entire volume is supported with “patch pak” rewards and a user note pad. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708036518-S897KRENXVVBIRH660FS/3M+Identity+1+welcome.jpg Portfolio The Identity Site was designed to meet the needs of 4 user groups: employees, suppliers, dealers, and retailers.   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708036384-5U58022DRNOKWIR2208Z/3M+Identity+2+typography.jpg Portfolio The site included all brand identity guidelines and downloadable assets. These were collected from multiple sources, and integrated into this one central, streamlined resource.   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708036748-QIPGKD252I0MU5YHFFLE/3M+Identity+3+reference.jpg Portfolio Related identity aspects, including trademark, packaging, vehicles, and other applications were also integrated into this unified site. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708037185-1QS56FRTMW4ORYDLSX3V/3M+Identity+4+style.jpg Portfolio I designed and developed a database-driven style guide that we shared and maintained among the four teams developing the identity site. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436214454113-XQD9TJ9JQ5NOVZKVA9V5/3M+map+garybrandenburg.jpg Portfolio Collaborating with the teams, I developed this top-level architectural map to guide the user interface design. It was complemented with sectional sketches, and technology system maps. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708306224-NYK83I69AAZ3OM149NYJ/Bischof+2+indochina.jpg Portfolio Follow Bischof’s travels with his photos, diary entries, letters, sketches and exhibition plans. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708306303-RY1JIB0ZJ012PS68FMJ3/Bischof+3+umbrella.jpg Portfolio Each photo enlarges to show its detail and composition. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708306563-M1TX4E9TVEX89U8HCNDO/Bischof+4+finsler.jpg Portfolio In a series of interview, colleagues and friends describe Bischof’s work, passion and technique. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708306703-NRW64MVHKN34D7DSN3JN/Bischof+5+map+timeline.jpg Portfolio Additional resources including maps, timelines, and news stories position Werner’s work in the context of his time and relationships.   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708306869-R3K5N7XI8JKI6UTWTIM5/Bischof+6+archive.jpg Portfolio A gallery of Bischof's contact sheets and photos show his original images and those he selected for exhibitions. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435880756079-F5EBVN3GD16IPMJ9UHDK/bischof+show+1+Entrance.jpg Portfolio The CD-ROM was a centerpiece in an exhibition of Bischof’s photographs at the Minneapolis Institute of Arts. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435880756033-KOXG6F8AMI7TPS9CSB9W/bischof+show+2+Room2+angle4.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435880756780-X2NRSKIR2QKRFRP7ZSRU/bischof+show+3+Room2+CD.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708558657-ZJD1P5P4CTO363BR12QQ/St+Thomas+1+home.jpg Portfolio The home page lets you dive into the college experience, or get a few quick facts first. Two students walk through the interface to welcome you. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708558586-LFAWSC96491WP5IW60JK/St+Thomas+2+tour.jpg Portfolio The campus tour lets you walk around the campus, or jump to specific locations. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708559248-UK4QGWLSZ12TI1Z0JBPQ/St+Thomas+3+web.jpg Portfolio The companion web site was integrated with the CD-ROM. It modeled features that successive sites build upon. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708558924-ASX1N96XLO28I8NDV8HS/St+Thomas+4+student.jpg Portfolio As you walk through the campus, you can stop and visit with students in a series of video interviews. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708559747-55YDPG0I79FCI41ZO99J/St+Thomas+5+hosts.jpg Portfolio These three students create a friendly and funny background story. They unexpectedly walk through the interface to say hello, and point out special things to see. They are also trying to meet each other, but never actually do. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708559498-0KBCGXLVIPEVQ3JVCBUY/St+Thomas+6+question.jpg Portfolio Questions are scattered through the experience to directly address common perceptions that incoming students may have about college. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436215014763-F8KS80HLGFMEA0ES27VC/St+Thomas+7+map+garybrandenburg.jpg Portfolio We developed this high-level architectural map for the project. It shows 3 levels or “orbits” with 5 main topics and supporting information, and 6 library components that can be accessed anywhere. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708862686-SA10MN65VMUHPJXNKWNB/UAL+Gate+1+reader.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708862754-RI6IF4KSSBDX7RH7LEYU/UAL+Gate+2+reader.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708863211-CMQIKW0HDVAE1AP4IZDG/UAL+Gate+3+team.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708863329-I47KJ55GAK2F7TTHHWXS/UAL+Gate+4+phases.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708863708-PPMJG6XD4DRRP1PCW2NM/UAL+Gate+5+challenge.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708863752-PSMEX4JADDL725IUTJK7/UAL+Gate+6+simulation.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708864393-JL77WC1VCN1MF5U8YXZA/UAL+Gate+7+tickets.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708864012-H289NNPB69ENVMYH4QFD/UAL+Gate+8+passengers.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521639399705-B7E2OAW5TFN4EA9HM5O1/RiverSource+2018+1-+home.jpg Portfolio RiverSource Insurance offers both insurance and annuity products through Ameriprise Financial Advisors. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521639420818-A8NJ1J8P2NXPGQ1GBAFW/RiverSource+2018+2-+site+map.jpg Portfolio We partnered with the RiverSource business team to help identify needs and improvements. To support this analysis, I periodically created a map to provide an overview of the site architecture and where assets were being used. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521640041712-HP51MV00W7SOHQO3AJEB/RiverSource+2018+4-+whiteboard+doc.jpg Portfolio As we progressively tested our prototypes, we sketched new ideas to challenge our assumptions. When our approach solidified, I documented key features, behavior rules, and edge cases. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521640061200-V5IRTAW1D3EI2MN08MV1/RiverSource+2018+5-+SS4+design.jpg Portfolio Our designer translated the prototypes and sketches into a clean, open interface that met branding guidelines. The “Report” button generates a custom PDF report for the user to review the calculator’s results. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521640077690-HAMP8UHZJZGJH291ZWEX/RiverSource+2018+6-+competitive+study.jpg Portfolio To help RiverSource stakeholders define new business needs, I periodically created competitive studies. I consolidated the site studies into comparative tables to provide an overview, and reveal patterns. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521640129749-SR9BRMTE4EPOXHDQY1TO/RiverSource+2018+7-+content+map.jpg Portfolio For some efforts, I facilitated content ideas with our stakeholder teams. We defined information components and mapped them into journeys, relationships, and priorities. This gave us a structure to brainstorm new interaction designs. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435709420920-XAK7FRBQIJ0REJ77ROMW/Fairview+1+welcome.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435709420744-RMRQRGMVZCE4Z79SGSYY/Fairview+2+doctor.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435709421631-YMCIDY8W7JN53A2ZAXMO/Fairview+3+patients.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435709421405-SWFG2J2C392WKGCD9X9F/Fairview+4+care.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435709422515-IMKPGFFINM9C7VYY0ZD6/Fairview+5+southwest.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435709422106-7M0KE5ATRNNCDLQQQH7K/Fairview+6+central.jpg Portfolio     https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436216428188-9A9GBA3PFR7ENM8OGKQQ/Ameriprise+1+garybrandenburg.jpg Portfolio This animation visualizes the process of transferring mutual funds to another account. Since the value of mutual funds can change, there may be capital gains taxes to pay. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436216428124-DV9CVD0KLBBPLW4443YM/Ameriprise+2+garybrandenburg.jpg Portfolio A generalized life-long investment strategy is visualized in this animation. It shows how a plan starts with secure funds, then progressively adds higher growth investments, which are the first to be withdrawn during retirement years. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436216428370-WH4SI53M34FR3T5ZVT1M/Ameriprise+3+garybrandenburg.jpg Portfolio Dollar cost averaging is a strategy to facilitate consistent investment and manage the fluctuating cost of shares over time. This visualization shows how the process works, and the savings that can be achieved. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436216428606-ADXN5M6OZ21EWK1EKQ7K/Ameriprise+4+garybrandenburg.jpg Portfolio This project included software simulations. The animations visualized the transactions that IDS financial advisors would be doing with their customers. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436224082863-FAV44327UGWBZSRBBW12/Scouts+1+theater+garybrandenburg.jpg Portfolio When the Boy Scouts of America built a museum in western Kentucky, they included a 360 degree orientation theatre. This experience presented the scouting experience with seven screens and fifteen projectors, completely surrounding visitors. It opened with a Court of Honor ceremony for a new Eagle Scout, and culminated with the celebration of a National Scouting Jamboree. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436224082933-7SI4QHKNW0LAI6HJPL7T/Scouts+2+design+garybrandenburg.jpg Portfolio I collaborated with Donna Lawrence Productions to design an immersive experience with this circular screen architecture. To facilitate our design process, I developed interactive storyboards to visualize the design and flow of the presentation, and document its unique programming architecture. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1480310125360-04GQUPPOXJ264ZPAEXVX/MNRRA+1+whoEats.jpg Portfolio MNRRA – the Mississippi National River and Recreation Area – is part of the National Park Service that stretches along the Mississippi River through Minneapolis and St. Paul, Minnesota.   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1480310125435-UPXUVWHRM0TE3JNE3R03/MNRRA+2+centralRiver.jpg Portfolio MNRRA coordinates environmental education with public and private organizations along the Mississippi River. They asked us to create a public kiosk-based interaction that reflected their unique situation.   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1480310126198-WBD6TBH8B79PC3SO1VEF/MNRRA+3+lockDam.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1480310125789-6B4YZD8B8C0FLGPWJCBG/MNRRA+4+videoHeron.jpg Portfolio In this experience you can visit historic sites, unravel a food web, operate a lock and dam, test your river knowledge, and fly over the river like a heron.   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1480310126128-R8GZIHFAUJDFTBLD711E/MNRRA+5+admin.jpg Portfolio We created a modular system designed to allow multiple organizations to participate, and grow as funding became available. Each new module can be customized by each funding partner. They can use the program’s administrative section to set their topic to be the “home” file. This allows them to feature their part of the Mississippi River story – while still allowing users to access the entire program. Together the linked stories create a multi-faceted picture of the river and its impact. This project was started almost 20 years ago. It has adapted and grown over the years, and has become the basis for exhibits still in use today.   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436232255655-0S7WDKR68XJS319Y6UZ0/Cahokia2-1+temple+garybrandenburg.jpg Portfolio From 900 to 1300 AD, Cahokia was the trading and cultural center of North America. It was a city of about 20,000 people, larger than the city of London at that time. Its people traded goods and materials across the continent, and built monumental mounds that still exist today.   The Cahokia Mounds Museum was built at the city's historical site just east of present-day Saint Louis. As part of a team with Donna Lawrence Productions, I designed “City of the Sun”, a 13-projector, multimedia show to introduce Cahokia and its people. The show has received multiple gold medals in national film festivals, including the 33rd Annual New York Film Festival. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436232257354-S7B36NYPT3VJTG5LSTFP/Cahokia2-2+trade+garybrandenburg.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436232256629-8DBDPGPOW684BM1VN8C5/Cahokia2-3+blessing+garybrandenburg.jpg Portfolio As part of the design for this show, I developed conceptual sketches for three new paintings that were commissioned for this project. Then I had the pleasure to work with archaeological painter, Michael Hampshire, to realize them. These paintings were pivotal elements in “City of the Sun”, and continue to be used today to help tell the story of Cahokia. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436232257130-U6GV7CZ0FBZ5L41OKFSH/Cahokia2-4+design+garybrandenburg.jpg Portfolio For this multi-projector experience, we developed interactive storyboards to simulate both the design and flow of the presentation, and document its programming architecture. The show has since been translated into a wide-screen video presentation, which still runs today. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436225155648-HBTOPH37LQIX8TM4O69R/Dig3-1+home+garybrandenburg.jpg Portfolio The Big Dig was the largest and most complex highway project in the history of the United States. It replaced the Central Artery highway in Boston with a 10-lane underground highway, built new bridges, and created over 300 acres of open waterfront land.   During this multi-year project, the Boston Museum of Science and Michael Sand created an experiential exhibit to describe the project's construction process and issues. We collaborated with Michael and his team to develop an educational kiosk within the exhibit. It merged videodisc interviews with simulated tasks and debates to immerse visitors in the big decisions and challenges that faced the project. You can talk to 8 different people and try the tasks for which they are responsible. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436225155278-B0AXC8PZLBN3E1QQUVJB/Dig3-2+dig+garybrandenburg.jpg Portfolio Dig for a core sample to decide where street utilities will be built. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436225155516-PZCAKS5SH8FWFHCIH3LI/Dig3-3+house+garybrandenburg.jpg Portfolio Decide how new land will be used. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436225155826-KTERNEH2FH36R4DLBYV0/Dig3-4+freeway+garybrandenburg.jpg Portfolio Design the entrance and exit ramps of a freeway. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230003977-LFUHJ7B75VJBTF36N60U/Print+1+Allen+garybrandenburg.jpg Portfolio We are Celebrating! Allen Interactions   This promotional brochure celebrated the 20th Anniversary of Allen Interactions. It featured their work and mission, and set the stage for a year-long celebration. __________   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230007684-ZO038VM5CDLBO6M4M3B1/Print+2+DLL+garybrandenburg.jpg Portfolio One Connection. Real Solutions. Seth Levin & Associates Disability Linkage Line   This information booklet describes how Minnesota’s Disability Linkage Line is a one-stop connection to find whatever is needed for a person’s situation. These services are now also part of the Minnesota Help web site. __________   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230004727-Y04E68EFVQGBJQBQW7S0/Print+3+Ohiyesa+garybrandenburg.jpg Portfolio Ohiyesa - The Soul of an Indian Syd Beane: B&B Productions Kristian Berg: Bramble Films   This proposal invites funding for a television documentary about one of the first Native American medical doctors in the United States, known by his Dakota name as Ohiyesa, and by his English name as Dr. Charles Alexander Eastman. He survived the Dakota War of 1862, graduated from Boston University as a physician, and was the only doctor available to the victims of Wounded Knee in 1890. The documentary follows his descendent, Katherine Beane, as she traces his story and the issues raised by his life and work. __________   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230005401-QQNO1VNY4YQNCRVVULK8/Print+4+Hildalgo+garybrandenburg.jpg Portfolio Identity System Mary Lou Hildalgo   Mary Lou is a successful copywriter and content strategist. Her clients describe her as fun, fantabulous, creative, full of enthusiasm, a great thinker, and a true gem. I collaborated with Mary Lou to find a way to reflect her positive and colorful view of life in her identity materials. __________   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230005966-XLAXCK1F5Q655SACYRGI/Print+5+Earth+garybrandenburg.jpg Portfolio - Holiday Poster Gary Brandenburg   I created this poster as a holiday gift. It relies totally on the amazing impact of a NASA composite image of the earth. Their work offers a powerful contribution to our understanding of ourselves on this planet. __________   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230006418-T2P2O1NSRJTMJ38D4JOG/Print+6+Holiday+garybrandenburg.jpg Portfolio Holiday Sparkles Gary Brandenburg   This shows one illustration from a 2-page holiday card that I distributed as an Acrobat PDF document. It included elements that sparkled as the user rolled over the image. __________   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230006878-S04T12C7LT1Q84NWIH83/Print+7+Logo+garybrandenburg.jpg Portfolio Logo Design Multiple Clients   These show a small sample of logos I have designed for various clients, projects, and identity systems.   https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230007513-98FSSN7LNURZ9QN8EAXE/Print+8+Logo+garybrandenburg.jpg Portfolio __________ https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447448359796-KMP9AC8IE65BWGJA0TBH/Medtronics+Inkling Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447449059541-NQI9JH4ZS01YZFN6Y7C8/image-asset.jpeg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447448757362-PXRJ1838RCKHCI7OXWBT/image-asset.jpeg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447448919629-6CQM22RTZ9X0DLY7CJO5/image-asset.jpeg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637481519-EQT2O88PHO3A3PAV1CG6/Columbia+2018+1-+home.jpg Portfolio Columbia Threadneedle is an asset management company who offers three product sites to focus on the specialized needs of financial advisors, individual investors, and institutional clients. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637526419-PE2FVR7GSM9IYAT3YBUQ/Columbia+2018+2-+adv+migration.jpg Portfolio I helped to migrate the Advisor site to a new updated platform, with improved capabilities and updated branding. I created wireframes to define layouts and map pages for the the new site. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637557756-AQNGULRU9RLF475YNLIR/Columbia+2018+3-+adv+home+prototype+v3.jpg Portfolio The Advisor homepage features 5 Investor Goals. I developed ideas with whiteboard sessions and several prototypes to test how to present them in a way that was interactive and easily understood by users. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637599373-I11BS5RR5EUQW7QWG2X4/Columbia+2018+4-+BAU+cap+gains.jpg Portfolio All three sites are continually improved to add features or new information. To document these changes, I captured current page designs and described how these changes would be implemented. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637666897-5TY61T6PK1L2W9FWECUV/Columbia+2018+5-+ETF.jpg Portfolio The sites continually shift as products are moved or acquired. This site map shows how two newly acquired product sites were merged into one subsidiary site. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637704236-TS6R7VHL092SYN07D72W/Columbia+2018+6-+heat+map.jpg Portfolio We continually tracked site traffic and usage to help identify user needs. This shows a heat map to identify which parts of this global page is used most frequently. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637751664-81STMKNH3Z17OJ6ES1ZP/Columbia+2018+7-+Investor+Migration+map.jpg Portfolio When we started to migrate the ColumbiaThreadneedle Investor site, I helped to lead our team analysis with a large map of the site. We identified current issues and questions, and marked them with sticky notes on the map. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637782788-M0K2XI8R74R7WZ99P3Q4/Columbia+2018+8-+Investor+clicktest.jpg Portfolio As we migrated the Investor site, our designer developed two solutions for a content page. Collaborating with our UX Researcher, I conducted a test to validate which design allowed users to find information more quickly and accurately. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521637806852-95E2U4S3IR0ECIH1P1MH/Columbia+2018+9-+Investor+home+v1.jpg Portfolio I developed low-fidelity wireframes to help our business partners understand and reorganize the content structure of the Investor homepage. In the first two versions, the colors represented each type of content. https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521641139752-PQQTAR65JBBILWMJUCCO/menu+Columbia.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521641161752-JM3DU6M82Y6HH878E2T4/menu+RiverSource.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1521641197301-AEQNIZ591H6YTE7BI52N/menu+Medtronic+more.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435707935093-GTUB2RQXL1IMXPWGB20Z/menu+3M.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435708480639-JJ78MP3W7XWGV9VV1TJJ/menu+st+thomas.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435709301365-0Y6EBUAZ4W3X42AS5TB2/menu+Fairview.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435857109948-ARJH0O1K4JR0SFXMG4ZP/menu+Whats+the+Secret.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435857218458-CQTL7T24GE435FIYAG5I/menu+Bischof.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435857435258-I1UQ0LU0ZO1RQVGP9NIA/menu+Gate+Training.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435858430509-0IND7LKSSLVISEMEG5N5/menu+Energy+Classroom+5.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435859592392-D6NO74CNAG574OLBOYWS/menu+Grill+Game+2.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435861990022-ARV7F8JK6ACPHU0QIW6K/menu+ZebraZapps+4.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436221372985-YODEUDKOFKHW86QZNUF5/menu+IDS+garybrandenburg.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436224277439-3XTWRZBLFK9LULXEZLJJ/menu+Cahokia+garybrandenburg.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436230946156-4856DZB1M5DX63MHZMAT/menu+Print+garybrandenburg.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1436311484986-1NKHOFGEPCQUIKFXYSYM/menu+WFT8+garybrandenburg.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1447447745738-R4U7Z3ALZNZY295128CB/menu+Sandwich+DQ.jpg Portfolio http://www.garybrandenburg.com/new-page daily 0.75 2015-07-01 http://www.garybrandenburg.com/about daily 0.75 2018-03-28 https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435859246341-GAV1JHTAVLHQ6PJQAAEU/gary-brandenburg-logo About https://images.squarespace-cdn.com/content/v1/5592d595e4b040c8aa42118e/1435859177478-Z8WPICLDRIJJWDHPVP5C/gary-brandenburg-designer About http://www.garybrandenburg.com/new-page-1 daily 0.75 2015-11-13 http://www.garybrandenburg.com/investment-insight-1 daily 0.75 2018-03-21 http://www.garybrandenburg.com/read-me-avenue daily 0.75 2025-05-12 https://images.squarespace-cdn.com/content/v1/4fd1028ee4b02be53c65dfb3/1377122138273-T4CY2P9250M4AKM3YGHZ/Brand%27s+creative+mind+%2820130821%29.jpg Read Me https://images.squarespace-cdn.com/content/v1/4fd1028ee4b02be53c65dfb3/1377122430471-3N5PIOOQ8YDNX5VOP807/CRAINE%26JONSON+%2820130821%29.jpg Read Me https://images.squarespace-cdn.com/content/v1/4fd1028ee4b02be53c65dfb3/1377122107913-PW08QOSWT7TOGMPCJLIF/HELLO+ZSO+%2820130821%29.jpg Read Me