Website Review: Churp Churp Redesign

Before I start talking about the new ChurpChurp website, here’s a trick question to the Churpers or even, Nuffies working in ChurpChurp office.

How many times have the ChurpChurp website been redesigned?

5? 10? 1? 3? Well, jump into the time machine thanks to Archive.org and let me show you some of ChurpChurp’s older website designs.

Website Review: Churp Churp Redesign 1
Still remember this?

Back then everything was kind of flat. And gloomy? Probably because of the darker hues.

Website Review: Churp Churp Redesign 2
I see the light

It started to look more pleasant thanks to the lighter hues. Then in that white empty box was where you’d see a Slideshare about ChurpChurp and what it was offering to publishers.

But the redesign didn’t end there.

Website Review: Churp Churp Redesign 3
Mucho better

I’d say this was the most drastic redesign from the previous. The content area was revamped and the focus began moving into campaign sharing. Even the inside of ChurpChurp was streamlined for publishers to access their paid campaigns. In addition, this was the redesign when ChurpChurp’s team implemented the sign in using Facebook.

Then finally, approaching the end of 2011, ChurpChurp’s team introduces a new website design.

Website Review: Churp Churp Redesign 4
Be-a-u-tee-full

The newly designed ChurpChurp to me is a much cleaner and organized website now. No more feeling of my eyeballs jumping from corner to corner scanning the website. Though like any redesign, they’d still have quirks to think about.

Double sign in with Facebook and Twitter buttons

Maybe they’re trying to save bandwidth. But they seriously should create another button for the sign in with Facebook and Twitter. Just having the header say Sign Up isn’t the same as the button reading; Sign up with Facebook.

Responsive web design for the win

Hell yeah! Great effort from ChurpChurp’s team implementing this to the new website. And if you didn’t know, responsive web design is basically optimizing a website’s layout to the screen resolution. Here’s an example of it on ChurpChurp.

Website Review: Churp Churp Redesign 5
Left - Desktop / Right - Mobile

The screenshot on the left is my browser resolution at 1024 x 768 and the right is what you would see when viewed on your iPhone in portrait – works in landscape too.

The first screenshot of the new website above is for resolutions larger than 1024 x 768. My browser resolution was at 1680 x 1050 for that view.

For a deeper yet clear explanation about responsive web design, have a read through this article by Smashing Magazine.

Share it like it’s Facebook

One of the interesting additions to this new rendition is the story exploration. Think of WordPress.com and Facebook combined. In WordPress.com it encourages other publishers to read featured blogs.

Website Review: Churp Churp Redesign 6
Now where have I seen this before?

Like Facebook, when you post a link, it’ll also try to retrieve the first image of the post. Thinking about it, I’m wondering if this is powered by Facebook. Or, did the ChurpChurp technical team manage to come up with a similar script. Hmm…

Hashtag it like a #churp

Honestly, this was a feature I never knew existed and I wonder if it works and how will it work.

Website Review: Churp Churp Redesign 7
#churp

Apparently, all I have to do is tweet with a link and hashtag it as #churp for it to be posted under ChurpChurp’s stories. Please do let me know if you successfully did it. I’m also going to experiment with this.

Now I’m not sure if it’s because this feature is new, but I believe most of the posts in Stories are right now by the Nuffies. And I’m wondering, how does this compliment their other blog aggregator; Innit?

So, what’s next?

Well, ChurpChurp definitely needs to look through their responsive web design again because it’s not there yet to me. Other than that, maybe Timothy and Ming should look at integrating all the services closer – Nuffnang, ChurpChurp and Jipaban. As right now, each of it stands on its own. But hey, that’s just me living in my spaced out world. 🙂

New Facebook Privacy Settings

Facebook just released an update to its privacy settings. Making it simpler for Facebook users to control the limitation of their privacy. Let’s dive straight in with the Facebook privacy tour if you’ve not recently logged into your Facebook account.

Tagging People in Status Updates for Dummies

new status update

I suppose not everyone realized you can either tag friends or Facebook pages using the @ method or even, by just typing a friend’s name in your list. So Facebook came up with a visual interface to tell you, where to do it.

Control Geo-tagging for Status Updates

geo-tagging

The description confused me a little because it said I could add a specific place too. Does that include a Facebook Page of a restaurant?

Specific Facebook Wall messages for specific people

limited facebook wall

This was maintained from the previous update. But an important note as described is if you wish to hide the previous post from a select group, you can manually change it later – though you’re going to have to look for it, if say it was posted 2 years ago.

New Spiffy Facebook Privacy Landing Page

facebook privacy landing page

I guess to introduce the new Facebook privacy settings, they made a new landing page to remind users of the new status updates privacy settings.

In addition, having 3 large buttons to preset your privacy settings makes it feel setting your privacy is simple. But in all honesty, I’d highly recommend going with the Custom setting and taking the time to set up your privacy.

Moderate Your Tags

control facebook tagging

This was one setting I’m really glad Facebook implemented. The ability to review all tags of you by friends from status updates to photos. Meaning, for the girls, no more “why did you tag me in such an ugly photo?” or for the guys, less “she was just a friend” moments.

But note, you’ll have to enable the moderation because I believe it’s disabled by default. And these settings are inside your Privacy Settings page, under the heading; How tags work.

Kudos to Facebook for this privacy settings revamp. I hope you maintain this interface for a longer period of time. 😛