Want to update your logo? Easy. Change out the layout of your photos? Simple. Find out the best way to best communicate your brand visually? Got it. The goal of this article: to determine the top website trends for the year and lay them out here. We tallied up the seven most popular website trends in recent years, and delved into each. So whether you want to stay on top of what is popular, or aim to completely redesign your site, be sure to read, take notes and give it a try for your own website and photo business.
The top 7 trends in order of popularity
1. Flat design
In the early development of websites, elements were introduced to make pages look more interesting: shadows, texture and embossed letters. However, as coding progressed, more options for design were introduced, and people are finally hopping off the 3-D wagon. Flat design has emerged as a way to modernize the look of websites by eliminating all the extraneous elements that made objects appear to jump off the page.
Flat design can create an inviting and simplified atmosphere for viewing content, especially when the spatial design of the page is used wisely. Most importantly, it reduces the amount of “stuff” happening and brings the focus back to the important content, our golden images. Flat design has the potential to enhance the look of images in a gallery, just as a simple mat and black frame can. Don’t get me wrong though — if you like ornate frames and it suits your work, go for it! Oftentimes, as well all have learned, less really is more.
2. Unique fonts
Photographers are now able to choose from a variety of different fonts without having to figure out how to code them into our websites or mess around with licensing agreements. In the past, we were limited to standard fonts for browser compatibility. However, Arial, Georgia and Times New Roman can only take you so far in terms of expression. Thanks to companies like Google, who came up with Google Fonts, you now have the option to pull from a wider variety of interesting and expressive typographical choices, which can communicate more about you and your work. If you are interested in reading more about how typography can communicate, check out this typographical blog mentioned on Host Gator. Let your brand, personality and voice be reflective in not only the images, but the words, too.
3. Mobile-first design
The mobile-first design approach helps folks take into consideration what can be viewable on a mobile device, whether that be iPhone, iPad, Android, Blackberry or Tablet, effectively before bulking up the desktop version of a site with a lot of content or complicated design. It asks you to simplify things a bit. For example, you might shorten up the names used in your site menu and limit the amount of text added in content blocks to say what needs to be said as concisely as possible. The added benefit of this approach is that your site looks cleaner, communication is more efficient and, combined with flat design, it can help bring the focus back to those lovely images of yours.
4. Responsive Web design
In today’s day and age, a lot of our online time is spent on our mobile devices. This type of design appropriately follows mobile-first design in this list because it goes hand in hand across all devices, with that content. It detects the device and size of the browser window and automatically resizes accordingly to show a version that is appropriate for that device. Having responsive design doesn’t necessarily mean that you are off the hook when it comes to being accountable for content (it’s still good to consider the size of device that your site will be viewed on and keep things concise). Responsive web design has the ability to bridge the consistency gap between the different viewing experiences without having to create entirely new sites for each viewing environment.
5. Embracing the scroll
This doesn’t mean pulling out the old parchment and donning an eye patch. Rather, embracing the scroll refers to the experience of drifting through information on a single webpage. There are different types of scrolling pages: the infinite scroll with a bottomless well of information (e.g., Facebook); the parallax scroll, which appears to have different planes of information rolling over each other as you scroll; and then normal but long pages that require a lot of scrolling to get through. In a way, these all create an efficient, if not interesting, experience for folks who are not a big fan of clicking an infinite number of times to get through a section of information. There is something to be said for not realizing how long you have been scrolling versus getting tired of the endless clicking. Long pages also translate nicely between devices on websites that embrace responsive design (not parallax necessarily). On the other hand, they can be less great for SEO, as less clicks truly means less clicks across your site. But it doesn’t mean that it cannot be embraced in different or unique ways. This is where larger and more interesting fonts can be useful to help your viewer pick out those important headlines, and where you can truly be expressive with your design and words — there doesn’t have to be an end!
6. Embracing big
We are seeing more large images being showcased on homepages and to communicate significant ideas throughout the rest of the site. It is no surprise that wide-screen and full-screen slideshows and the ability to add large background content to a homepage have emerged to support this endeavor. Still-frame images are not the only ones taking center stage or providing backup support; videos are becoming increasingly popular alternatives for text. With the photography and art world progressively moving into virtual galleries and online stores, the ability to share your work on a more impressive scale means better presentation of those amazing details, which leads to greater appreciation — and ideally more sessions and sales.
7. Customized image galleries
One of my personal favorites, this category embraces new and interesting ways to display your images, for example, grids and photo strips. The grid layout is very versatile because it can be tailored to best showcase the type of work you are presenting. I have seen photographers use this to showcase specific types of portraits, and I appreciate the consistency in the quality of their work, all showcased in a beautiful presentation. The photo strip is equally awesome as it creates a scrolling navigational storyboard within a gallery. I love the fact that images can be presented right up against each other—reminiscent of our old friend, the negative—creating interesting juxtapositions of light, color, contrast and subject matter. The new gallery options help your images sing and keep visitors coming back for more.
Just because there are certain design trends happening now doesn’t mean that you have to abide by them in order to stay “current.” These design tools simply allow greater room for expression, and what is most important is that the site functions and communicates as needed. In reality, you only need to use what is necessary for your site, and you have the power to change things around until it feels just right—as Goldilocks and the three bears would agree.
This guest post is brought to you by Zenfolio, which has been powering tens of thousands of photographers’ websites since 2006. The award-winning photo hosting and e-commerce website provides everything you need including unlimited photos, videos, galleries, slideshows, a blog, marketing tools, social media and 500+ products to order and sell directly through your website. Try it free and sign up for a two-week trial today.