Nodebolt-Projectimage-01.jpg

nodebolt

Nodebolt is a new software company that "supercharges" apps with a high degree of interactivity.

Problem: Nodebolt is a brand new company that had no presence online at all. The client was looking to create a logo design and an illustrated banner that could be applied when their new site launches.

Solution: We developed a logo design that could work in multiple situations and paired with a stunning banner illustration, Nodebolt was ready to launch with the starts of an identity.

 
 

Initial Exploration

Speaking to the client, there were some clear ideas that were sent to me during our initial call. They wanted to see some exploration of a thunderbolt echoing the 'supercharged' idea incorporated in the final design and with each with each, a way of enclosing the design within an icon.  With that in mind, I began the process looking at three various routes:

Nodebolt-Projectimage-03.jpg

Route 1 - Wordmark

One of the ideas that the client liked to begin with was to bring the thunderbolt into the type itself. 

I loved how chunky this looked with the dynamic explosion of the bolt cutting through the type. The other, a more subtle method by just using the shape of the N to hold the bolt. It provided a nice way to create the desired icon for this route.

Nodebolt-Projectimage-04.jpg

Route 2 - node

Looking more literally, I explored the 'node' element. It seemed like an interesting point to explore as the software was at its core, a product that allows many connections to be handled simultaneously.

Presented to the client, they liked the idea but in the end didn't choose to go with it.

Nodebolt-Projectimage-05.jpg

Route 3 - bolt

This route looked at the bolt as a solid shape that could be treated in interesting ways. I found it really interesting mirroring the shape and trying various was to add colour and shading.

The client loved this idea, and paired with the contained icon shape chose to develop this route. 👍

Colours

Speaking to the client in the discovery phase revealed that they loved darker colours and would like to see the final version with blues and purples. After a few palate explorations we came up with one that translated really well to the illustration that was to be developed next.

Nodebolt-Projectimage-06.jpg

The client loved the gradient and the isometric ideas and wanted to use both in application. Where the icon/image was too small, the gradient version would be used.

Nodebolt-Projectimage-07.jpg

Illustration

At the beginning of the project, the client mentioned creating a banner for their landing page announcing their new product. They were looking for a busy shipping port at night. Once the logo and the colours had been decided, I then moved to consructing the illustration.

 Working in greyscale to present to the client. Was approved and moved to colour.

Working in greyscale to present to the client. Was approved and moved to colour.

 The completed illustration with added details such as another ship, street lights and crates.

The completed illustration with added details such as another ship, street lights and crates.

 The completed illustration placed in situation.

The completed illustration placed in situation.