The Gnibl Box site design is heavily stylised, using brand elements such as marker streaks, wave borders, and “hand-drawn” accents and shapes, as well as their bright colour palette. These whimsical elements play off of the more organic cardboard textures and product photography to create a bold identity.
The whimsical elements above aren’t inherently web-friendly, and as such, required some clever CSS to implement. Using a combination of SVG backgrounds, masking, clipping, and positioning, the design works across most modern browsers with graceful fallbacks in IE.
While Gnibl Box offers several purchase configurations, including subscription and one-off options, the calculator interface is an intuitive way to quickly compare and comprehend the different offerings and pricing. And should the pricing structure or options change, the code is completely configurable through the client backend.
Which brings us to maintenance – a well-developed site should be simple for clients to update and maintain with minimal programming knowledge.
I don’t believe that a client should have to rely on a developer to make minor changes to their site, and I implement that philosophy through highly configurable templating.
The Gnibl Box site was built using Siteleaf, a Jekyll-based content-management system I recommend 1000 times over for simple, static builds. The client-facing backend is much cleaner and more intuitive than WordPress, and the hosting costs are practically nothing for a static site.
However, great CMS is only as good as its template, and that’s where my philosophy kicks in. All of the headers, body copy, and CTAs are editable fields. Sections such as the testimonials only display if they contain content, and FAQs can easily be added or removed as the client pleases.
And more complex sections, such as the product section on the home page, are also configurable. The client can add as many products as they’d like to the carousel, and simply check the features that they would like to display.
To check out the full site or purchase some snacks, visit gniblbox.com.au.