MobileMe’s login screen is more than just an empty box. The depth charge approach gives you a peek at what’s behind the login and makes you want to “unwrap” it and get inside. It’s not surprising that a company that famously does a great job with product packaging would have an online product wrapper that stands out too.
Acrobat.com offers a login screen that lets you select from a variety of options. The focus shifts depending on which tool you select. And though the page doesn’t reload, there’s a distinct URL so you can link to a specific tool’s login.
Vimeo offers this playful login screen. Not really related to video sharing at all, but it does hint at the vibe of the community that uses Vimeo.
Any other login screens that you feel stand out from the pack?
Alex MacCaw
on 18 Jun 08http://browser.aireohq.com
Kevin
on 18 Jun 08The greatest bookmark tool Instapaper !
http://www.instapaper.com/user/register
Just give your e-mail, or another e-mail, as you like.
“You can enter whatever you want here. We suggest your email address because it’s easy to remember.”
Simple, your e-mail is the center of this service, no password, it’s done.
I love it.
Blane
on 18 Jun 08I always thought the login screen for Wakoopa is kinda nice: http://wakoopa.com/account
Jared McFarland
on 18 Jun 08How about the login screens of Basecamp, Highrise, Campfire and Backpack that are being replicated across the internet?
Dave Rutledge
on 18 Jun 08Maybe I’m a bit biased here, but how about offering whatever read-only functionality you can, up front, with log-in ability from that page or upon action taken that needs a log-in?
The log-in screen seems to me only a tiny bit more advanced than a splash screen or skip intro movie.
Brian LeRoux
on 18 Jun 08Brightkite has a cute login screen that sports a nice picture of a log. Reminds of the old Ren and Stimpy song about Log.
http://brightkite.com/account/not_logged_in
I’ve always been partial to ‘sign in’ opposed to ‘login’; it just sounds a little more human. I’m guessing the log part of login has roots in the old nautical term for heaving a log to get the ship’s speed.
dMix
on 18 Jun 08The vimeo background is related to video; I have watched a video of the progression of a illustration as the artists keeps adding more and more layers, that looks a lot like that. I can’t remember exactly where I saw this video but I know that’s where the inspiration for that background came from.
Looks great too.
Gilbert
on 18 Jun 08Ours? ;) (sorry!)
http://weplaythis.com/login
Jake
on 18 Jun 08Kindo has a nice login:
http://kindo.com/index.php/kindo/login/
Allan Branch
on 18 Jun 08Its simple but check out – lessmemories.com
GeeIWonder.
on 18 Jun 08Signup for LessMemories and maybe you’ll be able to remember what the hell it is.
Made me laugh.
Anonymous Coward
on 18 Jun 08I went to the Acrobat site the other day. I found all the buttons confusing. You’ve got to login first to do any of them, so there’s no need to hide the login screen behind each of them. Factor it out.
@Gilbert:
I think your screen is too cluttered. The dots clash with the dark text/boxes.
Gordon Brander
on 18 Jun 08@Gilbert: I love it! The wonky illustration makes me think the site will be a lot of fun.
Erik
on 18 Jun 08The Vimeo screen has a drive-in movie theater on its right side. I’m pretty sure that has something to do with video.
Florian
on 18 Jun 08weplaythis has a login screen similar to vimeo: http://weplaythis.com/login
Matt Radel
on 18 Jun 08Great login screens, though I’m still recovering from the cancerous growths that popped up as soon as I heard the “MobileMe” name. I then experienced a shooting pain in my gut as soon as I saw the logo and got horrible flashbacks...
I mean, ‘cmon…surely Apple can do better than this.
Rahul
on 18 Jun 08I came in to post weplaythis, but weplaythis already posted weplaythis. Funny that.
Anonymous Coward
on 18 Jun 08just wanted to add to the weplaythis posts by saying weplaythis
Anonymous Coward
on 18 Jun 08Really guys? 4 links to the same site, with little other comment?
Marrk
on 18 Jun 08I think the login screen for text link ads is nicely laid out and pretty clean.
One question though, what’s up with the skewed browser interface in your MobileMe screenshot?
ML
on 18 Jun 08what’s up with the skewed browser interface in your MobileMe screenshot?
It’s from the Apple guided tour of MobileMe.
Derick
on 19 Jun 08god only knows why they recycled the typography from Windows ME for Mobile Me.
http://www.miguelcarrasco.net/miguelcarrasco/WindowsLiveWriter/10BiggestComputerFlopsofalltime_9EEC/WindowsME4_3.jpg
http://images.apple.com/mobileme/images/productnav_title20080609.gif
Ben
on 19 Jun 08@Derick nice find
Nathan LeMesurier
on 19 Jun 08We did something similar with Rocketship. Since it’s a website builder/CMS, the login screen has the username/password boxes and a semi-transparent mask layered over the top of the site’s homepage. It makes it feel like you’re logging into the site.
Albert Francis
on 20 Jun 08hulu.com actually does a very good job with their login. No page flip and it just works. Very nice! I love the fact that it remembers your login for a long time as well (not session based like the lame digg.com login)...
Ed Krimen
on 20 Jun 08A lot of thought has been put into our Photobird login screen:
https://www.photobird.com/subscribe
Still, some things need to be updated:
- Larger text and fields
- Convert graphic headers to text
- Update the global nav
Cheers,
—Ed
P.S. If you like photos and photography, check out the Photobird blog: http://www.photobird.com/blog/ .
The Webloglearner
on 22 Jun 08The Vimeo looks great to me. It is very pleasing to the eyes. On the other hand, the apple looks sophis.. For acrobat, i dont like so much because it is very manly and dark..makes me remember dracula!
Benjamin Lupton
on 22 Jun 08Where do we submit our own screens/photos that we think are great innovations?
Tamlyn
on 23 Jun 08The Interaction Design Association (IxDA) website has an interesting login mechanism. It delegates authentication in a similar way to OpenID but using only an email address.
This discussion is closed.