Mania Systems

Mania Systems offers complete and integrated IT solutions.

Whether it’s Web Development, DevOps, Infrastructure Management, Telephone Systems or help with Remote Working Solutions, our friendly and professional team will make it easy for you.

Mania Systems is a small telecommunications and IT services consulting firm, with whom I work in-house as a web and graphic designer. Having recently diversified our services, the decision was made to rebrand to Mania Systems.

My brief outlined the target audience of smaller, younger startups and SMEs wishing to form a more direct relationship with their telecomms provider.

My initial ideas played with retrofuturist themes. This is apparent in the Jetsons-esque bold block colour images, big 1960s style script font and graphic cartoon style colour palette.

A complete series of icons and page header assets for each of the six main services offered by the company: Web Development, DevOps & Automation, VOIP & Telecomms, Network Infrastructure and Remote Working Services.

Additionally, a basic website wireframe and style guide  were required. The full, completed homepage can be seen here, with the remaining pages still in development.

61 Candles

At 61 Candles, all our candles are made by us, just for you.

I was commissioned to create a brand identity and prototype website design for 61 Candles- a small business specialising in handmade scented candles in rare or hard to find scents.

The brief specified three main concepts: that the style be simple and natural feeling, avoid heavily feminine imagery such as floral motifs, and that it feel warm and personal. These principles were the basis for the natural and warm toned colour palette selection, and the rounded block colours used in the page assets and font selection.

I began with a selection of logo designs and coordinated rough mock ups. I included quirky details (smoke wisps, matchsticks, leaves) in each, to give each a slightly different style and feel. I created a set of page assets designed to work in any layout, that could then be reused as graphics on print materials.

Elements from each wireframe were then incoporated into the final site wireframe, shown below.

The final full wireframe, pre content, can be found here.