Delicious Redesign

By on

Delicious (aka. del.icio.us) is a social bookmarking web service for storing, sharing, and discovering web bookmarks that first launched back in 2003. In 2005 it was acquired by Yahoo! and later sold to AVOS Systems Inc. The website’s design hasn’t changed very much since its last redesign in 2011.

This year, to celebrate its 10th anniversary, AVOS invited me to join the Delicious team. I do designs and front-end stuff, collaborated with the developer Ning Sun (again) from AVOS on this project.

Update 2014 May: Delicious now has been acquired by Science Inc. 1

Update 2017 June: Pinboard Acquires Delicious 2

Delicious New Logo

Delicious Iconset

Delicious Iconset

Delicious UI Preview

Delicious UI Preview

Some fun facts:

  • Brand-new brighter version of Delicious logo. (Time took: 5 minutes)
  • No images used on this project. all styles are served by a ~23 KB gzipped CSS file. Hum, okay, there’s only one icon font and some SVG graphics and…
  • The new design is responsive, I even spent more time on the mobile viewport, or I can say, it’s a mobile-first design. Try it out on your iPhone, it works smooth and intuitive.
  • Delicious logo is made of pure CSS.
  • I didn’t write any vendor prefix for this project. (Or let me say: Autoprefixer rocks).
  • We use Application Cache to speed up the page load times.
  • We use Grunt.
  • I worked remotely (from home) for all these things.
  • The author of Mobile First, former Yahoo! design architect, Luke Wroblewski also tweeted about it.

Delicious Landing Page

Delicious Landing Page

Delicious Landing Page (Mouseover)

Delicious Landing Page (Mouseover)

More Screenshots: Delicious Login Window

Delicious Login Window

Delicious Signup Form

Delicious Signup Form

Delicious - Useful Tools

Delicious - Useful Tools

Delicious - Developing for Delicious

Delicious - Developing for Delicious

Delicious - About

Delicious - About

Delicious - My Links

Delicious - Manage Subscriptions

Delicious - Manage Subscriptions

Delicious - Search

Delicious - Share a Link

Delicious - Edit a Link

Delicious - Mass Edit Links

Delicious - Keyboard Shortcuts

Delicious - Keyboard Shortcuts

  1. Science Inc., a tech advisory firm run by former Myspace chief Michael Jones, confirmed the deal in a blog post↩︎

  2. Pinboard has acquired Delicious. Here’s what you need to know: Pinboard Acquires Delicious↩︎