Web Design

Your business is different. So why build a website that is just like everyone elses? Don't get lost in the crowd! We create next-generation flexible framework sites. They are great for access by desktop and mobile users. Our extensive collection of development tools saves you money. We use them to enhance the appearance and function of your site. The bottom line? You'll get the website you've been hoping for, at a price you can afford.

We make extensive use of web design elements. These tools make our job easier, and that saves you money. We can enhance the visual appearance and functionality of your site, using components that make sense for your business. What sets us apart is our skilled integration of web design, marketing and project photography.

Design Elements

Web Design, project photography, Aerial Photography 3D Enterprises

Data Tables

Traditional data tables often look like boring lists of information. Our active data tables are very elegant, and provide much more function than a traditional data table. We have developed a way to combine some simple coding with professional styling options. The result is an intuitive active table with buttons and icons which can appear as selectable links.

Omni Panel

Omni Panels are selectable user interfaces — page elements which allow you to select from multiple panels of content, with access to each panel controlled by a selectable component. Omni 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.

Slide-Out Panel

Our content presentation options work well 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 and Adobe Photoshop. For specialized functions, we use of the latest Dreamweaver extensions and Photoshop filters. John Schnell and Associates offers outstanding digital imaging services, to showcase your talents. Remember, your website should not merely provide basic information about your business. It should also capture the imagination of your clients, and visually engage them.

Framework

John Schnell and Associates

Flexbox

The built-in functionality of new browsers allows us to add elegant design features, including animations, flexible page widths, flexible image widths, flexible Google Maps, and flexible YouTube videos. Your site will look fresh, and your clients will take notice. We've been designing to Mobile-First standards since 2014. Since then, we've completed over fifty mobile-first sites! These sites provide a rich set of visually-engaging functions across a wide spectrum of devices, including desktops, laptops, tablets, and mobile phones. Each Mobile-First design has been extensively tested with Windows, Mac, IOS and Android operating systems. Mobile-First sites work ideally with current versions of Internet Explorer, Firefox, Google Chrome, Opera and Safari, and will function as expected, with reduced function on older browsers.

Why are these standards important? Mobile computing devices, including iPad, iPhone, tablets and smart phones, require these new standards. So whether your website is being viewed on a 27-inch desktop display, a 15-inch laptop, an iPad or iPhone, or an Android phone or tablet, with a Mobile-First site your page will always fit the screen of the device that is viewing it.

Bootstrap

John Schnell and Associates

Bootstrap from Twitter is also a mobile-first approach. We use Bootstrap for larger contractors who have expanded requirements in challenging markets. To address these requirements, we developed an eye-catching approach to the marketing challenge of making an impression across a wide spectrum of devices, including desktops, laptops, tablets, and mobile phones.

Bootstrap is a collection of tools, templates, and standards, and is ideal for creating mobile-first websites. It supports HTML-5 and CSS-3 design tools for typography, forms, buttons, navigation, galleries, sliding panels, and other interface components. Bootstrap features a grid-based layout system, using a 12-column grid, to enable a wide range of customization options. It embraces mobile-first design, so web pages adjust dynamically to the characteristics of the device being used. The built-in functionality of new browsers lets us add elegant design features like animations, drop shadows, flexible page widths, flexible image widths, and rounded corners.

FTP Sites

There are a number of advantages to using a separate File Transfer Protocol (FTP) site. FTP is the best way to transfer large files, and make them available to many users on a network. FTP servers allow people to securely login and download bid specifications, engineering drawings, and training materials.

Benefits of an FTP Site

  • FTP is the fastest way to copy large files from one computer to another.
  • FTP is highly efficient, since there are very few steps to complete in order to transfer files.
  • FTP is highly secure, since FTP servers require users to login with a username and password.
  • FTP allows you to easily transfer files. Information can be securely made available to employees or clients.

Image Presentation

Web Design, project photography, Aerial PhotographyMathurin Art

Art Gallery

The Perfect Gallery Tool is also our most powerful image gallery. Measured against other gallery tools and widgets, Art Gallery simply has no equal. Imagine your art being displayed with an almost limitless set of options. Think about it... online art presentation has never looked better.

Background Animation

Background Animation is another ground-breaking tool that goes far beyond what you expect to see on the Internet. We'll assign a sequence of perfectly positioned rotating background images to any element on your page. Even the home page. In a nutshell, Background Animation automatically sets up any element on your page to display a rotation of background images. The rotation can slide in, fade in, slide and fade, or run in an elegant Ken Burns motion animation. The choice is yours.

Background Rotator

We'll create and manage a very cool background image rotator on selected 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 that you can add as many images as you want. Your web pages will appear to float on top of one or more full-screen images, and the images can rotate every 10-15 seconds. Wow!

Web Design, project photography, Aerial PhotographyMichele Dawn Design

Image Effects

Image Effects gives us the ability to animate any image on your page. Ten editable animations allow us to set animation duration, starting and ending range values, and animation method: Grayscale, Sepia, Saturate, Invert, Opacity, Brightness, Contrast, Blur, Zoom and Tilt/Spin. Five custom animations employ complex, multiple transformations, and keyframes: Morph, Focus, Skew, Shake and Pulse.

Image Gallery

Image Gallery is the perfect tool for image presentation. Image Gallery redefines what a lightbox can be. It is the most advanced lightbox presentation widget of its kind. Mobile-friendly, responsive, and loaded with advanced features — nothing else can compare. What can you do with Image Gallery? You can create a thumbnail-driven gallery capable of displaying images, videos, and content slides. You can even launch an Image Gallery slide from a text link or an image this is already on your page.

Image Rotator

We'll design a very cool Image Rotator for your home page, 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 without impacting your page's load time. This image presentation tool is fully customizable, and easily blends with any website design. We can even create links to other pages from the images or text windows, as they scroll through either a pre-determined or random list. One of our favorites!

Peekaboo

Our image presentation options work well with current versions of Internet Explorer, Firefox, Safari, Opera, and Chrome browsers — and they degrade gracefully with older browsers.For specialized functions, we use of the latest Dreamweaver extensions and Photoshop filters. John Schnell and Associates offers outstanding digital imaging services, to showcase your talents. Remember, your website should not merely provide basic information about your business. It should also capture the imagination of your clients, and visually engage them.

Web Design, project photography, Aerial PhotographyFantasy Finishes

Video Player

An embedded video player allows users to view YouTube or Vimeo videos on your site. Our new video player is responsive, which means it functions across a wide range of devices, including desktops, laptops, tablets, and mobile phones. We have developed a special method to support videos embedded inside iframes — the typical method used by Vimeo and YouTube. And since it embraces responsive design, the video player will adjust dynamically, taking into consideration the characteristics of the device being used.

Zoomer

Our image presentation options work well with current versions of Internet Explorer, Firefox, Safari, Opera, and Chrome browsers — and they degrade gracefully with older browsers.For specialized functions, we use of the latest Dreamweaver extensions and Photoshop filters. John Schnell and Associates offers outstanding digital imaging services, to showcase your talents. Remember, your website should not merely provide basic information about your business. It should also capture the imagination of your clients, and visually engage them.

Typography

Web Design, project photography, Aerial Photography 3D Enterprises

Data Tables

Traditional data tables often look like boring lists of information. Our active data tables are very elegant, and provide much more function than a traditional data table. We have developed a way to combine some simple coding with professional styling options. The result is an intuitive active table with buttons and icons which can appear as selectable links.

Font Awesome

Font Awesome gives web designers the opportunity to use scalable vector icons which can be easily customized. Font Awesome 5 includes thousands of web-related actions. John Schnell and Associates can style icon color, size, shadows, and anything else that's possible. Font Awesome icons are gorgeous on high-resolution displays like iPhones and iPads. Originally designed for Bootstrap, Font Awesome works great with all current browsers and frameworks.

Google Fonts

Google Fonts is making the web more beautiful, fast, and open through great typography. Google Fonts is a library of over 800 licensed fonts, an interactive web directory for browsing the library, and APIs for conveniently using the fonts via CSS and Android.

Web Design, project photography, Aerial Photography Commercial Rental

Google Maps

Google Maps is a web-based service that provides detailed information about geographical regions and sites around the world. In addition to conventional road maps, Google Maps offers aerial and satellite views of many places. In some cities, Google Maps offers street views comprising photographs taken from vehicles. Google Maps offers several additional services. A route planner offers directions for drivers, bikers, walkers, and users of public transportation who want to take a trip from one specific location to another. The Google Maps application program interface (API) makes it possible for web designers to embed Google Maps into websites.

Material+Icons

Google's Material+Icons gives web designers the opportunity to use scalable vector icons which can be easily customized. Material+Icons currently includes over 1,000 icons (and the number just keeps on growing). In a single collection, Material+Icons is a pictographic language of web-related actions. Material+Icons is completely free for commercial use. Skilled web designers can style icon color, size, shadows, and anything else that's possible with CSS. Material+Icons icons are gorgeous on high-resolution displays like iPhones and iPads. Material+Icons works great with all current browsers and frameworks.

Text Effects

Our text "lag effect" options work well with current versions of Internet Explorer, Firefox, Safari, Opera, and Chrome browsers — and they degrade gracefully with older browsers.For specialized functions, we use of the latest Dreamweaver extensions and Photoshop filters. John Schnell and Associates offers outstanding web design services, to showcase your talents. Remember, your website should not merely provide basic information about your business. It should also capture the imagination of your clients, and visually engage them.

Recent Projects

John Schnell and Associates
3D Enterprises
John Schnell and Associates
Alaska Wilderness Charters
John Schnell and Associates
Ancient Modern Finishes
John Schnell and Associates
Astro Mechanical