Create 'Mini-Web Sites' to Embed into Your Site

In case you didn't know, 2007 is the year of the widget.

In that vein, I recently discovered Leafletter — a service that enables you to create Flash-based 'mini-web sites' and embed them into your site, blog or (here's where the money is) MySpace page.

Leafletter calls its widgets (or 'Leaflets') mini-web sites; however, although you can incorporate text, I can see most people using them to present images in the form of an interactive slideshow.

For example, here's how you might present a portfolio of some sort:

I've only created one page in the example, but using the Flash creation tool you can create as many pages as you want for each widget. You can also organize each page in one of 31 different layouts.

Check out the demo to see how easy it is to create your own 'Leaflet'.

I'm impressed by the technology behind Leafletter. I'm not sure that it's a service that I would use, but I would imagine it has considerable potential for people who don't like to roll their own code.

As you'll see if you go to the site, it's a pretty early beta though. There's no help information, or FAQs, for instance.

There are also a number of areas where things could be improved.

It would be useful to choose your own background colors for each area of the widget rather than be limited to the preset list.

In addition, the informational text for each image is hard to read because the overlay is too transparent. Of course, it would be nicer if this could be set manually.

Navigating around the 'Leaflet' is a bit 'click and guess'. I assume that it's been well tested with users but I wasn't sure initially what clicking on something would do.

You can create 'springboard images' which are basically thumbnails which link to a larger version of the image. Well, I had no idea what a 'springboard' image was and had to refer back to the demo to find out.

Why not just call it a 'thumbnail' or a 'linked image' or have some help information to make things clearer?

Here's a suggestion — it would be cool if they could incorporate Thickbox functionality in some way so that you could pop-up larger versions of each image.

I was also surprised by the lack of 'real-world' examples provided on the Leafletter site. When you first arrive at the site, it's not immediately clear what you can do with the service and the example provided is pretty lame.

With a gazillion new Web 2.0 widgets being introduced each month, you need to give prospective users a reason to use yours and a quick idea of all the things they can do with your service.

The demo doesn't help either in this regard. 37 Signals shows how to do this right with a list of examples for their Backpack product.

Posted on: January 8, 2007 | 5 Comments

Recent Entries in "Tools & Resources"

5 Comments Posted

Hi, for your information, I think the 'snap' functionality which shows a preview for links is very annoying...

thanks!
Ivar

Hi Christian - I couldn't open your comments about the css calendars in IE 6.0 some jscript error...but I have a design over at plugitinbaby.com for my project management app. I'd love it if you could feature the design of the calendar. Demo

Sorry for posting in an unrelated article..but as i said it no worky in the right place.

Regards,
Paul

Ivar — sorry you don't like it, but I'm afraid I do so it is going to stay. Thanks for your feedback though.

Paul — I'll take a look. Comments are turned off for that post. Not sure why you're getting a JavaScript error though.

I was thinking of something like that... I am building my portfolio so I will give it a try... Thanks for the info :)

Alex — I would also recommend checking out Monoslideshow . It's not free ($20) but it does produce great looking slide shows and is easy to set up.

Subscribe

Subscribe to my RSS FeedSubscribe to my Web Design Blog RSS Feed

Categories

Proud member of 9rules network