Introduction
I took part in a one month contract where I was tasked with developing a website for Cascadia Metals. They had an existing website napsteel.com, but required my service to rewrite and redesign it. It contained incorrect information and they were unable to contact the previous developer so I did not have any access to files, code or even images. Using the old website as reference for their color scheme and minimalistic design, I developed a new website for them from scratch using HTML, CSS and JavaScript for functionality, map and contacting. I developed everything including the structure, styling, layouts for mobile devices and scripting. Since it was a contract job, I was unable to continuously update the website, so it has been changed ever since, presumably because they established a new location in Nampa. However, I still have access to the project folder and all the reference images to my work.
Process
I was able to reuse a CSS template from the MassageRMT website we developed, then alter it to fit the design style Cascadia Metals desired. I stayed in close contact with my clients and asked lots of questions to ensure they will receive a product with high quality that perfectly suits their purpose. For the half of project development, I focused on the structure of the website, the HTML, along with the CSS for styling and layouts.
Contact
The most challenging aspect of this job was the contact page without using PHP. I used the SMTP.js framework to develop the website's contact system with
a google API authentication to prevent bot spam. With no prior experience with SMTP or contact functions, it took about two weeks to implement this, along
with an extra week for thourough testing. The other aspects of the website were developed quickly so there was little to no delay in the project. The week
of testing was performed after the website was hosted. The website received lots of visits with approximately two to three emails sent each day.
The current locations webpage Napsteel has seems to have a working map but it is not loaded properly. The layout is also not centered on desktop for some reason but here
is a sample of the locations page I developed where there are no issues.
