http://jordanbraun.com interaction design + art direction Sun, 24 Apr 2011 20:35:09 +0000 http://backend.userland.com/rss092 en Corporate branding, identity and logo design for Orlando Spring Corporation. This included visual design, coordination, and production of OrlandoSpring.com as well as design and production services for trade show displays and print collateral.]]> http://jordanbraun.com/orlando-spring-corporation/?utm_source=rss&utm_medium=rss&utm_campaign=orlando-spring-corporation During my internship at streaming-music startup MOG, I produced a number of simple ads for print advertising in the East Bay Express and SF Weekly papers, as well as banner ads for various web outlets and A/B testing purposes. I also created iPhone mock-ups for promotional use, and custom wallpaper for iPhone, iPad, and HD [...]]]> http://jordanbraun.com/mog-marketing/?utm_source=rss&utm_medium=rss&utm_campaign=mog-marketing Promotional videos produced for the ManUpCanada.ca campaign. Team Al Sinoy Andrew von Rosenbach Daniela Pichardo Taylor Kachmarski Tony Cheung Andrew Barber (actor)]]> http://jordanbraun.com/man-up-canada-video-series/?utm_source=rss&utm_medium=rss&utm_campaign=man-up-canada-video-series Website re-design production work for EPTDESIGN‘s landscape architecture, urban design, and planning studios. Fully standards-compliant and a WordPress back-end for easy upgrades (without my help), mobile compatibility, and capacity to handle the massive amount of projects (100 and counting) featured for each different sector of the industry. Team Photography – Jack Coyier & EPTDESIGN Staff [...]]]> http://jordanbraun.com/eptdesign-website-v2/?utm_source=rss&utm_medium=rss&utm_campaign=eptdesign-website-v2 An research-based document with supporting infographics completed as part of my IxD summer internship at streaming-music startup MOG. The final product became widely-used and modified for different purposes throughout the summer – It was one of my favorite internship projects. Sadly, this work is still under NDA… I’m posting blurred images so that I’ve got [...]]]> http://jordanbraun.com/mog-infographics/?utm_source=rss&utm_medium=rss&utm_campaign=mog-infographics iPad application concepts completed during my internship at emerging cloud-based music streaming service MOG in Berkeley, California. The concept was to bring the oldschool box of LPs to your lap while still providing quick search, artist pages, sharing, playlists, and advanced capabilities of the MOG web and mobile platforms. These examples represent a massive set [...]]]> http://jordanbraun.com/mog-ipad-app-concept/?utm_source=rss&utm_medium=rss&utm_campaign=mog-ipad-app-concept Website created for the Men’s Health Initiative of British Columbia as a hub for the ManUpCanada.ca campaign our team developed. Produced as a targeted campaign for the 18-35 year old male demographic; a simplified counterpart for the AboutMen.ca campaign and website. Integrates jQuery video sliders, a survey, social media tracking, and 960px grid-based implementation of [...]]]> http://jordanbraun.com/man-up-canada-website/?utm_source=rss&utm_medium=rss&utm_campaign=man-up-canada-website Branding, identity, logo development and campaign branding guidelines for the Man Up Canada campaign developed for the Men’s Health Initiative of British Columbia. Infographics produced as support for Dr. Larry Goldenberg and the Men’s Health Initiative of the British Columbia Medical Journal. Team Nick Lewis Ryan Klesc Al Sinoy Taylor Kachmarski Daniela Pichardo  ]]> http://jordanbraun.com/man-up-canada/?utm_source=rss&utm_medium=rss&utm_campaign=man-up-canada This short video was produced in a single weekend with MDM classmate Nick Lewis as part of Animation in a Digital World course with professor Larry Bafia. Our instructions were to create a video about getting to school: this one contrasts my ridiculously short but painful commute across Great Northern Way with Nick’s long but [...]]]> http://jordanbraun.com/bon-voyage-tilt-shift/?utm_source=rss&utm_medium=rss&utm_campaign=bon-voyage-tilt-shift This team project paired us with Microsoft Canada and David Eaves to build a web-based game that taps into Open Data from the City of Vancouver, utilizes the Bing Maps Public API, and showcases the power of Microsoft’s Silverlight platform. We named our game TaxiCity. On May 27th, 2010, our TaxiCity game won the Best [...]]]> http://jordanbraun.com/microsoft-taxicity/?utm_source=rss&utm_medium=rss&utm_campaign=microsoft-taxicity Our final assignment for George Johnson‘s Visual Story class was completed in a one week. Our task was to create a game that explored aspects of journey, transition, and character development through an interactive game or film experience. We were asked to consider the mythical tale of Charon and his boat traveling down the River Styx, transporting [...]]]> http://jordanbraun.com/managotchi-game/?utm_source=rss&utm_medium=rss&utm_campaign=managotchi-game CODE Live was a component of the 2010 Winter Olympics representing a “Cultural Olympiad – Digital Edition”. For 18 days, CODE Live will be occupying space at Emily Carr University, Great Northern Way Campus, and the Vancouver Public Library, rolling out a lineup of powerful interactive art and cutting-edge music. As part of the Building [...]]]> http://jordanbraun.com/code-live-digital-bridge/?utm_source=rss&utm_medium=rss&utm_campaign=code-live-digital-bridge This very short video was completed as a small assignment for Interdisciplinary Improvisation. The task was to convey some sort of legacy or impact you’ll have on the world. My original video was a little too heavy-handed, so this one has been edited down to something a little more lighthearted. Produced in about 30 minutes. [...]]]> http://jordanbraun.com/three-simple-reminders/?utm_source=rss&utm_medium=rss&utm_campaign=three-simple-reminders As our first group assignment for Building Virtual Worlds, we were tasked with creating an interactive experience that would teach people about a given Vancouver landmark. My team chose the new Vancouver Convention Centre, a state-of-the-art architectural wonder built out over the Burrard Inlet, and our goal was to tell the story of sustainability of [...]]]> http://jordanbraun.com/augmented-reality-iphone-app-poc/?utm_source=rss&utm_medium=rss&utm_campaign=augmented-reality-iphone-app-poc This was a one-week group project for my Building Virtual Worlds class where teams of four were to explore concepts of using digital media to allow distance collaboration between people from around the world. We were given five minutes to tell our story in a video format, no exceptions. The emphasis was on exploration of [...]]]> http://jordanbraun.com/a-touchy-story/?utm_source=rss&utm_medium=rss&utm_campaign=a-touchy-story As part of our Visual Story class with George Johnson, this assignment was to create an immersive, interactive experience that explores character development and implicit vs. explicit narrative in storytelling. My team chose to create Flash-based interactive experience complete with stop-motion-style photography and breathing as our only audio. OUTLINE uses interactive navigation through a minimalist, split-screen [...]]]> http://jordanbraun.com/the-visual-story-outline/?utm_source=rss&utm_medium=rss&utm_campaign=the-visual-story-outline As one of the first extra-curricular events of my grad student existence, the 48-Hour Design Jam was definitely a great way to jump into a fast-paced design/production process with a team of relatively new classmates. The theme this year was “I dreamed a thousand new paths and woke and walked my old one”, and the [...]]]> http://jordanbraun.com/48-hour-design-jam-ubu/?utm_source=rss&utm_medium=rss&utm_campaign=48-hour-design-jam-ubu This silly mash-up was created as a quick assignment for my Interdisciplinary Improvisation class. Created in about an hour, this video celebrates ‘remix culture’ by combining two very dissimilar genres: The Muppets and Kanye West. Not necessarily the most impressive portfolio piece… but fun.]]> http://jordanbraun.com/muppets-mash-up/?utm_source=rss&utm_medium=rss&utm_campaign=muppets-mash-up “Bypassing the hype with practical design solutions that reconnect a divided community” Intersections: The Grand Concourse Beyond 100 is a worldwide design competition challenging designers to create “bold visions that describe how the Bronx and the Grand Concourse can evolve in coming decades to cope with pressing needs for housing, green space, and transportation.” Final [...]]]> http://jordanbraun.com/the-bronx-stitches/?utm_source=rss&utm_medium=rss&utm_campaign=the-bronx-stitches Bigger Than The Sum of its Parts. Every time I travel, I come across scenes that warrant more than a single photo. Each panoramic shot is created from 10 – 35 images taken from a single focal point, stitched and blended into one massive image. It’s often hit-or-miss, with a high number of ugly ones [...]]]> http://jordanbraun.com/panoramics/?utm_source=rss&utm_medium=rss&utm_campaign=panoramics Ongoing marketing efforts and obligations require for endless messages and formats. Appearing in local business journals, corporate event programs, or in banners on home tours – the tricky part is having fun with an appropriate layout without muddling the brand identity. I was also tasked with adapting EPTDESIGN’s tight branding requirements and latest design work [...]]]> http://jordanbraun.com/eptdesign-marketing/?utm_source=rss&utm_medium=rss&utm_campaign=eptdesign-marketing Complete web development for EPTDESIGN. The Portfolio section covers nine distinct project types, each providing a deep look at project experience specific to the clients, consultants, and developers using the site. The objective was to create a custom site that carried the brand without forcing users to re-learn navigation. Note: I am currently creating a fresh version [...]]]> http://jordanbraun.com/eptdesign-website-v1/?utm_source=rss&utm_medium=rss&utm_campaign=eptdesign-website-v1 As EPTDESIGN re-branded itself, this ‘Postcard Series’ was launched as a method of reconnecting with clients, consultants, and industry affiliates that had known the firm as “EPT Landscape Architecture” for 40 years. With careful attention paid to conveying a message of professionalism on a personal level, this series brings together elements of the firm’s best [...]]]> http://jordanbraun.com/eptdesign-postcard-series/?utm_source=rss&utm_medium=rss&utm_campaign=eptdesign-postcard-series Convertion of EPTDESIGN‘s long-running printed ‘Postcard Series’ to a digital version that works to captivate rather than irritate industry partners, clients, and friends of the firm. This ongoing project continues to play a positive role in EPTDESIGN’s marketing efforts while consuming less paper, postage, and allowing better control and integration of our marketing contacts database. My [...]]]> http://jordanbraun.com/eptdesign-epostcard-series/?utm_source=rss&utm_medium=rss&utm_campaign=eptdesign-epostcard-series TREK is part of a yearly in-house competition at EPTDESIGN This offers “Travel, Renewal, Education, and Knowledge”, and challenges all in-house designers to submit a proposal for wherever they want to travel in the world to explore personal interests such as art, culture, architecture, city planning, ecology, horticulture or urban studies. Designers state the case [...]]]> http://jordanbraun.com/trek-amsterdam-vs-rotterdam/?utm_source=rss&utm_medium=rss&utm_campaign=trek-amsterdam-vs-rotterdam Anatoly Zenkov is a smart guy from Moscow. He wrote this little app called Mousepath that tracks the movement of your mouse for as long as the app is running, then allows you to save it as an image file. It’s like creating fresh artwork on the fly, without even thinking about it. I’ve noticed [...]]]> http://jordanbraun.com/iographica-mouse-path/?utm_source=rss&utm_medium=rss&utm_campaign=iographica-mouse-path