Ben Rutland Web Design Projects ▾ Gallery About Me Contact Me
Hi there! I'm

Ben Rutland

and I'm a
Web Developer
,
Graphic Designer
, Pixel
Perfectionist
and a...

Phone Tablet Laptop Desktop I design cross-browser websites for use on multiple devices, with focus on
UI/UX
, using HTML, CSS, JavaScript, JQuery, PHP and SQL.

Feel free to browse my portfolio and don't hesitate to
contact me.
Website Projects


BRWD Interiors


This template is designed for showcasing products. A full-width, parallax image slider dominates the homepage to display a product range, in this case kitchens and bathrooms...

BRWD Interiors
 

mymovies


I have a large DVD collection so created this site to catalogue all of my films, whilst learning web design.The site has been designed with mobile and tablet use in mind...

mymovies

Netflix


I created a copy of the Netflix website to test my skills of web design. I used my film database for the content and implemented JQuery and PHP to create the user experience...

Netflix

myrecipes


I created this website to be able to read recipes on a tablet whilst in the kitchen. I made the design simple and easy to use, and enabled content to be hidden when not needed...

myrecipes

Tennis Website


I was asked to create a website for a professional tennis coach for a new business venture. Unfortunately, the project fell through but I had made a basic version with...

Tennis Website

Lorraine's Sweet Treats


This site uses a product database to catagorise and display different products depending on what filters have been applied. The site also enables searching through the products...

Lorraine's Sweet Treats



Other Projects


Doctor Who Game - Daleks Attack!


I created a Doctor Who game called Daleks Attack! This 6 level game is made with JQuery and CSS. The aim of the game is to control The Doctor to collect console parts...

Daleks Attack!
 

Image Sliders


I have created several image sliders for different projects. Here is a selection to view...


Image Sliders

Parallax Effect


A popular addition to many websites, this parallax effect uses JQuery to scroll different elements at different speeds....

Parallax Effect