CompuSmile case study Angie's List Super Service Award 2018 winner
at a glance
at a glance
direct client BioToBiz
indirect client
nature of work web site design & development, Microsoft Office services, Internet research, technical support
role consultant & subcontractor
time frame 2000.10 - present
status complete, with ongoing support as necessary
in a nutshell I provided numerous technical services to a small biotechnology consulting firm.
  • I designed and developed a low-cost, online-presence-style web site for BioToBiz to showcase the firm's services, experience, and client portfolio. BioToBiz is totally stoked about the overwhelmingly-positive feedback it has received about the site from colleagues and clients alike. Site features include the following:

    • sharp, clean, professional appearance
    • consistent look-and-feel across the site
    • intuitive navigation
    • customized, professional graphics (see sample below)
    • optimized image file sizes and page sizes for shorter download times
    • pages automatically print in "printer-friendly" format (see sample below)
    • prominent contact links
    • contact links concealed from "e-mail harvesters"
    • compatible with all major browsers on all major computing platforms
    • understated "rollover effects" for main navigational links enhance site's interactivity and aesthetic appeal
    • rock-bottom-priced web hosting package with exceptional, personalized technical support
    • all pages spell-checked to ensure highest professional image

  • As a free added service, I continue to resubmit the site to search engines (e.g., Yahoo, AltaVista, etc.) on a monthly basis to ensure good placement in searches conducted by potential clients and other contacts.

  • I helped research, compile, and format a 200-page biotechnology market assessment for BioToBiz to deliver to a client of theirs, Synapps Software. After originally preparing the document in Microsoft Word, I published the report in HTML format both to the Web and to CD to make it readily accessible from any PC.

  • I compiled for BioToBiz a contacts database in Microsoft Outlook, consolidating and reconciling information from business cards and the Web.

  • I provided — and continue to provide — technical support and advice on a wide range of subjects, including the following:

    • Internet service provider selection
    • hardware purchase selection
    • e-mail client setup
    • software configuration
    • networking configuration
see it for yourself
see it for yourself

graphic design

Part of the process of developing the BioToBiz web site involved selecting graphical images from professional photo catalogs, choosing pictures whose composition conveyed the nature of the business while making the site more appealing to the eye at the same time.

But selecting images was only half the battle, as they required a good deal of retouching to make them truly "work" with the site.

Check out the before-and-after images below to get a feel for the level of thought and attention I put into this effort. Recognize that this spotlight reflects the effort for just one image out of many on the site!


sample image, before



sample image, after

(Click image to see it in the
context of the web site.)


  • Image is too dark, connoting an undesirable tone of sinister, shady deal-making
  • Image is lightened considerably, emphasizing the positive, open, friendly nature of the firm.
  • Image's red and brown colors conflict with the site's scheme of purple and green.
  • Image is imbued with purple to match the site's color scheme.
  • Handshake is concealed by shadows.
  • Through brightening and an accenting glow, the handshake becomes the focal point of the image.
  • Desk clutter distracts the eye and diminishes the image's impact.
  • Wood grain of desk removed entirely, and desktop clutter blurred to shift focus to the handshake.
  • Shape of image is a boring, same-ol'-same-ol' rectangle.
  • Image's corners are rounded for additional aesthetic appeal.


automated printer-friendly format

Ever seen web pages containing a link that says something like "click here for a printer-friendly version of this page"? Cool idea, as printing a less-graphically-intensive page can reduce a visitor's printing time and ink costs. But on the down side, the extra click opens an extra page that merely re-displays the same basic information.

So how to simplify the printing experience for the visitor? Just have the web page "tell" the printer the format in which it would "like" to be printed. In other words, design the web page to look one way in a browser, and another way when it's printed.

Want a demonstration? A picture's worth a thousand words, so check it out:

  1. Visit the BioToBiz web site.
  2. Navigate to any page you would like to print.
  3. Print the page (usually through the "File —> Print" menu in your browser).
  4. Compare the printed page to the on-screen view.
  5. Gasp in amazement at how cool and simple this approach is, and return here posthaste to hire my web design and development services.
tools & technology
tools & technology
  • Macromedia Dreamweaver
  • Macromedia Fireworks
  • Microsoft Word
  • Microsoft Outlook


  • JavaScript
  • HTML
  • CSS
  • image file optimization
don't take my word for it!
don't take my word for it!

"When I first saw how good-looking Scott was, I couldn't imagine anyone whose appearance was further removed from the 'techie' stereotype. I guess I was thinking more along the lines of 'GQ model' or something. But as soon as he started working his techno-magic, I knew I had found a bona fide computer geek...

Still, as far as geeks go, he's pretty hot!"

Angie Christoffersen



on-site services | web development | rates | buzz | portfolio | credentials | about | contact
314.469.4924 ::


Copyright © 1999 - 2016, CompuSmile, LLC. All Rights Reserved.