Blog Layout Redesign
It’s always been a struggle between form vs function—whether to make something visually stunning or easy of use. Sometimes both worlds harmonizes, but more often there’s a need to compromise. Of course, it’s never polar—there’s a long spectrum on where you can lay down your plan for the visual execution. And it’s a tough decision to make.
A digital design portfolio (graphic design) may weigh more on form than function. The site may not have to be incredibly easy to navigate, but it should impress the visitors. Whereas an utility mobile application would be the opposite. But when it comes to blogs, it’s a bit of a blur. It may vary depending on the purpose of each project, but when in doubt, I believe the general rule of thumb for the long term would be siding with function.
With that in mind, we made some changes to our blog layout.
What we had was a grid of images with text boxes.
Was a bit plain, but nothing terribly wrong. The new layout introduced a few new features and improvements.
The blog covers
I omitted the text-box and blend the text with the graphics. Given the short titles and simple meta data, this approach wouldn’t be too distracting ( if there’s body text/excerpt, then I’d advise against this style). I also added gradient to make the content legible incase of light backgrounds. The new design allows the audience to focus on the graphics (people love pictures) and optimizes the real estate needed for each cover.
I’m typically not a fan of sidebars. It disrupts the symmetry, and often filled with useless clutter that takes up valuable space. But when done right, it proves to be beneficial. This premium location can be a room for quick, bite-size announcements and info.
Looks like we’ll have a lot of fun for future campaigns.
With the new blog layout fresh out of the grill, we plan to post more often to keep you updated with more behind the scene contents of Work Hard Anywhere.
’til next time,