About Me

I am a passionate photographer, director and owner of digital agency Quba and have an interest for all things design, usability and user experience related. 

Mostly my spare time is taken up my two young sons, Daniel and Benjamin and my wife Charlotte. When I am not keeping busy with work and the family then I,m spending my time practicing Kendo. I’m a complete novice but loving it!

 


Photography

My interest in photography goes back to my teens when I picked up my first camera, an old Nikon F handed down to me by my Dad, from that point on I was hooked. I landed my first job as a photographer’s assistant at eighteen, initially working nothing  just to get the experience.As my career progressed I broadened my experience working as a freelance assistance and producer for London advertising and fashion photographers. These were fun times and shoots would often take me to all four corners of the globe.As an early adopter of digital photography I quickly became aware of it’s potential. Mostly now I shoot digital although from time to time I will shoot film. My influences are diverse and include the photographers I have worked with such as Robert Dowling and Theo Bergstrom and a host of other great photographers such as Henri Cartier-Bresson, Ernst Haas and Damon Winter.


Digital media career

In 1995 I embarked on a new career in interactive multimedia, better known as digital media today. Setting out on this path I signed up to one of the first degree courses in the UK. In these pre-Google days the web was a very different animal, 256 colours to work with, slow computers and even slower connections. Whether we new it or not we were participating in the dawn of the web. Exciting stuff.After graduating, I took a few jobs to gain some commercial experience but it was not long before the attraction of running my own business was to take hold. In July myself and two business partners started Quba. Over the years the company has developed it’s reputation and is now recognised as one of the leading digital agencies in our region.

As the company evolved so has my skill set.  Starting in a creative role I have gradually developed to where I am today, overseeing the user experience, usability and information architecture for many of our clients both big and small. Good web user experience is now an intrinsic part of the success of any website. If you would like to talk to me about how Quba can help your company then please get in touch: mjones@quba.co.uk



One Third Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et.

One Third Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et.

One Third Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et.


One Third Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et.

Two Third Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et nunc. Vestibulum est ligula, consectetur a auctor a, dictum eu enim. In mollis felis et velit euismod in commodo risus iaculis. In nec est diam.


One Fourth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci.

One Fourth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci.

One Fourth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci.

One Fourth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci.


One Fourth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci.

Three Fourth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et nunc. Vestibulum est ligula, consectetur a auctor a, dictum eu enim. In mollis felis et velit euismod in commodo risus iaculis. In nec est diam.


One Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet.

One Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet.

One Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet.

One Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet.

One Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet.


Two Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et nunc. Vestibulum est ligula, consectetur a auctor a, dictum eu enim. In mollis felis et velit euismod in commodo risus iaculis. In nec est diam.

Two Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et nunc. Vestibulum est ligula, consectetur a auctor a, dictum eu enim. In mollis felis et velit euismod in commodo risus iaculis. In nec est diam.

One Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat mauris enim.


Three Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et nunc. Vestibulum est ligula, consectetur a auctor a, dictum eu enim. In mollis felis et velit euismod in commodo risus iaculis. In nec est diam.

Two Fifth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et nunc. Vestibulum est ligula, consectetur.


One Sixth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

One Sixth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

One Sixth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

One Sixth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

One Sixth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

One Sixth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.


Five Sixth Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et orci feugiat placerat. Mauris enim nisl, euismod sit amet varius eu, aliquet et nunc. Vestibulum est ligula, consectetur a auctor a, dictum eu enim. In mollis felis et velit euismod in commodo risus iaculis. In nec est diam.

One Sixth Lorem ipsum dolor sit amet, consectetur


Tabs!

The tabs are actually part of the Skeleton framework and use basic HTML, no need for plugins! Just copy and edit or duplicate what I have below to get started!

  • The tabs are clean and simple unordered-list markup and basic CSS. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis dolor a tellus suscipit posuere. Sed placerat nisi rutrum felis vestibulum scelerisque. Mauris dapibus vulputate ipsum, et bibendum tellus consequat ac.
  • The tabs are cross-browser, but don’t need a ton of hacky CSS or markup. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis dolor a tellus suscipit posuere. Sed placerat nisi rutrum felis vestibulum scelerisque. Mauris dapibus vulputate ipsum, et bibendum tellus consequat ac. Maecenas a diam eros. Morbi iaculis aliquam ante a accumsan. Quisque sed sem a nibh cursus condimentum. Donec vulputate urna nec turpis imperdiet et pharetra odio adipiscing. Phasellus congue felis et metus molestie sollicitudin. Ut turpis nibh, consectetur et accumsan eu, sagittis quis nisi.
  • The tabs work like a charm even on mobile devices. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam mollis dolor a tellus suscipit posuere. Sed placerat nisi rutrum felis vestibulum scelerisque. Mauris dapibus vulputate ipsum, et bibendum tellus consequat ac. Maecenas a diam eros. Morbi iaculis aliquam ante a accumsan.

CloseSuccess, you are about to catch on fire.

HideWarning, you are about to catch on fire.

RemoveError, you are about to catch on fire.


Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a lorem et.


List: Standard

  • Example List Item
  • Example List Item
    • Example List Item
    • Example List Item
    • Example List Item
  • Example List Item
  • Example List Item

List: class=’circle’

 

  • Example List Item
  • Example List Item
    • Example List Item
    • Example List Item
    • Example List Item
  • Example List Item
  • Example List Item

List: class=’square’

 

  • Example List Item
  • Example List Item
    • Example List Item
    • Example List Item
    • Example List Item
  • Example List Item
  • Example List Item

List: class=’disc’

 

  • Example List Item
  • Example List Item
    • Example List Item
    • Example List Item
    • Example List Item
  • Example List Item
  • Example List Item

This is a blockquote:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam at arcu quis nibh gravida bibendum. Vivamus sit amet neque dolor. Fusce vestibulum dui auctor dolor malesuada feugiat.

Piece of cake right?