Back to Portfolio

JMW Transfer Website

Home page showing navigation menu, map and company info

JMW Transfer Website main image

Image slideshow and trailer types on home page

JMW Transfer Website screenshot 1

Slideshow in motion (GIF) and interactive trailers

JMW Transfer Website screenshot 2

Job page showing the company's Facebook embed

JMW Transfer Website screenshot 3

Applicants can download a PDF of the application if they prefer that

JMW Transfer Website screenshot 4

Online job application - seperated into sections for organization

JMW Transfer Website screenshot 5

Automatic validation - in this case, showing the section is invalid

JMW Transfer Website screenshot 6

Automatic validation - in this case, showing the section is complete!

JMW Transfer Website screenshot 7

Showing interactive UI elements with sections powered by JavaScript

JMW Transfer Website screenshot 8

Conditional fields that are only applicable under certain conditions

JMW Transfer Website screenshot 9

Refreshing/revisiting the page saves your progress automatically using local storage, including conditional fields!

JMW Transfer Website screenshot 10

Phone numbers and SSN automatically formatted (as well as currency) using JavaScript

JMW Transfer Website screenshot 11

Custom font for e-signature and showing calendar widget

JMW Transfer Website screenshot 12

The email HR receives when someone fills out an application with the application and log attached

JMW Transfer Website screenshot 13

Paper application automatically filled with the applicant's info after submitting online form

JMW Transfer Website screenshot 14

.txt log attached as well for easier data parsing

JMW Transfer Website screenshot 15

Contact page with reCAPTCHA integrated

JMW Transfer Website screenshot 16

Information about the company on their about page

JMW Transfer Website screenshot 17

Trailer information for rent and slideshows showcasing different images

JMW Transfer Website screenshot 18

Services that the company provides with images

JMW Transfer Website screenshot 19

A custom full-stack business website built entirely from the ground up for JMW Transfer Inc. This project involved complete ownership of the design, development, testing, deployment, and ongoing maintenance of the site. The website features an interactive, client-friendly interface with key pages such as a dynamic homepage with image slideshows and service details, a robust job application system with auto-filled PDFs and real-time validation, a reCAPTCHA-protected contact form, and an about page showcasing company values and offerings.

The job application system was engineered to be fully digital and mobile-responsive, guiding applicants through logically grouped sections, including conditional fields, validation feedback, e-signature input, and calendar widgets. Upon submission, the application data is emailed to HR and used to automatically generate a pre-filled PDF version of the company's paper application. The site also integrates social media (Facebook embeds), uses JavaScript to enhance UX, and serves as a professional online presence for the company with SEO-optimized content.

Ongoing maintenance includes feature expansion, bug fixes, and server-level deployment management.

Summer 2024

Technologies Used:

Backend:

Django 5, SQLite, boto3 (AWS integration)

Frontend:

HTML5, CSS3, Vanilla JavaScript

Other Tools:

reCAPTCHA integration, PDF generation (ReportLab, PyPDF2), File/email handling via Amazon SES and AWS S3, Pillow for image processing, responsive design, .env for configuration