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!
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 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 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.