SlideShare a Scribd company logo
1 of 35
Download to read offline
CREATIVE CODING
Mike Knowlton - @storycodeorg
Hal Siegel - @murmurco
IMMERSIVE STORYTELLING
TIPPING POINT
GOOGLE EARTH +
HTML5
FLASH +
WEBCAM
FACEBOOK API
OBJECTIVE C +
GEO-LOCATION
HTML5 + D3
CODE OR
BE CODED
STORY AS SOFTWARE
PROCESS MASHUP
IMMERSIVE MEDIA CREATION PROCESS
Concept
Script
Information Architecture
Wireframes
Storyboards
Tech Spec
Design
Development
IMMERSIVE MEDIA CREATION PROCESS
Concept -> Director
Script -> Writer
Information Architecture -> UX Designer
Wireframes -> Designer
Storyboards -> Interaction Designer
Tech Spec -> Software Architect
Design -> Interaction Designer
Development -> Software Architect
IT’S COMPLICATED
Find
Collaborators
Hire Experts
Use Existing
Tools &
Platforms
Hackathons
Prototypes
Minimal
Viable
Product
GETTING STARTED
PATTERNS
Crowd Sourced
Life in a Day
Psych Slumber Party
Non-Linear
CYOA
Coke & Audi Ads
Real Time
Conversations
YouTube Stars
Personalized
Take this Lollipop
Wilderness Downtown
Design With
Johnny Cash Project
Occupy Conan
Star Wars Uncut
DEEP DIVE
NON-LINEAR
THE AATSINKI SEASON
DESIGN WITH
WHAT YOU REALLY WANT
EXERCISE
EXERCISE
Premise: 
The population demographics of the United States are changing. It is
predicted that in the next 20 years, white descendants of European
immigrants will no longer be the majority in this country. This year, the
subject of immigration will take center stage as a bipartisan push to tackle
immigration reform ensues. 
Idea:
Most people in the U.S. have an immigrant journey to share -- be it their
own or the voyage of a relative in the past. 
Goal: 
Create an experience that helps people share their own immigration story,
and enables them to see the common threads between the stories of
potential immigrants, new immigrants and longtime residents.
EXERCISE
Goal: 
Create an experience that helps
people share their own
immigration story, and enables
them to see the common threads
between the stories of potential
immigrants, new immigrants and
longtime residents.
Crowd Sourced
Non-Linear
Real Time
Conversations
Personalized
Design With
STORYCODE.ORG
@STORYCODEORG

More Related Content

What's hot

My UX Journey_bio brief
My UX Journey_bio briefMy UX Journey_bio brief
My UX Journey_bio brief
Dave Landis
 

What's hot (9)

RESS @ SapientNitro CGN (UX CGN 10)
RESS @ SapientNitro CGN (UX CGN 10)RESS @ SapientNitro CGN (UX CGN 10)
RESS @ SapientNitro CGN (UX CGN 10)
 
Ux portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorariUx portfolio 2013 october final ivan pecorari
Ux portfolio 2013 october final ivan pecorari
 
Induction Aug 09 NC
Induction Aug 09 NCInduction Aug 09 NC
Induction Aug 09 NC
 
Induction Aug 09 HN
Induction Aug 09 HNInduction Aug 09 HN
Induction Aug 09 HN
 
Creative/UX Director cv 2016
Creative/UX Director cv 2016Creative/UX Director cv 2016
Creative/UX Director cv 2016
 
Glass w/o Glass: Developing native Glass applications without the hardware w...
 Glass w/o Glass: Developing native Glass applications without the hardware w... Glass w/o Glass: Developing native Glass applications without the hardware w...
Glass w/o Glass: Developing native Glass applications without the hardware w...
 
Design in the Real World
Design in the Real WorldDesign in the Real World
Design in the Real World
 
My UX Journey_bio brief
My UX Journey_bio briefMy UX Journey_bio brief
My UX Journey_bio brief
 
RESUME
RESUMERESUME
RESUME
 

Viewers also liked

Canvas Only: Creative Coding in HTML5
Canvas Only: Creative Coding in HTML5Canvas Only: Creative Coding in HTML5
Canvas Only: Creative Coding in HTML5
James Stone
 
Creative computing Session 3
Creative computing Session 3Creative computing Session 3
Creative computing Session 3
kturvey
 

Viewers also liked (20)

Intro to Creative Coding
Intro to Creative Coding  Intro to Creative Coding
Intro to Creative Coding
 
Creative Coding 1 - 1 Introduction
Creative Coding 1 - 1 IntroductionCreative Coding 1 - 1 Introduction
Creative Coding 1 - 1 Introduction
 
Creative Coding with Processing
Creative Coding with Processing Creative Coding with Processing
Creative Coding with Processing
 
Arte Computacional
Arte ComputacionalArte Computacional
Arte Computacional
 
Creative Coding Workshop - Introduction
Creative Coding Workshop - IntroductionCreative Coding Workshop - Introduction
Creative Coding Workshop - Introduction
 
Creative coding with d3.js
Creative coding with d3.jsCreative coding with d3.js
Creative coding with d3.js
 
Introduction to Processing and creative coding
Introduction to Processing and creative codingIntroduction to Processing and creative coding
Introduction to Processing and creative coding
 
Explorations in Creative Coding
Explorations in Creative CodingExplorations in Creative Coding
Explorations in Creative Coding
 
The Plateau Effect: Why People Get Stuck...and How to Break Through
The Plateau Effect: Why People Get Stuck...and How to Break ThroughThe Plateau Effect: Why People Get Stuck...and How to Break Through
The Plateau Effect: Why People Get Stuck...and How to Break Through
 
Creative coding academy
Creative coding academyCreative coding academy
Creative coding academy
 
Canvas Only: Creative Coding in HTML5
Canvas Only: Creative Coding in HTML5Canvas Only: Creative Coding in HTML5
Canvas Only: Creative Coding in HTML5
 
Hello vvvv
Hello vvvvHello vvvv
Hello vvvv
 
Prototipo3 - limulo at electropark 2013
Prototipo3 - limulo at electropark 2013Prototipo3 - limulo at electropark 2013
Prototipo3 - limulo at electropark 2013
 
2013 digital trends for healthcare
2013 digital trends for healthcare2013 digital trends for healthcare
2013 digital trends for healthcare
 
Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++
 
Digital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative CodingDigital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative Coding
 
Creative computing Session 3
Creative computing Session 3Creative computing Session 3
Creative computing Session 3
 
Live coding
Live codingLive coding
Live coding
 
Kick off Creative Coding
Kick off Creative CodingKick off Creative Coding
Kick off Creative Coding
 
Dev in the future live coding
Dev in the future   live codingDev in the future   live coding
Dev in the future live coding
 

Similar to StoryCode DIY Days Presentation - Creative Coding

Similar to StoryCode DIY Days Presentation - Creative Coding (20)

UCD14 Talk - Ben Wynn - Your Mobile Product Design Lies in the Balance
UCD14 Talk - Ben Wynn - Your Mobile Product Design Lies in the BalanceUCD14 Talk - Ben Wynn - Your Mobile Product Design Lies in the Balance
UCD14 Talk - Ben Wynn - Your Mobile Product Design Lies in the Balance
 
Pixel+Media
Pixel+MediaPixel+Media
Pixel+Media
 
Synctree Capabilties Deck
Synctree Capabilties DeckSynctree Capabilties Deck
Synctree Capabilties Deck
 
Making Apps More Human - Intro to Microsoft Cognitive Services
Making Apps More Human - Intro to Microsoft Cognitive ServicesMaking Apps More Human - Intro to Microsoft Cognitive Services
Making Apps More Human - Intro to Microsoft Cognitive Services
 
Digging for Gold
Digging for GoldDigging for Gold
Digging for Gold
 
Kika design principles & organization leadership (public version)
Kika design principles & organization leadership (public version)Kika design principles & organization leadership (public version)
Kika design principles & organization leadership (public version)
 
Coded Design and the Everlearning Designer
Coded Design and the Everlearning DesignerCoded Design and the Everlearning Designer
Coded Design and the Everlearning Designer
 
Bots & Teams: el poder de Grayskull
Bots & Teams: el poder de GrayskullBots & Teams: el poder de Grayskull
Bots & Teams: el poder de Grayskull
 
New Web
New WebNew Web
New Web
 
Cheap and Free Design Tools and Resources
Cheap and Free Design Tools and ResourcesCheap and Free Design Tools and Resources
Cheap and Free Design Tools and Resources
 
Building beautiful apps with Google flutter
Building beautiful apps with Google flutterBuilding beautiful apps with Google flutter
Building beautiful apps with Google flutter
 
The Art of the Possible: Machine Learning and WordPress
The Art of the Possible: Machine Learning and WordPressThe Art of the Possible: Machine Learning and WordPress
The Art of the Possible: Machine Learning and WordPress
 
Cinematic Interactives with Animate CC
Cinematic Interactives with Animate CCCinematic Interactives with Animate CC
Cinematic Interactives with Animate CC
 
Mobile Design at Gilt
Mobile Design at GiltMobile Design at Gilt
Mobile Design at Gilt
 
Choose SketchApp over Photoshop for UI/UX
Choose SketchApp over Photoshop for UI/UXChoose SketchApp over Photoshop for UI/UX
Choose SketchApp over Photoshop for UI/UX
 
Chatbots : Repenser la Relation Clients et Employés avec les technologies Azure
Chatbots : Repenser la Relation Clients et Employés avec les technologies AzureChatbots : Repenser la Relation Clients et Employés avec les technologies Azure
Chatbots : Repenser la Relation Clients et Employés avec les technologies Azure
 
Responsive Design Workflow
Responsive Design WorkflowResponsive Design Workflow
Responsive Design Workflow
 
Evolutionary web: re-living the journey
Evolutionary web: re-living the journeyEvolutionary web: re-living the journey
Evolutionary web: re-living the journey
 
AI: Your Personal Intern
AI: Your Personal InternAI: Your Personal Intern
AI: Your Personal Intern
 
The Age of Strategic Design
The Age of Strategic DesignThe Age of Strategic Design
The Age of Strategic Design
 

More from storycode

StoryCode Immersion #2 - Project Funding
StoryCode Immersion #2 - Project FundingStoryCode Immersion #2 - Project Funding
StoryCode Immersion #2 - Project Funding
storycode
 

More from storycode (12)

Story Hackathon - StoriesLab Presentation
Story Hackathon - StoriesLab PresentationStory Hackathon - StoriesLab Presentation
Story Hackathon - StoriesLab Presentation
 
StoryWorld 2012 Story Hack Presentation
StoryWorld 2012 Story Hack PresentationStoryWorld 2012 Story Hack Presentation
StoryWorld 2012 Story Hack Presentation
 
StoryCode Immersion #6 - Immersive Media Project Pitching
StoryCode Immersion #6 - Immersive Media Project PitchingStoryCode Immersion #6 - Immersive Media Project Pitching
StoryCode Immersion #6 - Immersive Media Project Pitching
 
StoryCode Immersion #5 - Popcorn.JS Deep Dive
StoryCode Immersion #5 - Popcorn.JS Deep DiveStoryCode Immersion #5 - Popcorn.JS Deep Dive
StoryCode Immersion #5 - Popcorn.JS Deep Dive
 
StoryCode Immersion #4 - Presentation 1
StoryCode Immersion #4 - Presentation 1StoryCode Immersion #4 - Presentation 1
StoryCode Immersion #4 - Presentation 1
 
StoryCode Immersion #4 - Presentation 2
StoryCode Immersion #4 - Presentation 2 StoryCode Immersion #4 - Presentation 2
StoryCode Immersion #4 - Presentation 2
 
StoryCode Immersion #3 - Presentation 2 How To Work With a Technologist
StoryCode Immersion #3 - Presentation 2 How To Work With a TechnologistStoryCode Immersion #3 - Presentation 2 How To Work With a Technologist
StoryCode Immersion #3 - Presentation 2 How To Work With a Technologist
 
StoryCode Immersion #3 - Presentation 1 Technology Process
StoryCode Immersion #3 - Presentation 1 Technology ProcessStoryCode Immersion #3 - Presentation 1 Technology Process
StoryCode Immersion #3 - Presentation 1 Technology Process
 
Story Hack Presentation - Vile Inc.
Story Hack Presentation - Vile Inc.Story Hack Presentation - Vile Inc.
Story Hack Presentation - Vile Inc.
 
StoryCode Immersion #2 - Project Funding
StoryCode Immersion #2 - Project FundingStoryCode Immersion #2 - Project Funding
StoryCode Immersion #2 - Project Funding
 
Greg Trefry's Presentation at StoryCode March 2012 Forum
Greg Trefry's Presentation at StoryCode March 2012 Forum Greg Trefry's Presentation at StoryCode March 2012 Forum
Greg Trefry's Presentation at StoryCode March 2012 Forum
 
StoryCode Tech Immersion 1
StoryCode Tech Immersion 1StoryCode Tech Immersion 1
StoryCode Tech Immersion 1
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Recently uploaded (20)

How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 

StoryCode DIY Days Presentation - Creative Coding