Sometimes it’s necessary to let your images do the talking, and this is an example of a website we created for a client that does just that.
Joel Bugg is a furniture designer, space planner and interior architect, and his work radiates passion, experience and attention to detail – which have been captured in the images of his work. We designed and built a website with minimalist style and some clever, subtle features added in.
Above: The portfolio page design features a full-screen background image slideshow with subtly tinted text boxes. The slideshow is controlled using the scroll arrows at the bottom of the window, with ellipses to tell you which image you’re viewing, and how many images there are to view.
Hide and reveal text box feature
Another interesting feature is the ability to hide and reveal the portfolio project’s text boxes using the simple plus and minus icons in the text box, allowing the visitor to enjoy the images without the distraction of the text.
A different style of navigation
Conventional websites have their main navigation menu displayed at all times, usually at the top of the page within the header, or a sidebar. One of the challenges in providing a minimalist solution is reducing the number of elements that compete with each other within the layout, and a main navigation menu is one of them…
Conveniently, the ‘hamburger’ icon used for mobile screen browsing is now so widely recognised that we were able to use it at all screen widths, with the menu animating in from the right hand side when clicked. This results in a cleaner, freer space allowing the images to extend to all corners almost completely uninterrupted.
Above: When the menu is in use, the main page content darkens down to emphasise the menu, reducing distraction.
To scroll or not to scroll
The client specifically wanted a website that didn’t scroll on desktop displays. This is usually an old way of thinking that we try to discourage but for this client, the aim was to achieve minimalism so we obliged. However, when creating a mobile-friendly website it’s impossible to eliminate scrolling, simply because there isn’t enough space to fit everything into a small screen. Our build delivered on the client’s wish for no scrolling on desktops, whilst retaining full mobile-friendly behaviour however it’s important to note that the majority of web users are now familiar with scrolling and it’s safe to let content scroll. We like this article by UX Myths: http://uxmyths.com/post/654047943/myth-people-dont-scroll.
Experience the website for yourself at https://www.joelbugg.co.uk.