Website Design ~ Hosting ~ Marketing ~ Photography ~ Social Networks

John Schnell & Associates :: Website Design ~ Hosting ~ Marketing ~ Photography ~ Social Networks

Centennial, CO 80122
Phone:
303-570-2500

CONTACT US

“From the very beginning, working with John Schnell has been an effortless engagement of professionalism. My website has far exceeded my expectations. It is wonderful to be able to conduct our business long distance – and still feel so very well taken care of. Thanks, John!”

Carla Schuchman
Pawleys Island, SC

Design Options

We have a great collection of the latest web design tools. They make our job easier – and that saves you money! We can enhance the visual appearance and functionality of your site, using add-on components that make sense for your business. You'll get the web site you've been hoping for, at a price you can afford. We'll seek your input, and keep you informed during the process, but don't worry – we'll do all of necessary work for you!

Image Presentation

Our image presentation widgets have been tested with current versions of Internet Explorer, Firefox, Safari, Opera, and Chrome browsers — and they degrade gracefully with older browsers. We create our web components using a variety of industry-standard design tools, including Adobe Dreamweaver, Adobe Fireworks, Adobe Flash, and Adobe Photoshop. For specialized functions, we have a toolbox full of the latest Dreamweaver extensions and Photoshop filters.

Presentation Type Price Description Example Sites
Active Slideshow $100 see below
Banner Rotator $50 see below
Image Gallery 1 $50 see below
Image Gallery 2 (FLEX) $100 see below
Lightshow Gallery $50 see below
Sidebar Slideshow $50 see below
Thumbnail Gallery $50 see below

Active Slideshow

We'll create dazzling multimedia presentations, slideshows and banners for you with Active Slideshow. This style of image gallery works well on home pages, and gives you spectacular effects and control over your slides, texts, transitions and sounds. The zoom and pan effects of Ken Burns are fully controllable. The Ken Burns effect can be combined with other transition effects.

Banner Rotator

We'll create and manage a very cool image/banner rotator on each of your pages, without the overhead of Flash or the difficulties of open source script libraries. Images are loaded on demand with a special pre-loader so you can add as many images as you want with no impact on your page's load time. This gallery is fully customizable, and easily blends with any website design. We can even create links to other pages from the images, as they scroll through a predetermined list. One of our favorites!

Image Gallery 1

Our standard image gallery produces web-ready images from your original images. We can choose the size of your thumbnails and your full-size images, and they are scaled, optimized, and neatly organized in folders within your defined site. After your image gallery has been created, we'll optimize the look and feel to seemlessly blend with your site. We can even include image captions, descriptions, plus a nifty image counter!

Image Gallery 2

Because your images deserve the very best! We'll bring your images to life, with smooth, cross-fading, snappy glides, or elegant Ken Burns Pan and Zoom Effects. Image Gallery 2 utilizes HTML5, CSS-3 and advanced DOM scripting to deliver close to broadcast-quality animation that does your images proud! And it's absolutely beautiful when view on an iPad or Android mobile device. FULL-SCREEN MODE includes an optional toolbar icon that instantly makes your gallery fill the entire window

Lightshow Gallery

This hybrid provides the functionality of a light table gallery layout, with the visual appeal of a slideshow. We’ll create beautifully styled shows that can consist of photos, images, content, text, and more. It's perfect for slide shows and image galleries, as well as for powerful and engaging business presentations. Features include: an automatically generated tables of contents; support for image slides and text content slides; thumbnails will conform to the dimensions of your gallery container in a perfect matrix; you can choose from several animation and positioning options.

Sidebar Slideshow

Using a specialized tool, Sidebar Slideshow detects the size of each incoming full-size image. If it's the same size as the current image, the system will employ a smooth cross-fader - simultaneously fading out the current image as the new one fades in. If the incoming image is a different size than the current one, the system will fade out the current image, glide the image container to the size of the incoming image, then fade the new image in. It's all automatic.

Thumbnail Gallery

We'll create an amazing thumbnail wall from your images, photos and portfolio, or we can decorate the existing thumbnails on your pages with the Thumbnail Gallery. We can use this tool to add great looking borders, shadows and predefined styles to your thumbnails. When the user clicks on a thumbnail, it expands with amazing animation effects to full size image. The thumbnails float automatically in all available space, so this gallery always looks great!

Page Layouts

Our Page Layouts provide a rich set of visually-engaging functions. And because they include so many capabilities in a single bundle, they save you money. Each Page Layout has been extensively tested with the current versions of Internet Explorer, Firefox, Safari, Opera, and Chrome. They will also function properly (sometimes with reduced function) with older browsers too.

  • CSS-3 and HTML-5. During the past year, a new generation of web-design standards (CSS-3 and HTML-5) has evolved. Why are these standards important? Mobile computing devices (such as iPad and Android) require the new standards to enable many of their features. Using these new standards as a design platform, we can incorporate elegant design features like rounded corners, drop shadows, flexible page widths, and flexible image widths within your site design. And we can showcase your work with innovative galleries like Active Slideshows, Image Rotators, and SuperSize Galleries. Your site will look fresh, and your clients will take notice. These sites adapt to the footprint of the device that is viewing them, and are known as ADAPTIVE WEBSITES.

  • iPhone and Android. Whether you are viewing on a 27 inch monitor, an iPhone, an iPad, or an Android, with these page layout designs, your page will always fit. All modern mobile devices (iPhone, iPad, Android) have full support for the responsive CSS techniques we use, as do modern desktop browsers (IE9, IE10, Firefox, Safari, and Chrome). Older browsers display a perfect page using conventional CSS.
Description Style Page Layouts Example Sites
Adaptations
FIXED OR FLEX
CSS-3, HTML-5
iPhone/Android
Home, Gallery,
2-column, 3-column
AFFINITY
FIXED OR FLEX
CSS-3, HTML-5
iPhone/Android
Home, Gallery,
2-column, 3-column
Composer
FIXED OR FLEX
CSS-3, HTML-5
iPhone/Android
Home, Gallery,
2-column, 3-column
MIRAGE
FIXED OR FLEX
CSS-3, HTML-5
iPhone/Android
Home, Gallery,
2-column, 3-column
REsponsability
FIXED OR FLEX
CSS-3, HTML-5
iPhone/Android

Single Page, Gallery

Abstractions FIXED WIDTH
CSS-3, HTML-5
Home, Gallery,
2-column, 3-column
Black Magic FIXED WIDTH
CSS-3, HTML-5
Home, Gallery,
2-column, 3-column
Curvitude FIXED WIDTH
CSS-3, HTML-5
Home, Gallery,
2-column, 3-column
Deja Vu FIXED WIDTH
CSS-3, HTML-5
Home, Gallery,
2-column, 3-column
Luna FIXED OR FLEX
CSS-3, HTML-5
Single Page
Mercury FIXED OR FLEX
CSS-3, HTML-5
Single Page
Salt & Pepper FIXED WIDTH
CSS-3, HTML-5
Home, Gallery,
2-column, 3-column

Site Navigation

Site navigation is an important aspect of each of our website designs. All of our menus work well on both Windows and Mac operating systems. They have been thoroughly tested with current versions of Internet Explorer, Firefox, Safari, Opera, and Chrome browsers – and they will function properly with older browsers too. We create our menus using a variety of the latest Dreamweaver extensions.

Navigation Style Price Range Description Example Sites
Accordion Panel $50 - $100 per site
Drop-Down Menu $100 - $150 per site
Pop Menu $100 - $150 per site
Pop Menu (Dual) $150 - $200 per site
Vertical Menu $50 per site

Widgets

We love widgets! They provide a rich set of visually-engaging functions. All of our widgets interact well, and work on both Windows and Mac operating systems. They have been thoroughly tested with current versions of Internet Explorer, Firefox, Safari, Opera, and Chrome browsers — and will function properly with older browsers too.

Widget Type Price Range Description Example Sites
Accordion Panel $50 - $100 see below
Active Tables $50 - $100 see below
Collapsible Text $25 - $50 see below
Folder View $25 - $50 see below
Tab Panel $25 - $50 see below
Tooltips $50 - $100 see below

Accordion Panels

Accordion Panels are smooth gliding panels which toggle open and closed. They can contain text, lists, images, forms, tables, and links— using an intuitive interface. In addition, we can:

  • Add, delete, or change the order of panels
  • Provide panel animation options, including glide with gradual stop, normal glide, or a fade transition
  • Choose a specific content panel to show on page load
  • Set a random content panel to show on page load
  • Set toggle options to show only one content panel at a time

Active Tables

Traditional data tables often end up looking like (let's be honest) boring lists of information. Now there's good news! Our active tables are very elegant, and provide much more function than traditional data tables. We have developed a way to combine some simple JavaScript coding, with styling options. The result is an intuitive "active table" with row highlighting, and "buttons" which can appear as selectable links.

Collapsible Text

How many times have you seen this? You're presented with a list of questions, and when you click on the link, you get bounced all over the page. Our collapsible text solves the problem. The answer is "collapsed" below the question, and clicking on the link magically lets information "appear." We have developed a simple JavaScript coding technique to create a dynamic effect that is surpisingly simple, and allows text, lists, images, forms, tables, and links to "disappear."

Folder View

Forget about boring bullet listings that you see on those pages with that 90's look. Instead, use the elegant and space-preserving animated displays of Folder View, featuring amazing expanding effects for an enhanced user experience. Choose from one of the many designs in our library. You can use Folder View for vertical menus, categories, portfolio listings,catalogs, site maps, and anywhere you need to show a categorized listing of many items.

Tab Panels

The New York Times and IBM both have 'em. So do AOL and Yahoo! Now you can have them too. Tab Panels are tabbed user interfaces — page elements that allow you to display multiple panels of content, with access to each panel controlled by tabs. Tab Panels can be inserted into pages or table layouts. They can be tucked snugly into sidebars, and can span an entire page. You can insert multiple tab panels on a single page, and the content can include text, lists, images, forms, tables, and links — using an intuitive interface. Options include:

  • Adding, deleting, or changing the order of tab panel buttons
  • Panel animation, including fade and gradient wipe
  • Optional tab panel title
  • Several standard style themes
  • Customized styles to blend with your site

Tooltips

Our Tooltip widget includes powerful features that leave other tooltip widgets in the dust. We use tooltips to provide additional information or context that pops up in an attractive box when users mouse over or click on text or images. Tooltips can be based on an element's title attribute or it can contain any type of content you wish to display—including paragraphs, tables, forms, links, or images.