37signals logo

This is Signal vs. Noise, a weblog by 37signals about design, business, experience, simplicity, the web, culture, and more. Established 1999 in Chicago. Visit the Product Blog for more information on our products.

Jobs:

[Screens Around Town] Login screens at Apple, Acrobat, and Vimeo Matt Jun 18

29 comments Latest by Tamlyn

Apple
MobileMe

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
acrobat

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
vimeo

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?

Looking for a job? Got a position to fill? Check out the Job Board.
Over 1 million people use 37signals' simple web-based software to collaborate on projects, track contacts, and organize their business with an intranet.

29 comments so far

Alex MacCaw 18 Jun 08

http://browser.aireohq.com

Kevin 18 Jun 08

The 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 18 Jun 08

I always thought the login screen for Wakoopa is kinda nice: http://wakoopa.com/account

Jared McFarland 18 Jun 08

How about the login screens of Basecamp, Highrise, Campfire and Backpack that are being replicated across the internet?

Dave Rutledge 18 Jun 08

Maybe 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 18 Jun 08

Brightkite 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 18 Jun 08

The 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 18 Jun 08

Ours? ;) (sorry!)

http://weplaythis.com/login

Jake 18 Jun 08

Kindo has a nice login:

http://kindo.com/index.php/kindo/login/

Allan Branch 18 Jun 08

Its simple but check out – lessmemories.com

GeeIWonder. 18 Jun 08

Signup for LessMemories and maybe you’ll be able to remember what the hell it is.

Made me laugh.

Anonymous Coward 18 Jun 08

I 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 18 Jun 08

@Gilbert: I love it! The wonky illustration makes me think the site will be a lot of fun.

Erik 18 Jun 08

The Vimeo screen has a drive-in movie theater on its right side. I’m pretty sure that has something to do with video.

Florian 18 Jun 08

weplaythis has a login screen similar to vimeo: http://weplaythis.com/login

Matt Radel 18 Jun 08

Great 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 18 Jun 08

I came in to post weplaythis, but weplaythis already posted weplaythis. Funny that.

Anonymous Coward 18 Jun 08

just wanted to add to the weplaythis posts by saying weplaythis

Anonymous Coward 18 Jun 08

Really guys? 4 links to the same site, with little other comment?

Marrk 18 Jun 08

I 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 18 Jun 08

what’s up with the skewed browser interface in your MobileMe screenshot?

It’s from the Apple guided tour of MobileMe.

Derick 19 Jun 08

god 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 19 Jun 08

@Derick nice find

Nathan LeMesurier 19 Jun 08

We 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 20 Jun 08

hulu.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 20 Jun 08

A 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 22 Jun 08

The 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 22 Jun 08

Where do we submit our own screens/photos that we think are great innovations?

Tamlyn 23 Jun 08

The 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.

Comments are closed