My Graphic/Web Design History » Web 2.0 http://www.portfolio.johnbedard.com All My Work: Freelance, Family, Friends, School and Corporate. Wed, 06 Jul 2011 23:49:14 +0000 en hourly 1 HKM Engineering (2007) http://www.portfolio.johnbedard.com/hkm-engineering-2007/ http://www.portfolio.johnbedard.com/hkm-engineering-2007/#comments Fri, 29 Jan 2010 06:07:43 +0000 John http://www.portfolio.johnbedard.com/?p=286 Though the client has offices in several states I worked primarily with the staff of the Helena HKM office to analyze the needs of the company, strategize appropriate solutions, then design and develop the site. The primary audience demographic included not only potential clients and the general public, but potential new hires. A great deal of effort was put into the content to help attract new college graduates.

HKM staff assumed the maintenance duties for the site upon launch. The site was originally constructed with semantic, standards-compliant markup, with full separation of the content and presentation code. Server-side includes, in this case using ASP, further modularized the site by reusing common page elements such as the header, navigation and footer. The homepage also features an animated slideshow using Flash, implemented with Monoslideshow. This slideshow is used to showcase featured projects.

Note: In this screenshot I have restored the original HKM Logo used when I delivered with the site. Since then the company was purchased and the logo was changed.

Note 2 (3/21/2010): The entire site has been replaced by a new design.

]]> http://www.portfolio.johnbedard.com/hkm-engineering-2007/feed/ 0 Treasure State Development Web Site (2004) http://www.portfolio.johnbedard.com/treasure-state-development-web-site-2004/ http://www.portfolio.johnbedard.com/treasure-state-development-web-site-2004/#comments Mon, 28 Dec 2009 20:34:08 +0000 John http://www.portfolio.johnbedard.com/?p=64 Treasure State Development was one of the few private sector web sites I did at Northrop Grumman. They were already a client of our Network department, and this was low budget follow-on work to that contract. The entire design was based on their logo, the woodcut in the upper left corner combined with the text in the masthead. I dissected it, pulling the colors out of it and other graphic elements such as the masthead background and bullets. I used a third-party javascript slider to make the menu bar at the top slide into place at the top no matter how much the user scrolled the page. I also used a third-party random quote script in the left sidebar. The site was constructed with semantic markup and entirely styled with cascading style sheets (CSS). No content management system was used, although the site was built upon a basic template structure using server-side includes (SSI) for common elements.

Apparently the site no longer exists. I never heard what became of the family-based company.

]]> http://www.portfolio.johnbedard.com/treasure-state-development-web-site-2004/feed/ 0