It’s true. You CAN have your cake and eat it too. Single page websites can be both — effective and easy to maintain.
“Single page websites aim to provide just the right amount of information for a user to make a decision and act on it. …This minimal web design removes any unnecessary noise from the interface, focusing the user’s attention on the most important content.”(Adiseshiah, n.d.)
Take Art by Nature as an example.
Art by Nature is a collaboration of two artists. Together they create decorative wall art that uses thin slices of tree branches and other natural products attached to a cork background. The variations in the grain of the wood slices combined with the other ingredients create myriad interesting patterns. It is also known as “tree cookie art.”
To expand their marketing efforts, the artists wanted to take their product online at artbynature.biz.
That’s where I come in. They are a relatively new business, so it seemed appropriate to start with a simple site. I changed my initial strategy for Art By Nature, and moved from designing a multipage version to creating a single page site.
I started with a responsive template, which is shown below.
I replaced the leading image of a man holding a hat. Instead, I used an image that includes:
- the Art by Nature logo.
- a sample of tree cookie art.
- a woman leaning against a tree looking happy and content.
Just above the image I put the tag line “Eco-friendly Art for your Home, Office, or Business.” I also added a call to action with a phone number below the image.
The navigation bar uses bookmarks to take the reader to a particular part of the page, which gives the look and feel of a multipage site. The links are:
Here’s what it looks like when you click on the Newsletter link:
A brief description of tree cookie art precedes the gallery — consisting of eight pieces of art labeled with the title, dimension, and price. I also added a reminder that tree cookie art makes a great gift, which is displayed in red to catch the reader’s attention.
At the bottom I included an email capture area, a Contact section, and links to social media.
Here’s the single page site in its entirety.
Here’s what the gallery looks like on a mobile phone. More and more people use their phone for just about everything, so be sure you take that into consideration when designing your website. It’s critical today, and will be even more so going forward.
There’s more work to be done, but it’s a great start. Let me know what you think; I’d love to hear from you. In the meantime, I’ll keep you posted 🙂
until nxt time …
Adiseshiah, E. G. (n.d.). Single page vs multi-page websites: Design battle! Retrieved from https://www.justinmind.com/blog/single-page-vs-multi-page-websites-design-battle/