Personal Projects

SCSS
Custom Commons Library View library

This is a common front end library for projects built with SCSS, though LESS would also be possible.

- It is created to have a standard set of rules for when i make/design for websites.
It gets changed for every website i make and customised for each brand. It mainly gets used as a replacement for bootstrap to create an easily customisable and branded component library

Adobe XD
XD Daily Creative Challenge View on Bēhance

Note: Prototypes can be found on Bēhance

Adobe XD
Adobe XD - Redesign! View on Bēhance

Note: Prototypes can be found on Bēhance

Prototype for how the Blend mode dropdown would work - very basic

Monitor 1

Monitor 2

Dark UI Theme

Preferences

My Work

C#
R&M - Booking Tool Design/Dev
  • XD
  • UX
  • UI
  • Front-End Dev
  • HTML
  • LESS
  • jQuery
  • C#

Industry/Business Travel

About the company

Reed and Mackay - Established as a family business over 50 years ago, Reed & Mackay are today globally recognised as business travel experts. Born from close working relationships within the financial, legal and insurance industries, our commitment to our clients and a love of what we do inspire us to deliver extraordinary travel management.

Task

Rework the UI and UX to create a new refreshed feel of the current portal design.

  • Not be too busy
  • Be "radical"
  • Be beyond the "competition" i.e. obvious ones (OBTS) but not obvious ones (Google etc)
  • Bring together the best of what attracted Hillgate Customers with what attracts R&M Customer
  • Be "future proof" for new channels like chat
  • Provide choice at a UI level - your UI your way
  • Focus in on Travel Bookers and high volume handling
  • Improve the "finding/searching" experience
  • Reduce complexity and navigation
  • Reduce wording to improve internationalisation requirements
  • Maintain clear brand association
  • Optimise for Desktop/2-in-1/Tablet experience
  • Provide a more consumer-like experience

Competition

Dashboard Inspiration

Before/After

Dashboard

Travellers

Flights

Risk

ASP + CORDOVA
Hillgate - Booking Tool Design/Dev

Hillgate Travel were a TMC which has been bought by Reed and Mackay. I was originaly employed by them as a UI/UX Designer and Front End Developer.

Tasks:

  • Design and develop a mobile App and published for Android and Apple. This was built using Apache Cordova
  • Redesign booking tools and combine them into one system family
  • Strip out Bootstrap from the system entirely
  • Build a central repository for styles to be used by all within the Hillgate Infrastructure
  • Move from CSS to SCSS
  • Impliment Version control through Branching with TFS

Languages used:

  • ASP
  • SCSS
  • jQuery
Puppy Perfect - Website Design/Dev VISIT

Puppy Perfect is a small company based in Norfolk for Training your puppy

I was tasked with creating them a new website with a custom theme in wordpress.

Languages used:

  • PHP
  • SCSS
  • jQuery
Portfolio - Website Design/Dev VISIT

Natalie Schroeter commissioned me to design and create a simple and modern portfolio website which she would be able to keep up to date easily.

I was provided with the colour pallet and reference websites to work from in terms of style that she wanted.

This site is built using Wordpress and a custom built theme.

Languages used:

  • PHP
  • SCSS
  • jQuery
UBMS - Website Design/Dev VISIT

The UBMS (Union of British Messianic Synagogues) commissioned me to design and build them a website which incorporates two of the synagogues within the branding family. (see Adat Yeshua + Zera Avraham)

This site is built in wordpress with a custom theme.

Languages used:

  • PHP
  • SCSS
  • jQuery
Adat Yeshua - Website Design/Dev VISIT

This website was designed and developed in conjunction with Zera Avraham under the Umbrella of the UBMS.

This is a custom template which has been designed and built specifically to be easily duplicated and repurposed for further congregations joinging the UBMS

Languages used:

  • PHP
  • SCSS
  • jQuery
Zera Avraham - Website Design/Dev VISIT

This website was designed and developed in conjunction with Adat Yeshua under the Umbrella of the UBMS.

This is a custom template which has been designed and built specifically to be easily duplicated and repurposed for further congregations joinging the UBMS

Languages used:

  • PHP
  • SCSS
  • jQuery
Argos - Website Design/Dev VISIT

This website was designed and built for a partnership between West One Technology and Argos - (Shop Direct)

My task was to create a mobile phone recycling website and produce a styles template which could be easily replicated between clients.

I personally designed and created the front end development for this tool. The system behind was developed in house by a collegue.

Languages used:

  • PHP
  • LESS
  • jQuery
Very.co.uk - Website Design/Dev VISIT

This website was designed and built for a partnership between West One Technology and Very.co.uk - (Shop Direct)

My task was to create a mobile phone recycling website and produce a styles template which could be easily replicated between clients.

I personally designed and created the front end development for this tool. The system behind was developed in house by a colleague.

Languages used:

  • PHP
  • LESS
  • jQuery
Virgin - Website Dev VISIT

This website was designed and built for a partnership between West One Technology and Virgin Mobile

I worked closely with the design team at Virgin Mobile and provided them with my UX Knowledge around Recycling. We were able to create a design which both complimented Virgin Media with their strict brand guidelines and also incorporate our templated UI layout.

The front end development for this tool was entirely developed by myself. The system behind was developed in house by a colleague.

Languages used:

  • PHP
  • SCSS
  • jQuery
Phone@ - Website Design/Dev

PHONE@ was a sub brand of West One Technology - Its key role was mobile phone repairs, focusing mainly on in-store phone repairs.

I was tasked with creating a brand from scratch, then designing and building a website with a fully functional battle station where you could book in repairs and also buy recycled phones.

Along with this I also designed billboards, Posters, Magazine spreads and Shop Fittings & frontage. - This was not my strong point, but i gave it a shot! I also designed a starbucks for in the warehouse, but thats not important right now.

Languages used:

  • PHP
  • SCSS
  • jQuery
Reader's Digest - Website Design/Dev VISIT

Reader's Digest partnered with Doro Phone and West One Technology on a promotional for buying the latest Doro phone and sim card bundle.

I collaborated with the design team at Reader's Digest to create a site which could be used to purchase this bundle and design something that represented them as a brand also.

The UI for this design went on to become the template for a few more partnerships between West One Technology and Doro Phone.

Languages used:

  • PHP
  • SCSS
  • jQuery
All Clear - Website Design/Dev

All Clear Travel partnered with Doro Phone and West One Technology on a promotional for buying the latest Doro phone and sim card bundle.

Languages used:

  • PHP
  • SCSS
  • jQuery
Insure Mobile - Website Design/Dev VISIT

Insure Mobile is another sub brand of West One Technology. This is a website that was created to check your mobile phone IMEI Number against the GSMA records. It allowed you to 1) make sure your device was legitimate and not a fake and 2) know if it had been sent to a repair company previously. Specifically in this case, West One Technology.

You can test the site by using this IMEI: 357011072843184