CommuniCrafter Web Portfolio
All were custom-designed from concept through implementation. All were created as new web sites, except the Local Business Directory, which was a requested addition to an existing site. For most of the web sites, I also provided writing-editing services.
Earth Night Gala
earthnight.org
Web Design Features
- CSS coding for styling and fluid layout positioning.
- XHTML-strict.
- Horizontal hover links.
- Enhanced main logo for better web rendering.
Other graphics creation and editing
for logos and icons. - Both image links and text links for sponsors.
- Custom buttons to track quantity and type of ticket sales.
- Writing and editing 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!);
positioned at top of every page. - Custom-created logo.
- Graphics-editing and photo-editing,
(existing photos from long-distance client). - Image Gallery (Samples page) with flexible user navigation through Javascript-DOM.
Allows users to click a gallery thumbnail image and view an enlarged photo on the same page; if Javascript blocked, basic image links still work.
The Procrastination Solution
theprocrastinationsolution.com
Web Design Features
- CSS for styling and fluid layout.
- XHTML-strict.
- Custom banner logo, photographed and edited (shown here). Updated later to a calendar logo (also an original creation), to fit client’s branding change decision, and also produced flyers using the same calendar branding.
- CSS hover links panel embedded into the page design, avoiding an empty column, ‘bacon strip’ look.
- 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.
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
silvercloudstore.com
Web Design Features
- CSS for styling and fluid layout.
- Updated to XHTML-strict (originally did as HTML 4).
- 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 together with the circular-text graphic that I created.)
- Created some original graphics (seasonal falling-leaves, for example).
- Scanning and graphics-editing products for image galleries and detail pages.
- Photographing occasional product-specials.
Features - 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/
Web Design Features
- CSS for styling and fluid layout.
- HTML 4.
- Frames-based, to keep all user-interaction on same page (as SEO factor judged insignificant 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 have links to their websites.
- Non-scrolling category heading on the right, to help the user remember which category he is scrolling.
- Conditional Javascript listbox menus on the left.
Selectiing a category in the first listbox determines what displays in the second listbox.
Atsawata Jewelry
(currently in progress)
Web Design Features
- CSS coding for styling and fluid layout positioning.
- XHTML-strict.
- Custom logo (one of several designs).
- Non-scrolling background.
- Digital photos, in progress.
- Image navigation. Will use either clickable thumbnails (with JS-DOM) or slideshow(s) with PHP. (Depends on scope of inventory.)