Abduzeedo Gets a FaceliftListThumbs

Abduzeedo Gets a Facelift

October 09, 2009

After almost a year, we have a new design! As web designers we’re always thinking about what to change in order to make the site more friendly for those who are looking for inspiration and tutorials.

Our main goal was to simplify the design and also add more white-space. The images of the articles have and always will be the main asset of the blog so we wanted to drive the user’s attention to the images and text, and less to the interface itself. That’s why we have removed the stars on the header but still kept them on the footer. Also we were very inspired by magazine designs, that explains the text overlapping the images.

New Features

Among the main changes on the new design we could list:

  • Bigger images
  • Preview image at the top of the articles
  • More white-space
  • Thumbnail view on the home-page
  • Threaded conversations on the comments
  • CSS 3 for effects (sorry IE users)

Overlapping of Images - Abduzeedo v5
Big preview image with text overlapping

Thumbnails view
Thumbnails view

Reply to comments
Reply to comments

Navigation

In terms of navigation, we split the menu in two. The main menu consists of the most important categories on the blog:

  • Tutorials
    • Photoshop
    • Illustrator
    • Pixelmator
    • Fireworks
    • Quick Tips
    • Case Studies
  • Inspiration
    • Architecture
    • Illustration
    • Photography
    • Daily Inspiration
    • Sites of the Week
    • Best of the Week
    • Popular Post
  • Wallpapers
  • Inspiration





Meebo Bar

Another great feature we added (and that we're really excited about!) is the Meebo Bar! The Meebo Bar allows you to drag and share any images of the site via Twitter, Facebook or email. Also we will be able to chat while navigating on Abduzeedo. That way we might even be able to help you guys on tutorials or any questions you might have regarding posts and so on.

Meebo Bar
Meebo Bar

It doesn't just stop there. Abduzeedo is always under development. We try to learn as much as we can from you and we’re always open to suggestions. Our idea is always to make the experience as better and simpler as possible. We still have some features up our sleeves that will be released very soon! One thing I can reveal right now is that our iPhone app is 95% done ;)

iPhone app is coming
iPhone app is coming

Also we want to mention and thank our hosting (mt) Media Temple for the great support during the redesign process, we were working with the 2 versions and sometimes doing crazy things but they guys over at Media Temple kept Abduzeedo up and running.

About the author

User picture

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through Abduzeedo. Also you can follow me on Twitter or my personal site at http://fabiosasso.com.

Sponsored Links:

More content from:

Help us to share this!

102 Comments

Hybrid5910/09/2009

Yeah i think is better like this ! Good job guys
_________________

http://hybrid-creation.deviantart.com/

Diogo Duarte10/09/2009

As said by me before... It's nice!

Javier Rivero10/09/2009

Great, I'm loving it! So friendly, good job man (Y)

malte10/09/2009

don't like the search bar at the bottom of the page. bäää. remove it! apart from that you did a good job.

ross.tejero10/09/2009

the new design looks really great and the new functions are just awesome.

Anonymous10/09/2009

Everything I can I like so far.
Good show!

Punky the Germ10/09/2009

I really like new design.. Perfect colours.. Pretty font effects .. Abduzeedo is better and better :) GREAT JOB !

Marko Prlji?10/09/2009

Previous design looked like we're out in space, freely floating around. New design feels like we're inside a space station, closed, no windows.

Suggestion: Add a space img bg in the balck stripe under the logo so we have a window :)

Liked previous design more.

Jbcarey10/09/2009

There are a lot of things I like in the new design, the "plain" background, the higlighting colors and the CSS3 effects all do a lot of good.

I also love the way the images (and the image captions) are very visible to the users, both in single column view or in thumbnail view.

Also the single-post view is spectacular, very clear to read and I never thought that adding a text shadow on regular text could cause that much difference! AMAZING!

What I'm not positive about is the top navigation... Honestly, it wasn't clear to me if there background images that weren't loaded in yet or even that the dropdown are only visible after click and now on hover... Actually I'm not hot about the navigation at all and I feel it needs to be rethought VERY quickly....

Will D. White10/09/2009

Great updates - love the new text over images and I especially love the thumbnail view. I start every workday off checking out all the articles y'all post and the thumbnail view really makes it easy.

@Will_Powered

PS: Down with IE!

Andy`10/09/2009

Awesome Style, liking it!

but how does the meebo-bar work, can sum1 explain that to me?

Anonymous10/09/2009

i like it a lot

good job guys

Samoo10/09/2009

A good cleeanup work!

Marko10/09/2009

Good job guys. I much prefer this than before. I like the editorial look and feel of the site. My only criticism is that perhaps the nav header is too deep.

Samoo10/09/2009

A good cleanup work!

Arjun Phlox10/09/2009

very impressive!! I liked the details. :)

Will D. White10/09/2009

Great updates - love the new text over images and I especially love the thumbnail view. I start every workday off checking out all the articles y'all post and the thumbnail view really makes it easy.

@Will_Powered

PS: Down with IE!

Anonymous10/09/2009

I visit this site every day, the facelift looks good, I would probably have not chosen font with no fill, to be honest I want to enjoy the style of it, but it's simply too hard to read except as a large title.

Markeetoo10/09/2009

Looking good!

Arnaud Jolois10/09/2009

It's soo awsome!
You rock!

Mantiuxa10/09/2009

I like new version, nice to see you progressing.

Jerry & Begi10/09/2009

awesome, it's creative evolve

BJMRamage10/09/2009

noticed this the other day.
Great job.

though i thought my browser was off on the Article Headlines getting nudge into the graphics...but i guess not as the image above shows it that way too.

gfxmaven10/09/2009

I like the change overall, good stuff; it'll take me a while to get used to it though. I only think the background color should be a slightly darker shade of gray (not as smooth a read as the old site)...but a good change nonetheless!

Kyros10/09/2009

Like this one !

Negative margin on preview images was a great idea ;)

rodgerdoger10/09/2009

i dislike the new design. why gray? looks a bit boring....

late_ante10/09/2009

great work guys!
__________
http://lateant.deviantart.com/

porterdsgn10/09/2009

Nice update. I particularly love the Meebo Bar.

RoaldA10/09/2009

I love you guys, but I have to say, this new design… I hate it, sorry!
First I thought my browser was bugged or something, everything seems off placed and changing out the black BG for this lighter grey one, it's just awfull!
Using grey is awsome, like Collis often does, with his #111111 grey… But this combination, just awfull!
Except that, like the blue and pinky colours!

Thou, like some of the new functions.

Chad Landenberger10/09/2009

Great redesign. This is one of my favorite sites to visit.

ROBATRON300010/09/2009

I'm warming to it. it feels cleaner but I think that black bar needs some subtle shading or something to pull it together more.

But hey, presentation is one thing content is another. great site keep it up. :)

Thad Bloom10/09/2009

Nice upgrade to an already awesome design!

DEF1310/09/2009

Very nice job ! Good job ! :-)

Timon10/09/2009

I think it's way better

Keep up the good work (A)

b-dub99610/09/2009

Change is good but I'm not sure about this one. Two things get me every time I visit. One, how the headline text "cuts" or overlaps the preview image. When I first saw it, I thought the page wasn't loading properly. Two, the overall look, to me, seems very template-ish. I'm all for simple & minimalist. But perhaps this is a little too far. You guys still post great content. Just not a fan of the new wrapper.

Danilo10/09/2009

Ficou bonito!
Parabéns pelo trabalho!

diogoglovatski10/09/2009

Bom trabalho!!!

Parabéns a todos!

twitterskins10/09/2009

liking this nice and personal well done.

Diegol10/09/2009

Very nice!!! The only thing that i don't like is the Text overlapping the image, at first makes me feel that was an error with the css, then I realized that everything its OK.

Its an excellent work, congrats.

Renan Bolonha10/09/2009

Looks beautiful! Nice job!

whiteheadphones10/09/2009

I love your new site...very simple & sleek.
the features are very useful and handy, surely happy for that.
now I can share an article from your site, with just drag and drop!

capsz10/09/2009

Did i hear iPhone app?
Yes please.

mug2510/09/2009

Looks pretty spiffy

Lappasman10/09/2009

Looks good! Took some getting used to but i like it! Particularly the style of the headlines slightly embedded into the images is a really nice touch and an advancement in internet styling.

Sammo10/09/2009

I like the design and on my widescreen monitor it looks really sleek and stylish.

zeemiDesign10/09/2009

As I first saw the new design I really didn't like it. Now I like it more every time I look at it, but I'm still not sure if I like it more then the previous version. It seams like something is missing. I can't necessarily put a finger on it.
Maybe an image or texture for the background as others mentioned before. I think a little grain in the background could have worked wonders.

Anyway it's important too move on and that's what you did, so congratulations!

Javelines10/09/2009

I think "social panel" - junk.

Yesterday Abduzeedo - cosmos'es ideas.
Today Abduzeedo like trivial designer's blog.

Where are stars in head? Where UFO behind logo? Where black background?

Design is perfect, but perfect is'nt originaly and interesting.

That my personal opinion, sorry about my bad english.

Assa10/09/2009

Congratulations!

I loved this nice and clean style!

Especially with shadows, supported in Firefox!

Deviant°Gm10/09/2009

Love it!

no change resistance on this one

DesignTuts10/09/2009

Great clean re design...
looks amazing

--

www.designtuts.com.br

twitter.com/designtutsbr

Nevo10/09/2009

Dont wana say anything wrong but i don't like this design... it's too simple and aero glass effect on header looks bad...too many sites using design like this ... :)

Anonymous10/09/2009

I don't comment frequently, but I visit this site EVERYDAY. I liked the new design, but I miss the previous one. Keep up with the good work and don't forget the portuguese versions of your posts. :D Sometimes it help me a lot.

Zeroedin10/09/2009

urrgg! another polished mac minimalist website. too generic and bland. what happened to individuality and uniqueness?

abduzeedo10/09/2009

The idea was to make it simpler, because there are the images from the articles, plus the banners.... but we will create some versions of the header and change from time to time. Also I'm working on a white version of the blog.

Seth Etter10/09/2009

Great looking redesign, though I think I liked the header on the old design better. I feel like there is something that still needs to be added in at the top.

Other than that, I love the highlight colors, those look great, and everything else is pretty much awesome as well. Good work!

Si10/09/2009

Its very nice but its a shame, the overall theme has now been lost. Only the tiny bottom footer with its stars remains. Good re-design guys but i'm concerned you have become too generic...

Vincent Garnier10/09/2009

Way better ;) Less messy :)
Great improvement :)

Anonymous10/09/2009

well done and well deserved

Anonymous10/09/2009

First, I have to say this is the first site I check every morning and I LOVE the content, However this update, visually seems llike a step backwards to me. It seems awkward now, the post titles overlapping the pictures is quite distracting, and looks like a mistake. The new navigation is very confusing to me also. This update looks incomplete, you have added some nice new features, but overall I find the site confusing now,

selcuk askin10/09/2009

Too noisy, pretentious. Unsure himself to prove otherwise.
Like to see much more sober, refined site from you.
All the best.

ThMage10/09/2009

It's nice, I like it a lot. I would like the stars back though. I think it keeps with the theme of the whole web page, "abduzeedo".

Joshua Pursley10/09/2009

Abduzeedo Team:

You have done something amazing with this website and design. I have been checking Abduzeedo for years, and, seemingly, everything you do turns to gold as you get more and more popular.

Often, when a well liked website or team changes something, fans will revolt and attack. You have succeeded in redesigning the site while also garnering the approval of many people and designers.

Great job, and thanks for making this website.

:)

sietefx@hotmail.com10/09/2009

O design está perfect, gostei muito do resultado. A equipe se supera sempre, com certeza. Congratulações!

Plasma_Wolf10/09/2009

It's great to have it like this.

Douglas Mendes10/09/2009

Ola Fábio! Muito bom o post, e adorei a nova versão do abduzeedo. Ficou 99% Melhor! Sabe por que 99%? Por que eu não gostei da fonte, não se se é no meu computador, mais aki em casa fica quase ilegível os comentários e artigos.

A resolução que uso é 1440x900, voce acha que pode ser aqui em casa? Eu aumentei a fonte no navegador, mas acho que ficou grande d+ o site, as imagens tambem.

Bom, se descobrir o que é me avise! Abraços!

abduzeedo10/09/2009

Poderia me mandar um screenshot para abduzeedo@abduzeedo.com?

Douglas Mendes10/10/2009

Ok, irei mandar. Abraços!

Drew10/09/2009

I'm loving the new layout, keep up the great work guys. Hope the bugs get fixed so Fabio can get some sleep at night ;).

gfxmaven10/09/2009

May I amend my previous opinion?

It was based on a quick skim of this and the homepage. I spent some time reading a few articles and my opinion has changed somewhat...it's a good design and layout but for some reason it's claustrophobic. I feel cramped-in/closed-in. Don't know whether it's amplified by the shade of gray but as I spent time reading articles on the site I started getting a headache (I'm not exaggerating). I know there's a lot of negative space at play here, but the previous design was a lot more open and easier to read (and definitely NOT headache-inducing).

Sorry...I love abduzeedo.

Helder Cervantes10/09/2009

Love the drag to share feature. Love the L shaped images

Don't love the fact everything's so big and the header may be too simple.

Think Creative!10/09/2009

Too be honest, I don't like the brightness of the grey on the background, it should be a bit darker. I like the new effects and the divider lines though. But on the other hand, the thumbnails look a bit like they have been copy, cut and pasted, instead of really worked out. Probably because the titles comes in where a bit of the thumb was. and furthermore the header > thw 2 different colours look quite off, it's like it isn't ''margined'' or ''paddinged'' right, if you know what I mean.
The other colours are fantastic ^_^

Lucas Vinicius10/09/2009

The old is better than that

Visualkidd10/09/2009

You Guys RULE!!!!!!!

GrandmasterB10/09/2009

I love it...the only issue is you should never apologize to IE users. They should be the ones apologizing. Nice work!

DaltonR610/09/2009

Ugh I HATE it this way! The only improvement I see is the comment box... The old design was way better :(
Everything is to cluttered. Its hard to tell the difference between two posts cause everything is everywhere.

evilkosmoz10/10/2009

agreed..!! but i like this way.. :P

acuarela10/09/2009

:( i miss the stars :( and the dark background :(

PdrLaguna10/10/2009

You should never apologize to people who uses IE. They should be ashamed.

Ben Shelock10/10/2009

Very nice, I hope the app will be free.

Gis10/10/2009

I love the fact that opening abduzeedo doesnt seem to hang my google reader now as it did before xD have you guys been also resizing the image size? it loads faster xD

Jordan10/10/2009

I think the new design is great! And I am super excited for the iPhone app! Keep up the great work.

fdtr10/10/2009

Nice job... very fresh and inspiring layout. It's a good call to ditch IE cos i do. Love your work.

axxion10/10/2009

Nice Change ... THNX

thirtyfour10/10/2009

*PdrLaguna - haha true

yeah lush design. looking forward to the iphone app.. just need an iphone now! perfect in my opinion.

Anonymous10/10/2009

Really nice!
But it's quite slow scrolling on my PC. (512Mb RAM)

evilkosmoz10/10/2009

Good Job.>!! I like it..!!

italida10/10/2009

muhauhauhaauh in comment screenshots there is one mine XD

ARTELEVISUAL10/10/2009

amazing new face.

Salem10/10/2009

great work guys

Los Angeles Web Design10/10/2009

Hi, I liked your site a lot and the changes you have done are very fresh and new. I specially liked the font and colors you have for the site's name. Plus I'd like to suggest that what if you use some more colors in the rest of the page of your site or some animated graphics, I think it would look better.

SL05NED10/10/2009

holy crap, the "drag page then dock appear thing" is sooo coool!!!!

senph4210/10/2009

Overall, the redesign was successfull, I like the new look. The only part that I hate is that annoying meebo bar, I would never use it on my own sites.

Anonymous10/10/2009

Nice!

Skeku10/10/2009

Hi Fabio! Maybe just my problem but with this new design, Abduzeedo is veeeeery slow on my computer. It's the first time I've got "flickering" when scrolling up/down. Not just inside post but homepage too. Same thing in Firefox 3.5 and Explorer 8.

I haven't got a "kick ass computer" but a Dual Core with 2Gbytes should be enough to run very fast a website.

Gurvan10/10/2009

Good job !
Can't wait for the iPhone App…

Leslie10/10/2009

I LOVE the new layout, its soo much more user friendly! Im not really diggin the header where your logo is. Im not sure why but its not easy to look at.

alessandra10/11/2009

Muito legal o meebo, o menu do topo reduzido.. mas o topo parece que está faltando algo.. na primeira vez que entrei achei que a página não tinha terminado de carregar... gostava muito daquela imagem.. era um layout bastante original.. que diferenciava o site dos outros sobre design.. bom, então talvez seja questão de tempo para me acostumar..

sialBu10/12/2009

Abduzeedo = inspiration

I think you guys have done a great job, it doesn't just have lots of eye candy, it's much more user friendly and also loads quicker.

I tip my hat to you

Hezi10/12/2009

ROCKNROLL!
i love it.

THE TREK MAN10/12/2009

I have Abduzeedo-ing since 200712-- - 200801--, but not as a member. This is my first "Post" as a member. You people at Abduzeedo do a great job Thank you, Marci! I love the new layout!

Davids10/12/2009

Looks great, I love it!

kevinoh10/12/2009

Love the new simplified look!

I would definitely prefer the headlines of the articles to be aligned left to the edge of the column instead of floating over the image. I think it looks good, but takes away from the readability of the page. It makes scanning hard and takes longer to find what you were looking for, sometimes the pictures don't always explain clearly what the article is about so it makes it more complicated.

The one thing I do love is the little "bump" you gave to all the links when clicked. Simple and effective. Love the attention to detail.

Thanks!

Post new comment

The content of this field is kept private and will not be shown publicly.

Icon Ads Wall

  • Openjobs - Oportunidades de Emprego para Profissionais de Talento
  • Zee - Irrezeestível Design Digital
  • Tradd.us - Contextual Translator
  • DesignFlavr, Inspirational Art and Design served daily
  • Signalnoise.com | The art of James White
  • Alberto Seveso - Illustrator
  • Description: Award Winning Portfolio and blog of Web Developer Anthony Woods

Do you want to advertise here?