20 Gorgeous Web Application Interfaces

by on 14th March 2010 with 56 Comments

The advancement of web technology has led to some incredibly impressive improvements in online application interface design. Below we’ll look at 20 web apps that aren’t only extremely useful, but indisputably attractive as well. I’ve subdivided the applications into four categories: Design, Business, Productivity and Miscellaneous.

Design

280 Slides

screenshot

280 slides is an absolutely amazing free alternative to Powerpoint and Keynote for making professional or personal presentations. The interface is beautifully streamlined and feels as nearly as good as those from Apple and Microsoft.

Pixlr

screenshot

On one hand I can’t help but think that the Pixlr interface is a near straight ripoff of Photoshop. On the other hand the resemblance to Photoshop is everything I like about it. Though by no means a suitable alternative for professionals, it’s definitely a fun, simpler image editor for beginners.

Aviary: Phoenix

screenshot

Aviary’s Phoenix is another well-designed online image editor. Again we see some strong Photoshop similarities with a bit more unique creativity thrown in. All of Aviary’s tools are simply top-notch and are built with an amazing richness of features and power.

Kuler

screenshot

Kuler is my preferred way to build color schemes. The interface is incredibly simple to use, yet powerful and attractive.

Clover

screenshot

Clover provides prefab websites for churches and ministries. Each site comes with a built-in editor called “The Greenhouse” that makes it a breeze to customize a site on the fly. If you stop by the site you can demo The Greenhouse on various site templates without even signing up!

Krop

screenshot

Krop provides creatives with an incredibly easy way to build a beautiful online portfolio and resume. Simply choose from one of the pre-built templates, upload some images, drop in some text and you’re well on your way to impressing potential clients and employers.

Businesss

Subernova

screenshot

Subernova is task management on visual steroids. Similar in concept to Basecamp, but a whole lot prettier. The key here is contrast. There are lots of light gray gradients offset by black and blue for objects that the designers want to call your attention to.

Freckle

screenshot

Freckle is a serious time tracking professional suite with a light hearted interface. The bright colors and easy to read charts swap out boring for beautiful in the normally mundane task of tracking your hours.

CoTweet

screenshot

CoTweet is targeted at businesses using Twitter to reach their customer base. The intuitive and attractive interface makes it a breeze to collaborate on and schedule your professional tweets.

InvoiceMachine

screenshot

The InvoiceMachine opts for a dead simple but very attractive interface heavy on dark/light contrast like Subernnova above.

Outright

screenshot

An entrepreneur’s dream, Outright is a way to track expenses and perform automatic bookkeeping operations for self-employed individuals and small businesses. The interface uses simple zebra striping and minimalist icons to make it easy to sort and navigate through lots of information.

Ballpark

screenshot

Ballpark is another app that makes it easy to build and track invoices online. Quality icon design and bright colors are the key to this excellent interface from Metalab.

Productivity

Scraplr

screenshot

Scraplr is an impressive online productivity tool that boasts an interface as rich in features as you’d expect from a pricey desktop todo app like Things or The Hit List. It’s still in private beta but you can get a sneak peek of the features and graphics at their site.

FocusBooster

screenshot

FocusBooster is a simple web timer meant to help you stay on task for specified periods of time. The idea is that while the timer is going, you should strive for distraction free productivity (sorry Facebook, you get a turn after the timer ends.) The timer is a beautiful piece of art that features a simple start and stop button and a progress meter.

TodoTweet

screenshot

TodoTweet is an interesting concept that lets you use Twitter to create todo lists. I honestly don’t think Twitter is the best medium at all for this task but the interface is nice enough to make me consider changing my mind.

TeuxDeux

screenshot

TeuxDeux features one of the most wonderfully simple interfaces of any ToDo app I’ve come across. Simply type your todo under a weekday header. This allows you to spend most of your time performing tasks, not creating and managing lists.

Miscellaneous

Cadmus

screenshot

Cadmus is a social media aggregator that combines your Twitter, FriendFeed and RSS feeds into one nice muted gray interface.

Daytum

screenshot

Daytum is a handy tool that lets you track absolutely anything you want with absolutely beautiful minimalist graphics and colorful charts.

Penzu

screenshot

Penzu is a simple journaling app for keeping your private thoughts organized online. The interface features a simple notebook paper theme that cuts out all distractions while looking familiar and friendly.

GrooveShark

screenshot

Grooveshark is one of my favorite ways to listen to music online. The main reason for this is that the rich interface feels more like a full-scale desktop music application than a webapp. Searching for songs, making playlists and browsing your library is nearly as easy as in iTunes!

Conclusion

The stellar examples of web application design above can be great inspiration for your next web project, application or not. Consider the usability strengths and weaknesses in each of these apps and how you can apply these principals in your own UI design.

Use the comments below to let us know which app is your favorite, both for functionality and design.

Comments & Discussion

56 Comments

  • http://www.davidkuhta.com David

    Awesome look at Web App Design and I have to say I like Kuler for the way it balances simplicity and robust functionality.

  • http://anomalyinnovations.com/jayair Jay

    Thanks for the Cadmus mention!

  • http://twitter.com/amphigoryglory Ashley

    Often times the look and feel of a web app will make me sign up for them even if I may not need them. Just because they look so pretty and I want to see more. Unfortunately I’ll forget about them unless they are actually useful.

    Nice collection!

  • http://voratec.com Ashit

    LetsFreckle and InvoiceMachine have awesome UI.
    rest are ok.

    But thanks for this. I liked it.

    Added this to my Google Reader :)

  • Pingback: 20 Gorgeous Web Application Interfaces | Design Shack « just do something… anything

  • RachaB.

    I’m still hesitant with webapps, but these look really good!

  • http://www.yummygum.nl Leon

    Thanks for this roundup! We’ll be redesigning our CRM webapp pretty soon and this’ll come in handy! Great for inspiration. BTW. Chocaholic really master the art of UI design (they made Scraplr)

  • http://www.marcy.com Greg Krivicich

    Joshua – Thank you for the great list of website apps. We are always looking for business-based apps to run our company more efficiently.

  • http://ansh.thisisitonline.info Amberly | Web Designer

    Great article.. Thanks for this info.
    Simple things that help tremendously… Bookmarked for later!

  • Pingback: links for 2010-03-15

  • Pingback: links for 2010-03-15 | AndySowards.com :: Daily Professional Web Design, Development, Programming Freelancer, Hacks, Downloads, Math and being a Web 2.0 Hipster?

  • http://www.dawncasserly.tumblr.com Dawn Casserly – Freelance Graphic/Web Designer

    What a great list of applications, I’ve bookmarked some and already joined a handful. Thanks for this post!

  • afraz

    Great post !

    I would appreciate if you post more designs relevant to desktop applications or web applications.

    Thanks

  • Pingback: 20 Gorgeous Web Application Interfaces | @DesignShack « ImJustCreative

  • http://themeforest.net/item/saganowsky/83281?ref=luglio7 Luglio7

    The last one is down :(

  • Peter

    I have to disagree with the Daytum choice. The “output” looks great, but inputting is a real tedium. I used it for a year but the lack of really simple ui elements such as a calendar pop-up or just using some drop downs makes it horrible to use. Nice post otherwise. Well worth the read.

  • Peter

    Another web app with beautiful UI – soundz.fm (sort of radio mash-up)

  • http://gotokindle.blogspot.com redclick

    Thanks for this info. I like Freckle.

  • Pingback: Internet Briefing Blog / Wochenendsurf-Tour

  • bob

    Some lovely designs, but I agree with another commenter, some of these look right but would be a right pain to administer. Freckle lets you put in typos as new projects, nightmare!!!

  • thedude

    All of them have an excellent design. for practical usage, teuxdeux is definitely my favourite.

  • http://divyasharad.blogspot.com div

    I liked many designs which have been mentioned in the article. Thanks for posting such useful info…..:)

  • Pingback: 20 Gorgeous Web Applications from Design Shack | Kiwiluv Tech Blog

  • Pingback: » view 2010/4/5 T·Web

  • Mel

    I wish I knew who made these so I could hire them!

  • http://darylirby.wordpress.com Daryl Irby

    Great collection. I love the representation, too.

  • Abhay

    Such a awesome design..

  • http://www.rockkarusellen.se Johan

    Where is MobileMe in the list?
    It’s awesome!

  • http://www.thinkmessage.co.uk David Moffat

    Great list Joshua – there are some really fantastic apps in there. We have just launched our first web app in beta – http://www.thinkmessage.co.uk. I’d love to know what you all think.

  • http://www.funspill.com Fun Spill

    Nice collection! Here is also a list of inspiring and creative web design interfaces, check this out: http://www.funspill.com/30-inspiring-web-design-interfaces/

  • http://www.brettwidmann.com Brett Widmann

    Great interfaces. I love Kuler.

  • http://almekhlafi.com abualez

    This very nice software for design sites
    thankyou

  • http://sitioschidos.com Gabriel

    Is anybody interested in designing an incredible UI for an incredible future app?

    please contact me, so we can talk further

  • http://www.egyptianwebdesigner.com yehya | web designer

    I like the “Penzu” one so much … thanks

  • http://www.webcoursesbangkok.com Carl – Web Courses Bangkok

    As a UX designer, there are some really interesting ways of presenting the UI. Love it! Thanks

  • bernadette aquino

    Love this. Will definitely use as inspirations on my designs. Thanks a bunch!

  • http://www.cheapleafletprinters.com cheap printing

    really nice post, love the way in which these interfaces work guys.

  • Remy

    Another great GUI is Jumptree Project
    http://jumptree.com/

    We use them here at work.

  • http://www.webfire.co.uk webfire | London Web Agency

    Great inspirational post… some very cool designs!

  • http://www.drivvedwebbyra.se Fredrik

    thx for the http://todotweet.com/! its awesome

  • http://www.ocularconcepts.us Ashish

    The Kuler app is really a nice one.

  • http://www.smsspysoftware.net sms spy app

    Hey, This was super helpful. I’m a beginner and this was a ton of help! Thank you.

  • http://www.itrush.com IT Rush

    Grooveshark looks pretty interesting.. hope to use it and find good music there.. thanks for the lists..

  • http://www.orologic.com Vincent

    I love Kuler!!!

  • http://phonetapping.org Cell Phone Spy Man

    I suppose the word “attractive” is subjective, but I’d agree with the usefulness of the apps. The designs all seem very similar to me nowadays.

  • http://www.vietnamairlinestickets.com Vietnam Airlines

    I like your application. That makes how web design is exciting.

  • Pingback: Web sitesi araçları « gover

  • Pingback: Web applications « daveem

  • Luis Perez

    Designs like this can be applied to even the simplest app, for example http://print-a-calendar.com has a very straight to the point design.

  • New boy in town

    I prefer clean and “windows phone 7 like” designs with cube shapes. For example http://www.fancyqrcode.com is a great one.

  • http://sms-interceptor.net sms interceptor

    I tried Grooveshark and it is really decent. It is awesome.

  • http://interceptingtextmessages.com Intercepting text messages

    In terms of business Ballpark is definitely something I would like to try out.

  • Pingback: Programming for Designers » Inspiring Web App Interface Design

  • John

    Awesome. Thank you for Sharing.
    The Pulseapp (http://pulseapp.com ) And the openschool (http://open-school.org ) Got Interesting UI.

  • Jack

    These designs suck balls…. Only amateurs would like this.

  • Jack

    These designs suck HUGE balls…. Only amateurs would like this.

Subscribe
Membership
About the Author