Web Design Case Studies
Case Study - Indian Motorcycle 2001-2002
Indian Motorcycles is the oldest U.S. Motorcycle company. Found in 1918.
Title: Flash, HTML, Web Design 11/2001 - 3/2002 Indian Motorcycles Gilroy, Ca Major overhaul of corporate web site to reflect 2002 models in Flash, and HTML. Enhancements included: CSS, sticky menu fix, Netscape 6 fix, enhanced merchandise section, fixed scrollbar issue for Mac, view bike close-ups, updated news and press release sections. Helped to design and test newchief.com Leadership: Only Flash, web designer and HTML person for this redesign, update and new product showcase. Products: Flash 5, Dreamweaver 4. Technology: HTML, CSS, Graphic design, Flash.
Challenge
The information technologists at Indian Motorcycle wanted a site that would showcase both the new model year products.
Solution
FrontEndTech added the new models for the 2002 year using both Flash and HTML.
We also provided enhanced viewing of specific features of the motorcycle via mouseovers.
The user would rollover a red rot, to get an enlarged view of that part. The picture below shows the signature Indian Chief headlamp on the front fender.
 Click to View
Color and customization is key on a motorcycle. People want to know what the bike will and can look like. The below image show the chief in its six available colors, when a user rolls over the colors to the left, the bike color changes.
Designing the homepage to showcase a new model for 2003, the Indian Chief for the first time had an Indian motor inside. We wanted to show both the motor (right graphic) and the bikes.
The bottom text is a DHTML menu that pops upward with five-six choices for each menu, all images with rollovers.
 Click to View
- On-Site in Gilroy for six months to complete and maintain
- Rapid prototyping yielded high quality site with
- Direct interaction with the bikes being built downstairs (Once every 2 hours, a new motor would fire, like the scream of a newborn!)
- Solid grasp of automotive and motorcycle industry, FrontEndTech was chosen due to our passion for motorcycles
Case Study - PalmOs - 2000
PalmOS is the operating System (OS) that drives Palm Pilots
Title: HTML Producer Site Maintenance
12/2000 - 6/2001 PalmOS, Inc. Santa Clara, Ca
HTML production for PalmOS.com, responsible for content updates and maintenance. Created Cascading Style Sheets, and implemented throughout entire site. De-fontified entire site, reformatted and cleaned up code, learned Interwoven's TeamSite. Implemented DHTML JavaScript fly-outs. Wrote a Style Guide, fixed over 200 coding issues, and redeveloped the developer zone and entire palmos.com for consistency. Leadership: Only HTML web designer on this project. Products: Dreamweaver 4, Teamsite. Technology: HTML 4.0, CSS, DHTML.
FrontEndTech worked with Interwoven's TeamSite for Content Management.
- DHTML Menu
- Support Site was home for thousands of developers at Developer Central
- Early Search Engine Optimization
- Light Graphic Design
- Daily Maintenance of site
Case Study - Sybase - 2000
For more than 20 years, Sybase has been a leader in developing database technology.
Title: Sr. HTML Engineer 1/2000 - 6/2000 Sybase, Inc. Emeryville, Ca Coded the mysybase.com front end and Sybase.com template web sites. HTML integration of Vignettes Story Server and Dreamweaver plus hand coding. Created HTML for 'enterprise portal designer' product. Created Style Sheets and QA testing of entire portal. Leadership: Only HTML web designer on project. Programs: Dreamweaver 4, Flash 4, Vignette Story Server. Technology: HTML 4.0, CSS, Graphic design.
Challenge
Redesign of homepage, all sub page templates that drive thousands of pages and MySybase.com.
Solution
FrontEndTech worked on-site for almost a year developing online applications, and working with Vignette's Story Server Templates. The CSS and CMS experience here was invaluable.
The below application was used to help a large corporation to design a Portal.
 Click to View
- Short easy to read and predict URLs with a CMS system (no long numbers or strings that don't bookmark well)
- Max page weight 50k, as users are International
- Fifty or so templates drive thousands of pages
- All forms and customization templates for MySybase Portal
Maintenance and design of 4 bikes plus accessories, an online store with over 100 products, an internal site, and surveys.
Case Study - Health Central - 2000
Health Central is the world renowned Dr. Dean Edell's portal for health information.
Title: E-commerce Engineer, HTML Coder
6/2000 - 10/2000 HealthCentral.com Emeryville, Ca
Hand coded healthcentral.com and hcrx.com, Dr. Dean Edell's health portal. Cascading Style Sheets, production. Wrote HTML for: vitamins.com, and drugemporium.com. Maintained 5 other hospital sites, including henryfordhealth.com Responsible for Style Sheets, Testing, daily price updates and specials, HTML mockups for new sites. Leadership: One of two HTML coders, I was the main front-end coder. Products: Dreamweaver 4, Fireworks 4, Visual Source Safe. Technology: HTML 4.0, CSS, Graphic design.
Challenge
Redesign of homepage and all sub pages for both sites.
Solution
FrontEndTech worked on-site maintaining, designing and owning two properties:
Features
- DHTML Tooltip descriptors on left (blue) links (see grey box) "News from America's doctor" would popup when you mouseover Dr. Dean Edell in the menu, all left nav items had descriptors
- E-commerce store had thousands of unique heath gifts, and ran daily promotions
- Major competitor Drugstore.com won the battle
- CMS - Content Management System
- DCS - Document Control System
Case Study - Taos / The Webb Group - 1999
Taos is a NT staffing firm in Santa Clara CA.
Resume Entry
Title: Web Based Training Lead
1/1999 - 1/2000 TAOS Learning, Web San Jose, Ca
Created HTML training for over 15 clients including all HTML coding, DHTML interactions/animations, and DHTML hierarchical menu systems. Goal was to engage the user into the training. Writing and executing test plans. and coded HTML for: Sun, Cisco, ATT&T, Exodus, Synopsys, & more. Leadership: Lead HTML coder in a team of 3 HTML people. Worked directly with clients, in-house and via telephone and e-mail. Programs: Dreamweaver 3, Fireworks 3, Photoshop 4, Real Media, Flash 4. Technology: HTML 4.0, CSS, Graphic design, Flash, DHTML.
Challenge
Design, build, maintain, and own web based training modules for high-profile clients
AT&T
FrontEndTech worked on-site for almost a year developing online applications, and working with Vignette's Story Server Templates. The CSS and CMS experience here was invaluable.
- The below application was used to help a large corporation to design a Portal.
Cisco
- Scrolling text on left of page scrolled vertically while slides flip on right, and talking head video top left
- Over 5 hours of videos, all streamed with Real Media
- 10 training modules
Exodus
- Left DHTML Hierarchical menu
- Complex Interactions that require user interaction
- Dreamweaver Attain / Coursebuiler to track progress and scoring of quiz at end of each module
Sun
- Left DHTML Hierarchical menu
- Complex Interactions that require user interaction
- Dreamweaver Attain / Coursebuiler to track progress and scoring of quiz at end of each module
AddStar
- Using Dreamweaver's timeline to animate instructions for application, very early web based training
- Highly effective to show step by step with screen shots
Sixth Dimension
- 5 or so Energy Education videos
|
Click to View
Click to View
Click to View
Click to View
Click to View
Click to View
Click to View
Click to View
Click to View
Click to View
Click to View