/MainStreet

Original 2010 exterior contractor site with responsive updates

Primary LanguageJavaScript

MainStreet

Main_Street_Suffolk

Ongoing original 2010 exterior contractor website with updates!

https://equitymarkets.github.io/MainStreet/

Originally prototyped in 2010, this local Suffolk, VA business page was designed first in Adobe Dreamweaver. As with all my works, I continued to update and improve the site over time, eventually getting away from a Dreamweaver development environment as I learned more about design in CSS.

During the early years the site was live as wepricewindows.com. The first task entailed designing a PHP contact page so that customers could easily reach out to the business by writing emails. Also during this time an additional focus was on SEO and building out an embedded online presence from an existing landing page that was included in the company's advertising package with the local phone book. The second focus, also ultimately on SEO, was a social media presence. Active social media accounts were created among 6-7 of the most popular social media sites at the time (the relevant remaining ones being Facebook and X a.k.a. Twitter), with backlinks to the site, and updated often as microblogs to reflect jobs and projects that the company was currently undertaking. Next came a series of small tasks including online directory updates, reputation management, and picking strategic industry-specific Google adwords.

As mobile viewership increased, the need for full responsivity was realized. Old HTML was updated and the site was refactored using CSS Flexbox and Grid. The challenge here was to keep the original personality of the site while making the site viewable to all. After initial responsive updates the site was given brighter, easier to see and more eye-catching colors (while keeping the original blue motiff), and semantic HTML elements. General content updates were also performed.

Recently I added the jQuery lightbox library so that I was able to delete old HTML picture documents. One major benefit to this is that now once the user has clicked an image, they will stay on the same page and can scroll through other images fitting that category (e.g. Windows) and simply close the window when done remaining on the same page. From a design perspective, this does away with the need to decide whether to redirect the current browser page or open a new page, both of which have severe disadvantages from a retention standpoint.