Web Design

I have been designing commercial websites for over 12 years and have produced over one hundred sites for various different customers. Many of them were sales letters and squeeze pages used by internet marketers, but I have also worked on a variety of other sites.

I’ve produced a lot of Flash content over the years, but have now moved over to using jQuery and HTML5 video for most of the thing I once did with it. I started using Flash and Dreamweaver when they were made by Macromedia and was quite pleased when Adobe bought them as most of the programs I had been using suddenly became part of the same suite.

I am familiar with various CMS systems and have made custom themes for WordPress, Shopify, SMF and some smaller bespoke systems. I have worked with various programming languages including Python, ActionScript, jQuery / JavaScript, Pearl, Pascal, PHP and Ruby.

Skills

  • HTML5 & CSS3
  • Responsive Web Design
  • JavaScript
  • jQuery
  • XHTML & CSS
  • WordPress
  • Shopify
  • Flash
  • Dreamweaver
  • Photoshop
  • Fireworks
  • eDM Campaigns
RetroWebMatic - Vintage Photo Effects for Websites
RetroWebMatic
Read More | Visit Site
RetroWebMatic
Joseph Maynard 2012 jQuery Website
My 2012 jQuery Site
Read More | Visit Site
My 2012 jQuery Site
Joseph Maynard 2010 Website
My 2010 Site
Read More | Visit Site
My 2010 Site
The Crafty Beggar E-Commerce Website
The Crafty Beggar
Read More | Visit Site
The Crafty Beggar
Brighter Lamps E-Commerce Website
Brighter Lamps
Read More | Visit Site
Brighter Lamps
RCS Pro AV
RCS Pro AV
Read More | Visit Site
RCS Pro AV
The Eric Street Band Website
The Eric Street Band
Read More | Visit Site
The Eric Street Band
RCS Professional Telecoms Website
RCS Professional
Visit Site
RCS Professional
Sickfixation Band Website
Sickfixation
Visit Site
Sickfixation
Packaging 4 Profit Website
Packaging 4 Profit
Visit Site
Packaging 4 Profit
Sounds Good Website
Sounds Good
Visit Site
Sounds Good
James Loscombe Author Website
James Loscombe
Visit Site
James Loscombe
Fastrax Inventories
Fastrax Inventories
Enlarge Image
Fastrax Inventories

Information Product Websites

I produced a large number of "Sales Letter" and "Squeeze Page" websites for Internet Marketers selling Information Products during my time working for Packaging 4 Profit. The sales letter sites would often come in pairs with a "Front End" and "Back End" offer. The squeezy pages were designed to entice people to hand over their email addresses to hear about future offers.

As well as building the sites, I would also render 3D mock-ups of the products they were selling prior to them actually being made. On the video squeeze pages I would film the sales pitch in front of a green screen and then composite in an appropriate backgroud.

Most of the sites would be for time limited offers and no loger exist, but below are some screen shots of a few examples.

Technologies Used:

  • XHTML & CSS
  • HTML5 Video
  • Google Analytics
  • Flash
  • AWeber
  • EDM Campaigns
  • Social Media
  • PayPal Integration
  • Green Screen Video
  • Adobe After Effects
  • Adobe Premiere
  • Cinema 4D
Auto Profit Maker Website
Auto Profit Maker
Enlarge Image
Auto Profit Maker
Advanced Profit Maker Website
Advanced Profit Maker
Enlarge Image
Advanced Profit Maker
Fast Track Success Formula Website
Fast Track Success Formula
Enlarge Image
Fast Track Success Formula
Fast Track Success Formula Website
Fast Track Blueprints
Enlarge Image
Fast Track Blueprints
Pal Systems Website
Pal Systems
Enlarge Image
Pal Systems
Millionaires Money Secrets Website
Millionaires Money Secrets
Enlarge Image
Millionaires Money Secrets
Internet Business for Mums Website
Internet Business for Mums
Enlarge Image
Internet Business for Mums
Auto Car Broker Website
Auto Car Broker
Enlarge Image
Auto Car Broker

RetroWebMatic

retrowebmatic.com

RetroWebMatic is a fairly silly personal site that mimics vintage photo effect apps such as Instagram and Hipstamatic on websites through the magic JavaScript, jQuery and CSS3.

The site achieved some viral success receiving over 16,000 page views in it's first week. It has been featured on the B3TA Newsletter, spent some time on the funny page of Reddit and has since been picked up by a number of other sites around the world including:

The site has been designed so that people can share links that go straight to specific "Retrofied" websites by copying a specially formed URL, or posting it directly onto Twitter.

You can see what this site looks like "Retrofied" here:
www.retrowebmatic.com/?effect=1&url=josephmaynard.co.uk

Back to Top

Technologies Used:

  • CSS3
  • JavaScript
  • jQuery
  • Photoshop
  • Fireworks
  • Social Media
RetroWebMatic
RetroWebMatic

The Crafty Beggar

thecraftybeggar.co.uk

When I was approached by a friend to build an ecommerce website for her beads and crafts business, I wasn’t sure how successful it would be, so I put together a site very cheaply using WordPress with a free theme modified to their needs and the free version on the WP e-Commerce plugin. The site was hosted on a shared hosting account I already had, so the only thing we had to buy to get going was the domain name.

The site actually started generating business quite quickly, mainly through their presence on Facebook, which I integrated into the site. I also introduced them to using Twitter, which helped to drive a bit more traffic to them. Having proven there was a viable business, we upgraded to the premium version of WP e-Commerce and bought a rather nice theme from Storefront Themes.

Once they really started promoting themselves, we were quickly getting too much traffic for my shared hosting account to handle, so I migrated the site to its own VPS. The site also contained about 700 different SKUs and we started to realise that whilst using WordPress and WP e-Commerce would be fine for a low traffic site selling a few product, once you have that many products and are regularly getting in excess of 7,000 page views a day, the system really starts straining under the load.

I looked around for alternative systems and decided to move the site over to Shopify. The site was generating enough business to justify the extra cost and The Crafty Beggars remarked it was like moving from a clapped out old banger of a car to a Rolls Royce! After I had migrated the products and customised the theme, the site now runs with very little input from me, which is nice as keeping the VPS and WordPress installation up and running was beginning to take up quite a lot of my time!

Back to Top

Technologies Used:

  • Shopify
  • WordPress
  • jQuery
  • WordPress
  • WP e-Commerce
  • Dreamweaver
  • Photoshop
  • VPS Hosting
  • Social Media
  • PayPal Integration
The Crafty Beggar Website on Shopify

Joseph Maynard 2012 jQuery Site

View Site

This was my first portfolio site of 2012, with a strong emphasis on illustration and jQuery. The site was mostly constructed in one big Photoshop file, with the individual components saved out as images and tied back together in HTML. I got the lift idea from looking at some floating jQuery menus, and wondering if I could make something more interesting by adding some PNGs with transparency.

Some people really liked it, but it didn't get the universal acclaim I was hoping for, which is why you're now looking at this new site.

Back to Top

Technologies Used:

  • CSS3
  • jQuery
  • Photoshop
  • Fireworks
  • Cinema 4D
  • Dreamweaver
  • Photoshop
  • Social Media
Joseph Maynard 2012 jQuery Site Website Level with Retro Computers
Joseph Maynard 2012 jQuery Site Video Level with Home Theatre Syster

Joseph Maynard 2010

View Site

This is my 2010 site which uses JavaScript to randomly load one of 5 style sheets and re-order the images in the portfolio, making the pages appear different on each visit (try refreshing the pages to see the effect).

The background textures are all from photos I took on my way home from work one day.

Back to Top

Technologies Used:

  • HTML / CSS
  • JavaScript
  • jQuery
  • Photoshop
Joseph Maynard 2010 Website

The Eric Street Band

ericstreetband.com

The Eric Street Band is a British blues band who write modern blues songs about life in the twenty first century. I built the site after MySpace began to decline, which is where I had previously been promoting the bands work, and integrated it with ReverbNation to easily manage their social media campaign.

The site also contains various Youtube videos of their performances which I filmed.

Back to Top

Technologies Used:

  • HTML / CSS
  • jQuery
  • Social Media
  • Adobe Premiere Pro
  • Photoshop
The Eric Street Band Website

Brighter Lamps

brighterlamps.co.uk

Brighter Lamps are an online reseller of replacement bulbs for projectors who do most of their business through their website. The site makes extensive use of CSS3 feature like box shadows, rounded corners and gradients, which are made to work it older versions of Internet Explorer with CSS3 Pie.

Back to Top

Technologies Used:

  • CSS3
  • jQuery
  • Social Media
  • SagePay
  • E-commerce
Brighter Lamps Website

RCS Pro AV

rcsproav.co.uk

RCS Pro AV specialise in building and installing AV solutions in a variety of places. I began working with them by producing animated content for screens they had installed in London's Gatwick Airport, which you can see on the Animation page.

They asked me to produce a site based on some mock-up created by designer Erik Beaton. The original idea for the site had been a Flash based design, but I created the site with HTML and jQuery to make it compatible with iPhones and iPads which the site was likely to be viewed on.

Back to Top

Technologies Used:

  • jQuery
  • XHTML / CSS
  • Photoshop
Brighter Lamps Website