CommuniCrafter Websites
content and style

All websites were custom-designed. All comply with modern, cross-browser web standards, using HTML-XHTML and CSS.

Silver Cloud LLC
silvercloudllc.com

Web Design Features

• CSS coding for styling and fluid layout positioning.
• Horizontal hover links with CSS.
• Custom form for Silver Cloud Club signup using PHP server-side coding.
• Modernized logo, keeping traditional elements.
• Other graphics creations and adaptations, as well as photo-editing.
• Copy-edited content.
• Updating as needed.

Environmental League of Massachusetts
environmentalleague.org

Web Design Features

• CSS coding for styling and fluid layout positioning.
• Horizontal hover links with CSS.
• Custom form for e-bulletin signup. PHP server-side coding.
• PHP session coding to implement a requested opt-in box at the top of each page. The email input is then populated into the linked form, where the user completes a few more required fields and may complete requested optional information.
• Modified main logo for better web rendering and better communication of organization’ broader scope.
• Created logo for the new Corporate Council initiative.
• Other graphics adaptations, including photo-editing.
• Links through both text and logos for affiliate and strategic-partner organizations.
• Custom buttons to track quantity and type of event ticket sales.
• Copy-editing content.
• Planned website overhaul from concept through implementation, making adaptations as currently needed while planning for future growth.
• Note: Header elements arranged per client specifications.

Earth Night Gala
earthnight.org

Web Design Features

• CSS coding for styling and fluid layout positioning.
• XHTML-strict.
• Horizontal hover links.
• Created new banner top, enhancing the legacy logo (as shown in the GRAPHICS page as a Before-After sample). Also added ’Web 2.0’ reflective elements for a new look.
• Both image links and text links for sponsors.
• Custom-coded payment buttons with PayPal integration to track quantity and type of ticket sales, distinguishing them from regular donations.
  Added text-input fields to capture additionally requested information at the point of sale.
• Wrote and edited content.

Maria's Custom Fashions
mariascustomfashions.com

Web Design Features

• CSS coding for styling and fluid layout positioning.
• XHTML-strict.
• Logo positioning that remains centered, even on smaller screens or pixel-resolutions.
• Wrote custom slogan for branding
  (Maria’s Custom Fashions can make something fitting for you!), and positioned at top of every page.
• Created banner top, including fabric details.
• Photo-editing. Because I had to work with existing photographs (my client moved out of state), I scanned the photos, resized and cropped them, and performed photo-edits to greatly improve their colors and overall clarity.
• Image Gallery (see Samples page) with flexible user navigation using Javascript-DOM.
  Allows users to click a gallery thumbnail image and view an enlarged photo on the same page; if users have Javascript blocked, the links will still work, but simply open in another window.

The Procrastination Solution
theprocrastinationsolution.com

Web Design Features

• CSS for styling and fluid layout.
• XHTML-strict.
• Custom banner logo, photographed and edited for contrast effect, to showcase the difference between murky procrastination and clear-cut solution.
• Updated to a calendar image to fit client’s branding change decision, and also produced flyers using the same calendar branding.
• Judicious use of white space on every page, to prevent a gray-page-look that could result from a mostly text-based site.
• Form for registration, using server-side PHP.
• Custom button interfaced with PayPal for credit card payments.

Cigar Emporium
cigar-emporium.com

Web Design Features

• CSS for styling and fluid layout.
• Updated to XHTML-strict (originally did as HTML 4).
• Custom logo.
• Graphics creation and graphics-editing.
• Digital photos to be posted.
• CSS hover links also display corresponding text descriptions beneath the navigation panel. (Shown here: Phone Orders link shows added information, such as same-day shipping.)

Silver Cloud (Wilmington store)
silvercloudstore.com
(Note: This store, after 20 years in business, closed as of May, 2009, but is reopening under new management as Silver Cloud LLC in Billerica in September, 2009.)

Web Design Features

• CSS for styling and fluid layout.
• Re-created website with a new look, originally in 2003, using HTML-4.
• Updated to XHTML-strict in 2005.
• Created new logo, per client request, incorporating iconic elements representing Silver Cloud's targeted audiences. (Used digital photos that I took of in-store and outside signage, then clarified, refined, and arranged.)
• Created some original graphics.
• Photographed occasional product-specials.

Product Features - Additional Updating

• Expanding image galleries to showcase more products.
• Added JS-DOM expandable-collapsable menu for product categories.
  The related icons also collapse and expand with their associated group.
• Clickable-image thumbnail galleries for each product category, with each image linking to a larger photo with detailed description.
  (Using univerally accessible links instead of popup windows, which can be blocked.)

Community Quick Links, Local Business Directory
communityquicklinks.com/LBD/
(Note: This site is no longer online.)

Web Design Features

• CSS for styling and fluid layout.
• HTML 4 (when most sites were still HTML 3.2)
• Frames-based, to keep all user-interaction on same page (as SEO was not important for this section of the site).
• Custom link buttons back to three main areas of the CQLinks site.
• Scrolling right-side section for viewing vendor information.
  Some vendor listings, for higher contributors, include links to their websites.
• Non-scrolling category heading on the right, to help the user remember the current category.
• Conditional Javascript listbox menus on the left.
  Selectiing a category in the first listbox determines what displays in the second listbox.

Atsawata Jewelry
(In progress)

Web Design Features

• CSS coding for styling and fluid layout positioning.
• XHTML-strict.
• Custom logo (one of several designs).
• Image in header slides beneath the logo graphic when screen width is reduced, ensuring that the logo remains on top.
• Digital photos, in progress.
• Image navigation. Will use either clickable thumbnails (with JS-DOM) or slideshow(s) with PHP. (Depends on scope of inventory.)

I am in the Boston, Massachusetts area. Contact me for a free consultation.

(©) 2009 communicrafter.com