Bye bye black, hello white with a new look and feel

Bye bye black, hello white
In News

In spring of 2010, I published the first version of this photography portfolio website. That first version had a black background with dark grey highlight areas. Initially I thought it looked great and images really did pop out. Over time I couldn’t get used to reading text on a dark background however and I also felt that some images really looked over-saturated and unnatural. As you can see, I have now left the dark side!

PhotoShelter just featured this website on the PhotoShelter blog:

I worked on this new version of the site during the last few months of 2010 and managed to get it live just before X-Mas. I tweaked it a bit in the past few weeks and it’s finished now. The site is still based on WordPress (to facilitate publishing blog articles) and PhotoShelter (image archiving and e-commerce). I used the Modularity WordPress theme of Graph Paper Press (GPP) as a starting point for structuring the site. It is hardly recognizable by now however ☺

It wasn’t easy to come up with something that I really liked better than my previous site. I found out that it is much harder to design a site with a white background then designing with a black background, so I went around in circles for quite a while. Sticking to a couple of aesthetic starting points, helped me a lot though. I defined the following before I started:

  • I want a white background.
  • I want a maximum of negative space around everything.
  • Content is king and I will not include anything that distracts from the photographs.
  • I want it to be as minimalistic, simple and clean as possible.
  • I want to achieve a better balance between blogging and showcasing images.
  • It should be easy to navigate.
  • I want the look and feel to be consistent across the whole site, including the PhotoShelter part.

Along the way, I customized the blog archive pages (see: archive page example), introduced new post formats to showcase images better (see: wide post example), created a featured gallery page (see: featured galleries page) and a what’s new page (see: What’s new). I also put quite some effort in customizing how images are displayed (see: image display example).

Old look:

Screen capture of the new site of NiO Photography

New look:

Personally I am really happy with the end result. I feel my alpine nature and landscape images look much more natural on white and I think I found a good balance between blogging and showcasing images. The site looks and feels much cleaner in general.

I can now focus on catching up with my post-processing backlog and I hope to be posting and sharing a lot of new images in the first months of the new year! I’ll also be writing a new post on my experiences with PhotoShelter, WordPress and Graph Paper Press, as a follow up on my previous review (see here).

Anyway, hope you like the new site too!!! Please do leave a comment and let me know what you think! Best wishes for 2011!

Comments (30)

  1. Looks great Johan!

  2. Dave Pattinson 5 years ago

    I think the new site is fantastic!!! Very clean and very organized!!!

    • Author
      NiO 5 years ago

      Tnx for the feedback Dave. Cheers,

  3. ziet er strak uit met een aantal erg mooie shots. Publiceer je ook op sites als istock of shutterstock?

  4. Author

    Tnx, Kat, Glenn and Frank,
    @Frank: not yet, maybe in the future

  5. Mooie website, en natuurlijk zijn de foto’s ook mooi.

  6. Great write up Johan, and well deserved recognition.

  7. Looks impressive Johan-On your way to fame and fortune! Have a great holiday. Congrats on the write up on PS Johan!

  8. Awesome!
    I ♥ that macro of fountain grass. All of the variations are great but the original is so subtle and lovely.

  9. Goed man!!! ziet er zeer pro uit!! Zal verder kijken na 11en in m’n ‘freezone’.

  10. You really modified the GPP Modularity template a lot. Good work!

  11. gefeliciteerd!

  12. Rogier Gruys 5 years ago

    Love the new design! Very clean and easy to use. You ought to sell the template to Photoshelter – it is much better than their built-in templates.

    • Author
      NiO 5 years ago

      Hi Rogier,
      Thanks! The good news about the PS themes is that they can easily be customized.

  13. Author

    Thanks all!!!

  14. Its looking great

  15. Alexandra Verlaan (via Facebook) 5 years ago

    Mooie foto’s!

  16. Congrats – you deserved it! Love, love, love the new site…

  17. lisa league 5 years ago

    Hi Johan,

    Wow, you really put in some hard work behind the scenes in customizing both sites. Serious technical functionality cloaked in deceptively simple clothing.

    I like the clean new look and agree that it lends itself to your work quite well.


    • Author
      NiO 5 years ago

      Hi Lisa,
      Thanks for the feedback and compliment!!! Best wishes!

  18. Danna 5 years ago

    Nice site, nice and easy on the eyes and great content too.

  19. Nellie 5 years ago

    Het ziet er goed uit ga zo door succes

  20. Salmon Derby 5 years ago

    Good read i think your website is fantastic with superb content which i like to add to my bookmarks.

  21. Thanks for this interesting post. I will be sure to get the word out about this site :) Excellent post. Can’t wait to see the next blog post.

  22. Harland Funston 5 years ago

    Great article. Waiting for more.

  23. Myrta Perkowski 5 years ago

    Usually I do not post on blogs, but I would like to say that this article really forced me to do so! Thanks, really nice article.

  24. Mike O'Conner 5 years ago

    I really like the colors right here on your blog. did you design this yourself or did you outsource it to an expert?

Leave a reply

Your email address will not be published. Required fields are marked *