Novella Outdoors Signature Sheds

Thien Tay

Web Designer
Webflow Developer
Figma
Webflow
Novella Outdoors Signature Sheds's landing page
Novella Outdoors Signature Sheds's landing page
Novella Outdoors help people make enduring connections to nature in a meaningful way through their beautifully designed Signature Sheds, essential services, outdoor experiences and curated outdoor items.

Five models, endless configurations

Signature Sheds has five different models, each configurable to customer's preference
Signature Sheds has five different models, each configurable to customer's preference
Novella Outdoors wanted to tell the story of Signature Sheds, a major service, that flows nicely but comprehensive at the same time. With five models, each comes with their own default configurations and can be purpose built for five different functions, the page has to look elegant while presenting a lot of information.

Guided experience to keep page simple?

Wireframe with client's input
Wireframe with client's input
Looking at the potentially large amount of information to display, I explored a guided experience that narrows the presentation to a few select models as viewers select what they are interested.
Such approach, while elegant and fluid if done correctly, means visitors are required to actively interact with the page to get to the 'results page', therefore might not interest casual viewers who just want to get an overview of Novella Outdoors' offering. Another downside to this approach is visitors might missed out other models should they abandon the interaction half way.

Structuring with a well organized information architecture

Looking at the information that Novella Outdoors provided, I realized there are configurations and features that all five models shared. At this point, the information architecture is slowly forming and I began to pivot to a more conventional approach.
Signature Sheds' different functions presented in a slider
Signature Sheds' different functions presented in a slider
By presenting features and functions that are common to all five models first, the unique selling points of Signature Sheds as a whole are highlighted. and when going into each specific model at the later part of the page, I can focus on features and specifications that are specific to that particular model.
Tabs and slider are used to show each model's specs and drawings
Tabs and slider are used to show each model's specs and drawings
Tabs and sliders are then used to keep the scrolling at bay and floor plans are resized to make sure each model section has more or less the same height. And to reinforce Novella Outdoors' mission of connections with nature, I suggested a hand drawn illustration of the birds that are used to name the models for header and at the same time, a nice divider to space out the content.

Increased views and engagements

Novella Outdoors Signature Sheds' Chickadee model.
Novella Outdoors Signature Sheds' Chickadee model.
Since it's launch in mid March 2022, the page has seen more than 60% increase in page views and enquiries have been encouraging too.
Partner With Thien
View Services

More Projects by Thien