Coding Engineer & Designer

Full Stack Engineer with a UX & Digital Design Background

Merging technical skills and human-centered thinking to build intuitive digital experiences by blending UX, empathy and analytical problem-solving.

View Selected Work Get in touch

London, UK

About

Hello there

Hi, I’m Liam — a calm-minded creative developer crafting serene digital journeys

With a foundation in UX design and a deep background in digital creativity, skilled in tools like Figma, Affinity Photo, Logic Pro X, and Final Cut Pro X, I bring a multidisciplinary approach to problem-solving by merging design, content creation and code.

Having strong communication and collaboration skills, I strive to build intuitive, user-centered experiences that are as functional as they are engaging.

View My Work Download CV

UI/UX

Transforming complex requirements into simple, intuitive interfaces.

Coding

Collaborative coder bridging design, product, and engineering.

Mobile-first

Content-first hierarchy; components scale gracefully across breakpoints.

Photography

Shoots portraits, lifestyle, and product with intent.

Skills

HTML 5

I write clean, accessible HTML—smart structure, responsive images, and SEO-friendly markup that just works everywhere.

CSS 3

I craft modern CSS—flexbox, grid, responsive layouts with smooth UI.

JavaScript

I focus on readable JavaScript, small steps, and quick fixes, so maintenance stays simple.

PHP

Comfortable with PHP basics—sessions, validation—and AJAX API calls that return JSON to the UI.

Bootstrap

I structure layouts with Bootstrap’s grid, breakpoints, and responsive images for solid mobile-first design.

SQL

Beginner-friendly SQL: create tables, run joins and aggregates, and keep queries readable and fast.

jQuery

Experienced with jQuery for DOM manipulation, event handling, AJAX, plugin integration, and cross-browser compatibility.

Python 3

Comfortable in Python 3 — automating tasks, crunching data, building APIs, and shipping tested, readable code.

C Sharp

Comfortable with C#—building clean, async-friendly apps, LINQ-savvy, strong with .NET patterns and testing.

Toolbox

Figma, Adobe XD
Visual Studio Code, Brackets
Affinity Photo, Affinity Designer
GitHub
Logic Pro X, Final Cut Pro

I blend visual design, UX, and audio/video to ship clear, usable products. I prototype in Figma, refine visuals in Affinity Photo/Designer, and turn designs into working interfaces with clean, maintainable code in Visual Studio Code. I use GitHub for version control and collaboration. For media, I produce polished sound in Logic Pro X and edit video in Final Cut Pro—so the final experience looks sharp, sounds right, and feels coherent end-to-end.

Curriculum Vitae

Professional Experience

Product Designer

Rose Ankh Publishing

2017 - 2022

5 years working for a publishing startup creating digital versions of rare literature and getting them ready for reprint. Also working alongside a team of designers to create cutting edge social media marketing campaigns to grow the brand awareness.

Business and Brand Developer

Alexandrian Witchcraft Ltd.

2017 - 2022

5 years working for a startup company dedicated to building an interactive historical database based around the Alexandrian Coven of Witchcraft as well as creating advertising campaigns for events hosted by AW where followers of the craft could meet and hear from prominent members of the community.

Stage Manager

The Comedy Store, London

2020 - 2021

Worked in collaboration with different departments of staff to deliver the safe, punctual and professional running of the UK's #1 live stand-up comedy venue. While working closely with the performers to ensure sleek timing for changeovers I also opperated audio and visual equipment to a professional industry standard of quality.

Educational Background

2023

CPD Certified User Experience Skills Course

School of UX

2015

BA Hons Degree, Performance Sound

Rose Bruford, Sidcup UK

2012

Sound Engineering

Lewisham College

Core Competencies

Technical Skills

HTML & CSS JavaScript (ES6+) Git & GitHub React (Basics) REST API Integration

Communication & Collaboration

Active Listening Clear Communication Pair Programming Code Review Feedback

Tools & Platforms

Figma VS Code Affinity Design/Photo GitHub Logic Pro X

Portfolio

Leaflet Geocode Map

JSON Geocode API Tech Stack

Languages: JavaScript (ES2015+), HTML5, CSS3

UI / Components: Bootstrap (modals; jQuery plugin API + bootstrap.Modal), jQuery

Icons: Font Awesome (EasyButton icons)

Mapping: Leaflet (map, layers, markers), leaflet.markercluster, Leaflet.EasyButton

Basemaps: Esri ArcGIS tiles — World Street Map & World Imagery

Browser APIs: Geolocation API (navigator.geolocation), Fetch API

Backend: PHP micro-endpoints (e.g., get_countries.php, geocode.php, news_proxy.php, etc.)

External data/APIs (via PHP proxies):

Geocoding: OpenCage (forward/reverse)

Places search: Google Places (landmarks, airports, venues, universities, parks)

Weather: current + forecast (WeatherAPI or similar)

Country metadata: languages, population, borders, flags (REST country data service)

Currency: rates proxy + country-currency lookup

News: country-filtered news feed (via proxy)

Assets: Custom PNG map markers (POI, airport, arena, hospital, university, park, capital)

Build/Tooling: None required (vanilla JS + static assets)

Company Directory

SQL Database Management Program Tech Stack

Languages: JavaScript (ES2015+), HTML5, CSS3

UI / Components: Bootstrap (modals & tabs via data-bs-* + show.bs.modal events), jQuery for DOM/events/AJAX

Icons: Font Awesome (fa-solid icons for edit/delete)

Data fetching: jQuery AJAX — $.getJSON, $.post, $.ajax (JSON payloads)

State & patterns: In-memory state object for filters; debounced search; event delegation ($(document).on(...)); DocumentFragment & createElement for table rows; simple guard flags (e.g., editFormBusy)

CRUD features: Personnel / Departments / Locations — add/edit/delete via Bootstrap modals + serialized form posts

Backend (API endpoints):PHP endpoints under libs/php/

Read: getAll.php, listDepartments.php, listLocationsJSON.php, getPersonnelByID.php, getDepartmentByID.php, getLocation.php, searchAll.php

Write: savePersonnel.php, saveDepartment.php, saveLocation.php

Delete: deletePersonnel.php, deleteDepartmentByID.php, deleteLocation.php

Rendering: Plain JS DOM building (no framework), template literals for some table rows

Build/Tooling: None (vanilla JS + static assets)