Full Stack
Developer

Hi, I'm Stephen, a full stack .Net web developer & designer.
I like creating cool stuff... maybe I could
make some cool stuff for you?

Skills

Core Skills

  • C#

  • Javascript

  • ASP.NET

  • HTML

  • CSS/SCSS

  • SQL

  • SEO

  • UX

  • UI

  • XSLT

  • Photoshop

Basic Skills

  • TypeScript

  • MVC Razor

  • PHP

  • GSAP

  • Svgator

  • Illustrator

  • Sketch Up

  • VR A-Frame

Work

Heating Oil Cornwall Hero Image

Opie Oils

The largest independent supplier of performance car engine oils and fluids in the UK.

I'm one of the leading .Net Developers & Designers for this site, it takes up most of my day-to-day work.

  • .Net
  • C#
  • SQL
  • XSLT
  • HTML
  • SCSS
  • JS/jQuery
  • SEO
  • UI
  • UX
  • Photoshop
  • Illustrator
Read More
View Website

Overview

The most complicated core development projects for the website currently fall to me. Rather than maintenance I have the main responsibility of pushing and advancing the website... be it in design, conversion, UX, UI, SEO, admin utilities, or site speed.

Recent Projects

  • Modular Service Kit Builder, to encourage increased product bundling.
  • Site wide improvements for Google Web Vital Core.
  • Automatic inline CSS inserter for above fold elements, for page load speed improvements.
  • Modernisation of header section styling and structure.
  • Implementation of Algolia dynamic search bar and search results.
  • Migration away from browser locally stored "Garage" vehicle data to database stored credentials.
  • Simplification of order resend items (broken/lost in transit orders) for customer services.
Heating Oil Cornwall Hero Image

Heating Oil Cornwall

Providing Heating oil delivery, oil tank installation, boiler installation, servicing & maintenance.

I refreshed this website a couple of years ago from a fixed width table structured site, to a responsive clean design with notable improvements in SEO, UX & UI.

  • .Net
  • C#
  • SQL
  • XSLT
  • HTML
  • SCSS
  • JS/jQuery
  • SEO
  • UI
  • UX
  • Photoshop
  • Illustrator
Read More
View Website

Overview

The current simple, functional and responsive design and the majority of code for this site is my work.

Serving customers within the Cornish community, this website has a few rolls to play. The main is to provide heating oil delivery price quotations that can easily be converted into orders. But, this department also has a number of different segregations within itself, such as heating oil tank installation and heating oil boiler installation plus their servicing/maintenance.

Design. Build.

The design is my own, and the site was built by me, apart from some pre-existing backend code that didn't need to be amended during modernisation.

Current Version

Redesign. Redevelop. Modernise.

As with most fairly old websites, before the current version of this site, it was in a rather sorry state with the main issues being its tabled non-responsive structure, poor CTA clarity, and it's rather dated off-putting appearance.

The brief for the site was a common one when redevelopment happens, with just a few caveats.
The most obvious ones were to modernise the structure to allow for a responsive experience, a fresh new design was also needed while maintaining a similar look and familiar feel as to not be a jarringly different experience for the commonly older target audience of users. General improvements were also required when it came to the SEO performance of the site, but with the modern restructuring of the HTML it became pretty easy to produce increased SERP performance.
The site also had a rather odd aspect, as mentioned, this department has segregations within itself, and something all these sections have in common is the slight lack of grasp with technology, with the boiler department not even having a computer (This is not even a joke!?!) so low maintenance and reliance on things such as PDF price lists were a must.

Millers Oils Shop Hero Image

Millers Oils Shop

Highly innovative independent blender of market leading advanced engine oils/fluids & fuel treatments.

Based on nopCommerce .Net CMS, this site is a low maintenance retail selling platform for Millers Oils, developed by me and a small team.

  • nopCommerce
  • .Net
  • C#
  • MVC Razor
  • HTML
  • SCSS
  • JS/jQuery
  • SEO
  • UI
  • UX
  • Photoshop
  • Illustrator
Read More
View Website

Overview

Opie Oils has a unique and trusted business relationship with Millers Oils, so when they required an online retail presence for their oils & fluids they approached Opie to develop it.

The key to this brief was time management, as the timeline to build this was extremely short. Millers needed a retail presence fast due to an upcoming marketing event and didn't have an official endpoint to link to. So, myself and a small team made the whole process swift and aggressive and we were able to launch in just a handful of weeks, that's including front end, backend alterations and all products.

Design. Build.

The design for this site is from Millers Oils, with as much design input as I could push through, but ultimately this is a quick realisation of a retail shop that needed to be launched in a hurry.

Kevs Van Rentals Hero Image

Kev's Van Rental

Kev's Van Rental is a successful van rental company based in Loughborough.

I was commissioned to re-design and re-develop their old, no responsive, website including a basic rental enquiry form. The results spoke for themselves with a large increase in customer enquiries and vehicle rentals.

  • PHP
  • HTML
  • SCSS
  • JS/jQuery
  • SEO
  • UI
  • UX
  • Photoshop
  • Illustrator
Read More
View Website

Overview

This website, started as a basic fixed width site which was failing to return any enquiries and was being buried in local SERP results.

My brief was to take the failing website and breath new life into it, with all the commonly expected modern features a site must have, with the addition of a simple email-based booking enquiry system. So, I set about making it responsive, quick, and easy to us by restructuring, re-coded and re-designing the whole site, nothing is left of the original, I even converted the logo to a SVG for the client. As a result of my work this site has gained massive traction in SERP and commonly ranks within the top 3 natural results (term dependant) and is now producing numerous rental quote leads per day, not to mention the increase general exposure of the business.

Design. Build.

The current simple, functional and responsive design and all code for this site is that of my own.

Bespoke

Everything on this website is made from scratch.

  • Customer Slider/Carousel.
  • Rental Booking Enquiry From.
  • Contact Form.
Kevs Vans Sales Hero Image

Kev's Van Sales

Commissioned due to the success of the rental website, designed and build from scratch with a bespoke CMS.

The main aspect of this brief was to give the client a solid endpoint to point customers to rather Ebay or Autotrader ect. The site has also gain great local SEO weight with great SERP rankings.

  • PHP
  • HTML
  • SCSS
  • JS/jQuery
  • SEO
  • UI
  • UX
  • Photoshop
  • Illustrator
Read More
View Website

Overview

Starting from scratch, the brief to build this site was loose, but the client had a few obvious expectations. Such as, the website had be visually linked to the rental website (colours, fonts etc), a bespoke admin system would need to be built that allows vehicles to be easily uploaded and maintained, including vehicle photo processing. As far as SEO/SERP I advised the client that there is massive competition for vehicle sales, so the expectations should be for the site is generally perform better for localised "Loughborough" searches with a target to be within at least the first page of results, and i'm happy to say it's generally hitting these targets.

Since launch the site has been an asset to their business, and has cut costs for advertisement massively, has gained good traction in local SERP rankings, and most importantly increased vehicle sales.

Design. Build.

The current simple, functional and responsive design and all code (including the bespoke admin system) for this site is that of my own.

Bespoke

Everything on this website is made from scratch.

  • Admin system to maintain business details.
  • Van admin system to add, alter, and remove vehicles.
  • Vehicle Filtering.
  • Contact Form.
Castrol Ebay Hero Image

Castrol Ebay

Castrol approved ebay store, operated by Opie Oils. With a huge range of oils and cleaning products.

Working alongside JayWing design agency, it was my responsibility to build the store and listings, with basic HTML/CSS/JS, a great project that I really enjoyed.

  • HTML
  • SCSS
  • JS/jQuery
  • Photoshop
  • Illustrator
Read More

Overview

Unfortunately, this Castrol ebay store has closed.
Coming Soon: Full Behance project breakdown.

Castrol's official retail presence on eBay.
The main focus for Castrol and this project was from a marketing point of view, giving them opportunity to advertise on eBay while having an official store as an endpoint for any CTA, such as banner graphics. Secondly, this provided them with a new, relatively large, easy source of sales, easy due to orders being fulfilled by Opie Oils.

Design. Build.

The design for this store was from JayWing Design Agency, which i became heavily involved with and thoroughly enjoyed. I built the store utilising basic HTML/CSS/JS listing templates, with a focus on low maintenance.

Current Iteration

When first launched, ebay were a lot different with their approach compared to today. In fact they used this ebay “store” as one of there flagships to highlight their desired focus, with it winning an Ebay Motors Award.
However things have drastically changed, when the first version of this store was released, full customisation of stores was the norm and JavaScript was enabled, meaning we launched with a host of user benefits such as engine oil service kit lookups within the store and listings, plus a full built and custom store. Ebay have since flip flopped and now no JavaScript is allowed, and fully customised stores are now a thing of the past, meaning this store is a bit of shadow of itself.

Opie Commercial Oil Hero Image

Commercial Oil

Oils and fluids for all makes of Commercial Vehicles including HGV's, LGV's, Vans, Buses and Coaches.

Based on nopCommerce .Net CMS, designed by myself and developed by me and a small team.

  • nopCommerce
  • .Net
  • C#
  • MVC Razor
  • HTML
  • SCSS
  • JS/jQuery
  • SEO
  • UI
  • UX
  • Photoshop
  • Illustrator
Read More

Overview

Unfortunately, this nopCommerce store has closed.
Coming Soon: Full Behance project breakdown.

This site is a low maintenance selling platform for commercial and industrial products that are normally purchased infrequently but at large volumes. The nature of these products means that they are rarely searched for when compared to normal engine oils/fluids on the automotive Opie Oils site, meaning they can become bogged down or generally lost in the volume of products.
This site gives these specialist products a better chance to gain traction regarding SEO/SERP by creating a whole domain targeting the specific audience and their unique (often long tail) search term traffic.

Design. Build.

The design is my own, and the site was built by a small team headed up by me.

Bespoke

Not everything we needed came with nopCommerce, heres just a few of things we had to dig into.

  • Site wide VAT on/off price toggling.
  • Custom product specification filtering for categories.
  • Pro-Forma Invoice checkout payment option.
  • Indiction of products size variants at category level.
  • Order importation system.

Personal

HTML Cheat Sheet Hero Image

HTML Cheat Sheet

Born from a desire to fill any gaps and sharpen my knowledge of HTML, the building blocks of the web.

OK, so it's not the most exciting subject and as I type this I have only scratched the surface in my entries on the website, however as far as a refresher project, this is great.
A plain HTML and JS site with a core JSON file of information... but, as this develops it will be converting to be database driven.

  • HTML
  • JS
  • CSS/SCSS
  • SEO
  • UI
  • UX
Not a Food Blog Hero Image

Personal Recipes

Coming Soon

Rather than searching through all my food/cookbooks to find the recipe I want, why not place all my personal recipes that I actually use on a personal site?
A personal project built with modern code technologies with only myself serve, this website won't really be bothered about SERP ranking, more my organisation of my family recipes.

  • TypeScript
  • CSS/SCSS
  • React/MERN
Behance Icon
Skate Bowls Hero Image

Skate Bowls

Coming Soon

I've always enjoyed working with my hands and making creative items, this reflects back to my days at university studying 3D design. This project, Skate Bowls Home Accessories, is just a personal idea, a way to be creative on a small scale involving my passion for BMX / skateboarding, with a way of developing a small-scale online and brand presence.

The idea is in its infancy and currently, I am getting ready to produce my first cast of a Quarter Ramp bookend, with plans on introducing Bowls and Pots in the future.

  • Branding Design
  • Packaging Design
  • Hand Craft Skills

Contact

Talk to me!!
Looking for a full stack developer, with great design skills to boot? Whether it's for a one off project, or full time position, drop me a line.

07907414580
me@stephenfray.co.uk