Design Frameworks

To accommodate the dramatic increase in mobile users who access the Internet, we build next-generation Flexbox Layout and Bootstrap Layout sites. These sites look great! They are designed from the ground up to support mobile users, and provide a great functional upgrade from Grid Layout sites. Our impressive collection of development framework tools makes our job easier, which saves you money. We use these widgets to enhance the visual appearance and functionality of your site. You get the website you've been hoping for, at a price you can afford.

Flexbox Layout

Flexbox
widgets More Info

To accommodate the dramatic increase in mobile users who access the Internet, we build next-generation Flexbox, Flex-grid and Bootstrap sites. These sites look great, and are designed from the ground up to support mobile users, as well as traditional users.

Bootstrap

Bootstrap 4
widgets More Info

Font icons are all the rage nowadays, with more and more developers taking advantage of them in their designs. If you haven’t yet looked into them yet, icon fonts are just fonts. However, instead of containing letters or numbers, they contain symbols and glyphs.

Grid Layout

Flex Grid
widgets More Info

In website navigation, as with any list, placing items at the beginning and the end is most effective. Why? Because this is where our attention and retention are highest. It's called the serial position effect, and it combines placement with our built-in cognitive biases.

Flexbox Layout

John Schnell and Associates

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. 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.

Recent Projects

 
John Schnell and Associates
Commercial Rental
Macomb, Illinois
View Site
 
John Schnell and Associates
Laverdiere Construction
Macomb, Illinois
View Site
 
John Schnell and Associates
LCI Concrete
Colchester, Illinois
View Site

Bootstrap Layout

John Schnell and Associates

The Bootstrap framework 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.

Recent Projects

 
John Schnell and Associates
Ancient Modern Finishes
Bonita Springs, Florida
View Site
 
John Schnell and Associates
Superior Wood Products
Leavenworth, Kansas
View Site

Grid Layout

John Schnell and Associates

In 2009, I began building flexible Grid Layout sites for my clients. The flexible grid provided necessary functionality. After several years, it’s still the same process.

So where do these sites stand today?

  • It no longer makes sense to upgrade Grid Layout sites. There are better, less expensive alternatives.
  • Effective September 1, 2017, all Grid Layout upgrades and technical updates are withdrawn from marketing.

Instead, we will upgrade your site to a modern Flexbox Layout or Bootstrap layout.

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.

Recent Projects

 
John Schnell and Associates
Fantasy Finishes
Commack, New York
View Site
 
John Schnell and Associates
Virginia Equipment
Virginia Beach, Virginia
View Site