A force for good.

The Fund it Frog

Go Shopping in a Good Cause…

Presentation to the London

Facebook Developer Garage

1 May 2008

Amanda Lord and

Geoff Hughes
Last time…
…We told you how we built the first ever shopping centre inside Facebook having
met all our Contributors on our ‘Development Path’ at the London Facebook
Garages.

• 6 garages:
• 1 client,
• 3 Affiliate Network contacts,
• MANY developers,
• 1 Radio producer,
• 1 advertising agency
• and many more!
 Looking Looking Engage Consider Develop
For Clients For Dev’s Developers marketing Industry contacts

Development Path
September October November Dec January February

Evgeny James
David
Elena

Amanda Ben
Karl B
Toby
Chris
Rob

Abraham Nick

Daniel
Benn

Tom G Lucja
 Looking Looking Engage Consider Develop
For Clients For Dev’s Developers marketing Industry contacts

Development Path
September October November Dec January February

Dev SUPPLIER

SUPPLIER AFFILIATE-
WINDOW
TRADE-
DOUBLER

Generates FINAL
Client Dev
Interest in DEV SUPPLIER
Facebook TEAM Radio AFFILIATE-
Garage
producer WINDOW

(PR)
Dev
Design
Consult- Neoco-
ant Ad
Agency
Dev
Before we start: Checklist
• The IDEA
 Is your idea businessproof?


 Does the world need an app like yours?
 Does your idea have obvious USPs?
 Does it have a viral quality about it?
 Does it fit the target demographic?

• MAKING IT HAPPEN
– Design

!
• Develop your idea on paper
• Design consultant – consider the technology
– Build (“start”!)
• START! Engage PHP / Ruby on rails etc developer(s)
• Integration with 3rd Party suppliers – NOW
– E.g.TradeDoubler, AffilateWindow
– Test
– Deploy

• SHOW ME THE MONEY aka reaping the fruits of your labour

$
– Marketing PLAN
– PR plan
– Design improvements (FUTURE…)
– Benefits realisation
 DESIGN – Stage 1
Create User journey

• Once you’ve had your , flesh it out.

• Do this by creating a basic basic storyboard to describe the
‘user journey’.
• Let your ideas FALL onto the page

19
Look and feel

slides Branding

Flow

Core business model

 A. DESIGN - Stage 1
Example: A STORYBOARD for Product Search
• Simple layout showing essential requirements:
• We used powerpoint
Search box

List of Products
matching search terms
A. Design – Stage 2:
Hire a Design Consultant.
If you’re not a dev, you probably don’t know how much cool technology
exists to enhance your unborn app.

Add a new dimension

to your basic “Aim high: Create the app
as if you expect it to be
storyboards with the the next killer app…
help of a Design Resilience,

Design
Consultant. performance,
stability.”
-Daniel Tenner .

C
onsulta
nt
Daniel Tenner
 A. Design – Stage 2
Example: Multi-layer design for Fund Creation
• Notes showing underlying functionality
• Full set of deliverable functionality and flow
1. Technology
Layer

2. Branding
layer

3. Look & Feel

B. Build
Engage Developers
Karl B

James Ben Nick

– Having created the Design Documentation

in advance saves you $$$ in further
consultation with Developers.

– From here on in, use iterative design.

• Get the developers to create the real thing
• Modify in discussion with the specific
developer.
• Amend screenshots of the sandboxed app
B. Build – Stage 3
Example:
• Take a perfectly good Profile box…
… and scribble all over it to make changes
Integrate with 3rd party suppliers

• We live in a data age

– Facebook users are Consumers of
information
– Information relevant to them and their friends
– You will almost certainly need 3rd party
suppliers for this

• We used
– TradeDoubler
– AffiliateWindow
– Commission Junction
Finished?
• You should now have a finished product…

…but test it first!

C. Test

• Test out all the functionality you wanted

• Go through the old documents and make
sure everything works as intended.
• Create new users as Facebook test
accounts to ensure it works for everyone!
D. Deploy
• Do it!
– Make the app live (take off “dev mode”)
– Submit to the Directory
– Tell your friends!
 Questions
?

Visit: apps.facebook.com/funditfrog
 Contact
Geoff Hughes Amanda Lord
Managing Director Managing Director
Fund it Frog Fund it Frog
m: +44 7811 160 121 t: +44 20 7370 0390
e: e:
geoff@funditfrog.com alord@funditfrog.co
m
Add
To add the application, click here: ]
Application
Visit: apps.facebook.com/funditfrog
Go to
To return to the application, click here:
]
Application