Queness Redesigned

Queness Redesigned


Queness Redesigned

After a lengthy development process, Queness has finally get its new look! It took me a few months to finally nailed it because it's more than a redesign, it's actually a re-development of the whole blog platform and CMS. Hybrid layout, Better readability, And... it's responsive!

Development Process

This project took longer than what I've expected. Firstly, due to my personal commitments I couldn't spare more times for Queness. Secondly, I'm the only one in my development team, so I have to take care of everything from planning, research to design, development, testing and deployment. Thirdly, Queness' platform is custom built. In order to make it a better website and easier to manage, I have to rebuild Queness blog engine and also a better Content Management System to manage this blog. Lastly, Queness is now responsive. Responsive website increases development and testing time, I have spent a lot of times just to make sure it displays page properly in different devices.

Overall, it was a great experience, I always enjoy building website from the ground up. It gives me a full control and customization to implement whatever features I need. And my credit to the powerful frontend framework - Twitter Bootstrap. I use it as the main UI for Queness' CMS, and it saved me 70% of backend development time!

The New Design

The most noticeable changes would be the homepage. Previously, we used traditional blog roll layout. This time, I have decided to go for the hybrid - Magazine + Blog Roll layout. This layout idea was inspired by Web Designer Depot and Codrops. We want to bring out some of our good posts that were buried, and some new widgets to make Queness resourceful and content-rich website.

Readability

Readability is one of the main objectives in this redesign. I spent times researching in the area of typography and choose relevant fonts to use. I choose PT Sans as the body font, Roboto Condensed for heading and Arvo font is used in some minor section. Content is the most crucial thing, therefore, I want to make sure our articles and tutorials are well formatted.

Responsive Design

Responsive design is something I wanted to have in Queness. I spent a lot of times just to getting the width and layout right in different standard screen dimensions. Due to responsive, it also increased the development time, but it totally worth it, I'm quite happy with the outcome. I aware that there are still some tweaks need to be done, those CSS updates will come soon.

Finally, Thank You!

Queness has served 16 Million visitors since 2009, Thanks for your support! We will try our very best to produce high quality exclusive web design and development articles and tutorials. We will produce more practical and useful tutorials focusing in front-end development. Last but not least, a huge thanks to all the advertisers who chose Queness to promote their services and products.

Feel free to browse around, more content to come and if you spotted a bug, please let us know. You also can follow us on twitter, like us on facebook for latest update. Thanks! :)

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

9 comments

Pritesh Desai
Sun, 24th March 2013
The new redesign looks good. I liked the new body font! Reply
Kevin Liew Admin
Sun, 24th March 2013
Thanks Pritesh! Reply
Jason
Sun, 24th March 2013
Congrats =)
Looks great! Reply
Mick G
Mon, 25th March 2013
I was wondering about the halt on your articles. I'm a long time reader and I dig the new you! Rock on man! Reply
Eric
Tue, 26th March 2013
Nicely done! Was pleased to see the nice re-design when I came to the site today! Reply
Kevin Liew Admin
Tue, 26th March 2013
Thanks Eric! :) Reply
Luis
Wed, 27th March 2013
Hi Kevin,

Congrats on new design. It looks great.

I saw new design because I came here today to submit news. Btw, I think you have a bug there: it always says "URL has already been submitted" Reply
Ankur
Sat, 30th March 2013
Great work. I love the design. The font combination is good. The layout is brilliant.
I do feel that font size on home page should be a bit bigger. Reply
Luis
Mon, 1st April 2013
Another bug found: When we click on comments in homepage nothing happens. We should be redirected to comments on post. Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement