Get in touch with us

Explore the projects NPK Media have been working on.

Projects

Gold Label

A brand steeped in tradition. A website burdened by old technology. Gold Label asked us to produce a new website to reflect their recently updated product lines, serving their customers in 20+ countries.

We designed a beautiful new website, drawing inspiration from their iconic logo and packaging. We developed a custom CMS so they could easily add translated, locale specific versions of the site as they branch out into even more territories.

Gavita 1700e Video Advert

We crafted a new online home for the Gold Label brand.

Gold Label Website

The previous website was being used to sell artwork online and to promote John's upcoming artwork collection releases, however there were various issues with the sites user experience, design and general layouts.

We provided a complete redesign and overhaul of the website, improving branding, load times and user experience.

Built from the ground up, the site loads in ~0.5s

Providing a straight forward product management dashboard

Key achievements of the project

The previous website was built with a simple page builder service, which served it's purpose of allowing John to reach a worldwide audience to sell his artwork but was lacking in terms of an effective user experience and had an outdated design.

With the ability for free-reign on the design and layout of the new website, we produced an end product which we believe will serve well in improving Johns sales.

We integrated the new website with Storyblok, providing John and his marking team the ability to edit content, create new pages with custom components and add news items and stories behind Johns favourite art pieces, without having to request content changes from us code-side.

This is especially useful as John has fairly regular collection releases, which can now be promoted on the website to collect user details in order to notify them of the launch on the site.

The website was integrated with various marketing services, providing John and his team insights into the customers of the website and which content performs best.

 team decided to utilise a headless approach to the build of the website. This included Next.js on the frontend with api routes using 

 handling all data transmission between the browser and the Shopify endpoint.

Benefitting from the static output of Next.js, the site is hydrated with data from Storyblok - a simple to use and powerful CMS.

Shopify (Product, stock & order management)

We're pleased with the feel of the new site. Want to take a look?  

Nutriculture Website Redevelopment

John Charles Website

John Charles Website - A project covering a complete overhaul consisting of design, development and branding

The Nutriculture website was outdated and compromised of three different branded domains, which was proving difficult to manage.

We provided a modern, exceptionally fast website which included individual branded pages, which allowed for a multi-site type of website all on one domain.

As a large ecommerce/brochure type website, ensuring a smooth user experience was of upmost importance.

 team utilised various methods of loading data into the website, achieving perfect GTMetrix page speed scores:

Another highly important part to consider during the re-development of an already established brand is SEO.

The website was designed with this in mind - all important on-page SEO aspects were covered, along with improving the heirarchy of the sites structure to provide users (and Google) with a logical flow.

 search into the website. This provides users of the website with the ability to search the entire contents of the website - Algolia is a powerful search API which can predict what the user is searching for, even if they've typed the search query incorrectly!

As the Nutriculture brand supplies companies across Europe, we developed the site with a simple to use i18n international language selection. The site also auto-detects the users location and will automatically switch languages on-load.

In order to display featured brands within the site, we didn't want to confuse users of whether they were on the brand-specific site or the Nutriculture site itself - in order to address this, if browsing individual branded pages, the icon lights up in the header and is greyed out when navigating to a different page:

Nutriculture Website

Nutriculture website screenshot and performance analysis overview

Nutriculture website overview etc Nutriculture website overview etc Nutriculture website overview etc Nutriculture website overview etc 

John Charles - The Golden Lines Documentary

A short highlight of the Documentary

We had to tell Johns incredible story, which spanned over 30 years and condense it down into an hour long documentary. With it being a taboo subject, emotions needed to be evoked at the right time, running along side our main goal of 'changing the view'.

We quickly took to YouTube and instagram to find out more about John. This in turn meant we knew his story and would help us structure the documentary. We wanted a wide range of shots in our library to choose from in the edit to help tell the story the best we could, so we shot for around 6 months producing a whopping 3.4 terabytes of footage. In the editing suite, we broke down each section of the documentary and focused on perfecting each part before we moved onto the next. After each section was completed we stitched it all together, creating a feature length documentary with a running time of 78 minutes.

Trailer

The Documentary

Next Project

A selection of stills from the documentary showing the different themes which run throughout.

The Golden Lines... a documentary about: addiction, art and success.

Maxibright Daylight Adverts

Maxibright asked us to produce video content for a marketing campaign promoting the build quality and features of their highly efficient LED grow lights. They wanted to educate and entertain the audience.

We achieved both within the same campaign by combining cinematic visuals with slick informative motion graphics, highlighting the key techincal specifications of the products.

Teaser

Maxibright wanted to create an advertising campaign showcasing all 8 of their Daylight products. We had to create four separate adverts for each lighting group along with social media posts to go alongside the campaign.

We hired an all white infinity video cove to shoot the videos. This really made the colour of the lights stand out, making it the main focus of the video.

1030w & 1030w Pro

660 & 660 Pro

480w & 480w Pro

200w & 300w

A series of informational and cinematic video adverts showcasing Maxibrights range of LED grow lights.

Maxibright Daylight adverts

Product Earth 2021

A short highlight of the event

Product Earth, a fledgling hemp festival in Warwickshire were planning a welcome back event in August 2021. Knowing that post lockdown shows would see fewer people with restrictions still in place, we would need to capture as much of the events at a distance. This could then be used in a massive drive to increase online engagement and awareness of the event.\nAs with all of our projects, we started with a consultation; figuring the clients pain points and coming up with solutions to increase footfall for the following year (2022). Our primary focus was to curate memories for attendees with a secondary focus on increasing social media followers with engaging content.

Using our in-house team, paired with a network of professional videographers, photographers, coordinators and our specialist knowledge, we captured the entire event; 4k immersive 3D mapping of the stalls (with additional stand videos of main sponsors). We then went on to film the weekend entertainment, food stalls, attendees, seminars, fireside discussions and late night music event.\nWe captured the vibe at Product Earth 2021 effectively by briefing the team in the run up to the event, coordinating with on-site teams and ensuring unfettered access-all-areas. We believe this “1-team from many” approach delivers the best outcome everytime.

Overview

Skate Park

After Dark

Next project

5 images showing a selection of events. people, seminars, sports, glass blowing and night life.

Product Earth 2021. See how we captured this unique UK event.

Product Earth 2021 videos

Gavita asked us to produce a cinematic video on a short timeframe, showcasing the IP66 certification for their new 1700e light.

We managed to turn the video around in half the time it normally takes by using a sprinkler to simulate rain effects and strobe lights to simulate lightning, which saved time creating special effects in post.

The theme for this project was simple; "Rain, Thunder and Lightning". We hired a large film studio and used a variety of visual effects. We used an energetic rock instrumental which allowed us to edit to a faster pace.

The Final Advert

A fast paced cinematic video advert showcasing Gavitas latest IP66 rated 1700e LED grow light.

mobile screenshot of the product page on the OCD website

OCD Website and Social Media Campaign

The first edition of the OCD website presented a new line of products to the market. It allowed users to navigate all of the product types and fragrances on offer intuitively and allowed them to order a free sample of the fragrances.\n\nHowever, our testing with users showed that the site failed to explain what the different product types meant to those who had not come across similar products before. Users complained that they found it difficult to picture how the products on site would look and behave when in their hands, which inhibited their understanding of the product's benefits. This reduced the number of users ordering samples as they didn’t understand what it was they were ordering nor why it would benefit them.

We reworked the sites homepage and main product page to provide more context to the products. We produced new product renders, showing the contents of the packaging so users could understand what the products felt like. We took product photographs in context of use cases to provide inspiration, and added detailed pages about each product type. User feedback shifted from misunderstanding and confusion to excitement about the product line up.

We developed a new website and social media campaign for OCD odour neutralisers.

OCD Website

This was a short web development project, implemented from design templates provided by the client. 

The main Plant Magic website has been discontinued and is now part of the featured brands hosted on the 

In order to keep the authority of the website, all pages on the site now redirect to relevant pages on the Nutriculture site, while the main page on Plant Magic is a simple sign up form to notify users of the new brand products once they are released to market.

Plant Magic Website

Plant Magic Website Project Case-study. A short project which included implementing a design as a holding page.

This was a short project, consisting of a one-page application, requiring the ability to handle user signups and run completely offline (an initial internet connection is required to start the application).

Utilising the React framework, this was built as a PWA (progressive web application), which basically caches every file of the website in the browser and utilises the browser 

To determine whether online or offline, the application makes a request every 20 seconds with a 

 to the current origin, with a random string as search parameters to avoid a cached response. 

If the request returns data, the application is online, otherwise it is offline. This is displayed on the top right of the application with an icon showing full bars for online and a disconnected icon when offline.

The code snippet below shows how to detect if there is an active network connection in a React application. There is a window.onLine property which can be used instead of a custom function, however it is not available in all browsers and is very iffy - i.e. will return true, even when wifi is disconnected 🤷‍♀️

Posting user signups when offline/online.

When online, the application will post user signups directly to the database.

When offline, the application stores user signups in the indexedDB. 

Whether offline or online, after clicking submit, the user will be notified of a successfull signup, which displays a message and a timer of 10 seconds until the form is reset.

If the application is in an offline state and switches back to online, a function runs which checks the indexedDB for any items, if items are detected, a request is made to the server to add the offline signups. If a successful response is received from posting the offline signups, the items in the local indexedDB are copied to a backup local database and the primary indexedDB is cleared.

The full tech stack and APIs/packages utilised

Frontend: React (PWA), indexedDB, dexie, yup, react-hook-form.

Backend: Cloudflare workers, mongoose, mongodb.

Got a web application you need developing? 

Get in touch with us to discuss your requirements. The sky is endless when it comes to 

Offline Competition Signup App

A React-based progressive web application to handle competition signups without an internet connection

nano.10⁻⁹

Hydroponic growers want the best for their plants. Global Air Supplies produced a best in class nutrient to meet this demand but it was new and unheard of. G.A.S asked us to help launch the product into a crowded market as a front runner.

We produced an exploratory website for growers to discover the product range, understand the pioneering science that goes into it and find where to buy it. We asked hydroponic retailers and their staff what resources would help them to sell the products, produced a series of resources and made them easily accessible via the 

website. We produced print ads, videos and 5 weeks worth of social media content to build anticipation and boost sales at launch.

A bespoke digital experience website and social media campaign for a new plant nutrient brand.

nano.10⁻⁹ Website and Social Media Campaign

Gold Label Better Together Adverts

Gold Label tasked us with creating a video advert that used their popularity within the substrate market, to drive adoption of the less popular nutrient line.

We decided to go for a slogan called ‘Better together’. This helped the customer know what products work well together and also show them some other products that they could use alongside their favourite ones.\n\nAfter settling on the slogan \"Better Together\", we produced a video featuring shots never before used in horticultural adverts, achieved by using a motion controlled robotic Milo rig. We used this to display their entire product catalogue together, using fast physical transitions to illustrate the dynamic benefits of using all of their products together.

We had a lot of time to plan and prepare for this project, we sourced a professional green screen studio with a robotic Milo rig for the camera to create unique camera movements which had never before been used in a horticultural advert.

The cinematic advert

The whole range advert

We created a series of high end video adverts entitled 'Better Together' for Gold Labels range of nutrients.

Our Projects

Get in touch with us