Our work · Design put into practice

More than a
first impression

A website should look considered and give people something useful to do. Explore two projects that bring together visual design, clear journeys and interactive functionality.

Visual design / Development / User experience Explore the details. Try the experiences.
01 / Cairnova · Live platform

Scotland to explore.
A platform to bring it together.

A founder-built outdoor platform combining mountain discovery, interactive mapping, detailed forecasts and community content within one visual identity.

Website design Interactive mapping Forecast interfaces WordPress & Elementor
Our own venture. A practical showcase.

Cairnova is our outdoor business, rather than a commissioned client project. We shaped its website around the needs of people discovering and planning time outdoors in Scotland.

cairnova.co.uk Visit website ↗
Cairnova homepage with outdoor photography, navigation and Scottish hillwalking community messaging.
A shared visual identity across outdoor discovery, planning tools and community content. Click the image to view full size ↗
Information design / Weather

Detailed forecasts.
A clearer way through.

Weather information can quickly become a wall of numbers. Cairnova’s interface separates forecast periods, individual hours and location conditions so visitors can explore the detail in manageable steps.

  • Selectable hourly forecast cards
  • Base and summit conditions presented side by side
  • Consistent labels for wind, rain and visibility
Explore the forecast
Cairnova hourly weather cards above a side-by-side comparison of base and summit conditions for Ben Nevis.
Live interface captured for this case study. Forecast values shown are a snapshot, not current conditions.
Data visualisation / Mountain conditions

Putting the numbers
in context.

The mountain profile gives forecast information a visual reference, bringing the summit, modelled cloud base and freezing level together in one view.

  • Elevation presented through a mountain profile
  • Clearly labelled modelled cloud and freezing levels
  • Related planning information beside the visual

This demonstrates how we can turn detailed information into a purpose-built interface, with visual hierarchy shaped around the subject.

Cairnova mountain profile visualisation showing the summit, modelled cloud base and freezing level alongside planning information.
A custom visual presentation of modelled mountain conditions. Click to inspect the interface at full size.

Beyond these screens, Cairnova brings together satellite 3D mountain exploration, route planning, night-sky tools and community discovery. Explore the live platform to see how the experiences connect.

Explore Cairnova
02 / Eco Guardian · Website demo

Product discovery.
With room to explore.

A packaging website demo bringing a broad product range into focus through clear navigation, a searchable catalogue and an interactive 3D packaging studio.

Website design Product catalogue 3D customisation Enquiry journeys
A demonstration of the experience

Shown here as a website demo, separate from Eco Guardian’s production website. It demonstrates the design and interactive features, with demo enquiry forms rather than live submissions.

Eco Guardian / Website demo Open demo ↗
Eco Guardian homepage with green branding, a packaging product arrangement and separate links for commercial buyers and smaller orders.
A product-led introduction with distinct routes into the full range and smaller-quantity shopping. Click the image to view full size.
Product discovery / Catalogue design

A broad range.
A clearer shortlist.

The commercial catalogue gives buyers several ways to narrow their search, combining product categories with relevant filters and consistent product cards.

  • Search by product, SKU, size or application
  • Category-specific filters and sorting controls
  • Size options and a quote basket interface
Explore the catalogue
Eco Guardian cups and lids catalogue showing material filters, product images, size options and grid or list controls.
Product imagery, specifications and filtering brought together in a consistent browsing interface.
Interactive development / 3D preview

From an idea
to something you can see.

The packaging studio lets visitors explore a visual concept before making an enquiry. A rotatable 3D preview sits alongside controls for packaging, colour and artwork placement.

  • Choose a cup or food-container preview
  • Add artwork and adjust its size and position
  • Rotate, zoom and download a PNG preview

The preview communicates a design direction; final dimensions, artwork and print specifications remain subject to review.

Try the design studio
Eco Guardian 3D packaging studio with a paper cup preview, packaging selection and an artwork upload control.
A working visual customisation interface. The screenshot shows its starting state before artwork is added.

From the first product impression to a more detailed enquiry, the demo connects brand presentation, catalogue browsing and interactive customisation in one experience.

Explore the demo
Your project starts with a conversation

What could we
build for you?

A clearer business website, a product catalogue or a tool built around your audience. Tell us what you have in mind, and we’ll help define the right approach.

Discuss your project

Share a little about your business, what you need and any timescale you have in mind.