The concept is to create a tool for individual and collaborative letter sharing and storytelling. The project is entirely web-based, in which participants remix templates to express their love and sentiments for mothers and friends, in turn learning some very basic HTML and CSS in the process.
WHAT IS IT?
- A method of building webpages from templates
- A narrative experience
- A publishing platform combined with broadcasting capabilities
- A learning tool- like bumper bowling for making simple webpages
Lovebomb.me - obviously this is the first iteration of the tool.
What's working: emotional design, people immediately "got it", Fun templates
What's not: not enough guiding, you need to enter the tool with a certain comfort level with code.
Webpage Maker- this was actually a pre-cursor to the lovebomb. The idea behind this was to provide a stepping stone for users who excelled in Remixing webpages to move closer to more concrete webmaking.
What's working: Simple design, templates, split screen view
What's not: No instructional overlay or any hints in the templates html/ css to guide users
What's working: Some level of remixing, personalization and sharing
What's not: Not truly collaborative, and not digging into how the web page was made.
2 panel editors: jsbin, jsfiddle htmlpad etc.
What's working: super clean design, easy to see what you write vs. what's goin on the web
What's not: no specific projects that are coming out of it or element of learning
- What kind of learning experience is a user gaining by being subtly being introduced to writing code this way?
- How is the tool given new meaning by layering on Mother's Day content?
- How can this experience feel authentic while being embedded in an engagement initiative?
- What approach is required for on-boarding a non-coder into engaging with the underpinnings of the web?
This is a tool for non- coders. People who came to the site either through Join Mozilla or other engagement channels. I am designing this tool in such a way that it can be used by adults or youth. Unlike Hackasaurus tools, youth are not the primary target.
I haven't picked up from where I last left off on the tool mockups, but I did sketch a few ideas for templates:
A super simple, sweet card. Serif/ handwritten font
a little silly
customizable (x= area to insert cute image of mom)
I haz the best mom (photo takes up background) a la I haz cheezburger
The timeline on this is super tight- so I will post as much as I can while I'm thinking through and sprinting.