• WORK
  • ABOUT
  • MOG iOS Apps UI/UX design & production work for MOG's cloud-based music streaming service. Subscribers get instant access to over 16 million tracks in full 320kbps audio. Each app offers an experience tailored for the device context; a more utilitarian flow on smaller mobile devices, and a richer, more immersive and exploratory experience on the tablet.

    Rolf Wilkinson - Lead Designer
    Jordan Braun - Designer

    Full credit to the entire MOG Product & Engineering team for building these designs into the best mobile streaming music service in the world.         2012 Graphic Design, Interaction Design, UI/UX
  • MOG Marketing Marketing-related design & production work for MOG and MOG Music Network. This includes all non-UI design work concerned with communicating what MOG is to the world. Unfortunately many projects - including a fun series of infographics and presentation materials - are still under NDA. Below are a few highlights (not under NDA) that were produced for the Marketing, Public Relations, Business Development and Sales teams.     2012 Art Direction, UI/UX, Web Design
  • MOG Android App UI/UX design & production work for MOG's cloud-based music streaming service. Subscribers get instant access to over 16 million tracks in full 320kbps audio. Each app offers an experience tailored for the device context; a more utilitarian flow on smaller mobile devices, and a richer, more immersive and exploratory experience on the tablet.

    Rolf Wilkinson - Lead Designer
    Jordan Braun - Designer

    Full credit to the entire MOG Product & Engineering team for building these designs into the best mobile streaming music service in the world.         2012 Graphic Design, Interaction Design, UI/UX
  • MOG Web & TV Apps UI/UX design & production work for MOG's cloud-based music streaming service web, desktop, TV and Boxee apps. Subscribers get instant access to over 16 million tracks in full 320kbps audio. Each app offers an experience tailored for the device context; a socially-connected experience on web and desktop, and a passive lean-back experience on the TV and Boxee apps.

    Rolf Wilkinson - Lead Designer
    Jordan Braun - Designer

    Full credit to the entire MOG Product & Engineering team for building these designs into the best mobile streaming music service in the world.         2012 Interaction Design, Product Design, UI/UX
  • CAMP 510 CAMP 510 is a kids' day camp in Oakland, California focused on creativity and creation. We worked closely with the organizers to create a brand identity package and launch campaign that represented the whimsical, youthful, playful nature of the camp while still providing parents with a clear, professional platform to research and register. After many iterations, the brand identity package returned to the concept of hand-drawn 3D letters that everyone used to make in grade school. Other design work included a full marketing campaign for web and print, website with integrated eCommerce and blogging plaform, apparel, iron-ons, and posters.     2012 Branding, Graphic Design, Web Design
  • TaxiCity Game This award-winning project paired my student team 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.

    Open Data from the City of Vancouver’s public catalog was used to create the game environment; Bing Maps acts as a sort of GPS mini-map for the player; and Silverlight was our main development platform. Players take on the role of a freelance taxi driver in Vancouver, BC, tasked with picking up and delivering passengers to landmarks around the city. As the players level-up, they unlock new areas of the city and become more familiar with the geography of the region.

    Our final product included three deliverables: the TaxiCity game, the ManPower game engine, and the process documentation that chronicles our experience developing a game in the latest Microsoft frameworks and the potential for Open Data and open APIs in game development.

    Our team included Seth Marinello, Mohamed El Eryan, Sagar Datta, Ryleigh Kostash, Dhruv Adhia and Dashan Yue.         2010 Art Direction, Game Design, Graphic Design
  • MDM Projects In 2009 I decided to leave the comfort of the professional world and return to school for a Masters of Digital Media at the Center For Digital Media in sunny Vancouver, British Columbia.

    This is a collection of work examples from class assignments, overnight hack-a-thons, personal and team projects completed between 2009 and 2011.         2009 Art Direction, Creative Direction, Graphic Design
  • Man Up Canada Concept creation, branding & identity, infographics, and video/motion graphics production for the Man Up Canada campaign developed for Men's Health Initiative of British Columbia. The aim was to test a clever and lighthearted approach to men's health with an alternative the Initiative's existing AboutMen.ca site.

    This was an industry project, supporting Dr. Larry Goldenberg and the Men’s Health Initiative of British Columbia. This team also included Nick Lewis, Ryan Klesc, Al Sinoy, Taylor Kachmarski, Tony Cheung, Andrew von Rosenbach, and Daniela Pichardo.         2011 Branding, Creative Direction, Graphic Design
  • EPTDESIGN Digital Design and development of websites, email marketing campaigns and portfolio marketing plate systems completed while Creative Director of EPTDESIGN, a landscape architecture and urban design studio in southern California.     2008 Art Direction, Graphic Design, Photography
  • EPTDESIGN Print A sampling of print work produced as Creative Director at EPTDESIGN, a landscape architecture & urban design studio. Work included direct-mail marketing, print ads, event invitations, recruiting materials, and trade show display graphics. I provided a mix of art direction, photography, copywriting, graphic design and production work in collaboration with firm principals, external photographers and copywriters.     2008 Art Direction, Graphic Design, Print Design
  • Digital Bridge A guerrilla marketing campaign utilizing print, web and social media to bring the people of Vancouver to CODE LIVE events during the 2012 Winter Olympic Games.

    Bright-pink posters were plastered over the city, engaging passers-by with obscure references to the artist work and performances happening at CODE LIVE the following week. Users were subtly urged to visit digitalbridge.ca, which featured a promo reel of captivating artist, performer, and event information. Social media included a strong and responsive Twitter, YouTube, and Facebook presence, ultimately connecting people to the events.

    Our guerrilla team included Andrew von Rosenbach, Azhar Boumarah, Daniella Pichardo, Shahrzad Aghasharifianesfahani, Al Sinoy, Nick Marouhos, Gabe van Bergen, Erez Barzilay, Airlia Hansen, Mohamed El Eryan.         2010 Creative Direction, Graphic Design, Web Design
  • Panoramics Some panoramic images from my travels. Each is composed of between 8 and 96 images, stitched together.     2011 Photography
FOLLOW ON Bēhance
All works © Jordan Braun 2013. Please do not reproduce without expressed written consent.