Archive for the ‘Interactive Websites’ Category

Interactive Website Launches

Business Websites

www.jenike.com

Jenike & Johanson

For over 55 years, engineering firm Jenike & Johanson has specialized in powder and bulk solids storage, handling, conveying, and processing.  They are one of the leading bulk solids flow engineering companies in the world and needed a site that matched their highly esteemed offline reputation.

The new site was designed to ensure ease-of-use for a wide variety of target audiences, including international clients and colleagues. Clear calls to action and carefully worded navigation, information about services and products can be found through a variety of “channels” based on the user’s preferred method of moving through the site.  Modern updates including widening the site design, use of an interactive map, a searchable case studies database, and interactive timeline were made to match the company’s online identity with their leading-edge offline presence.

 

Non-Profit Websites

www.grahampelton.com

Graham-Pelton

Graham Pelton is a consulting firm that offers customized fundraising guidance and services for nonprofits, cultural organizations, independent schools, environmental groups, community organizations, religious organizations, and those operating in the fields of higher education and healthcare.

Although their old site contained valuable information about their services, it failed to convey the scope of their work and the depth if their client base.  The new site was developed to increase brand recognition while modernizing their online and offline presence.  The use of a full-screen image slideshow and updated logo convey a clear marketing message in a user-centric and engaging way.

Business Websites

www.vtcustomclosets.com

Vermont Custom Closets

Vermont Custom Closets is Vermont’s largest closet company offering the biggest selection of products than any other company.   Vermont Custom Closets is a new entity that merged Otter Creek Custom Closets from Otter Creek Awnings and Closet Crafters.  Vermont Custom Closets has a 3000 sq. ft. showroom and design center (located next to Otter Creek).  It is Vermont’s largest closet and organizational showroom.

The goal of the site was to introduce the new brand and company through a clean, professional and responsive design optimized for all screen sizes.  The site design is consistent with The Otter Creek Awnings website.  The site navigation is intuitive and clearly encompasses all aspects of the company including the products, services and the team customers will work with.  The responsive design restructures elements on the screen as it becomes narrower, keeping the most important sections, such as brand identity and calls to action on the top.

Education and School Websites

www.educatorsally.com

Educator’s Ally

Educator’s Ally is a highly personalized placement agency for educators and independent schools in the New York metropolitan area.  They have been representing and recruiting for both day and boarding schools located in the northeast since 1975.

The old site was very outdated and new ownership began operating the business during 2012.  The goals of the redesign and resulting solutions included:

  • To elevate the organization’s image by creating a contemporary, impressive, interactive, useful, and informative website with clean design and easy navigation.  A large, graphic slideshow was added to the homepage to help convey a sense of Educator’s Ally is to site visitors before they even begin to read the written content.  The balance of the whitespace and the crisp color scheme helps the site maintain a modern, yet sophisticated and professional look.
  • To increase productivity and operational efficiency including fielding unqualified candidates.  The addition of an online application for pre-approved and qualified candidates  increases the efficiency with which Educator’s Ally completes daily, time-consuming tasks.
  • To directly capture data about viable candidates directly into their database via an online application.  Every 24 hours, Educator’s Ally receives a CSV file via email that includes all applicants that have submitted an application within the 24 hour period.

 

Business Websites

www.andrewpearcebowls.com

Andrew Pearce Bowls

The Andrew Pearce story begins with family and a tradition of craftsmanship, innovation and entrepreneurship.  Andrew Pearce bowls combine the artistic integrity of a hand-turned bowl with the efficiency of a machine-manufactured product.  Using locally sourced wood, Andrew Pearce bowls are created through a unique manufacturing process employing equipment specifically designed by Andrew.

Creative Director Todd Cummings designed the logo prior to the web design process.  The initial vision of the logo included a hand done look with rough edges, the organic feel of wood, and loosely imitating the feel of a brand.   The site is starting out as simple blog site with minimal content to announce the company, create brand awareness, share the story and plant the seed for more.  The site is a responsive design optimized for mobile, tablet and computer screens of varying sizes.

 

Non-Profit websites

www.halnc.com

Harsch Associates
Legal Nurse Consultants

A Legal Nurse Consultant adds value by reviewing, organizing and analyzing medical records to support your strategic argument.  Harsch Associates Legal Nurse Consultants help identify, locate, review and interpret relevant medical records, support the attorney’s case, act as an attorney liaison, work with experts and witnesses and assist with discovery and preparation.

Designer Alaina Castillo created the logo with the goal to elegant, professional, yet right to the point.  The site features blog post headlines in the footer, clear call to actions on all pages, and is easy to navigate.

Business Website Development

www.globalz.com

Global Z

Global Z specializes in data quality and direct marketing services such as address verification, phone and email standardization, geocoding, and international postal presorts.  Their data hygiene services are invaluable to clients the US, Canada, Asia Pacific, Latin America and Europe.

Along with creating a new responsive website design, we restructured the navigation to meet the goal of providing potential customers and current clients a more intuitive way to find the information they are seeking.  By creating three main funnels that speak to different ways varying target audiences search for information, we ensured that no matter the industry or region the client comes from, they would be able to find the content they’re look for quickly and easily. Clearer calls to action were added to encourage and drive leads through the site.

Business Websites

www.middleburyfence.com

Middlebury Fence

Middlebury Fence is a commercial and residential fencing company that specializes in installation of residential and commercial fences, gate & access control, solar panel installation, and outdoor living products.

The goal of the new site is to highlight Middlebury Fence’s new initiatives and the full scope of services and products they now offer.  The design of the site presents the client with a variety of ways to promote new initiatives and products while also focusing on their “bread and butter” branches of business – commercial and residential fence installation and the addition of the residential fencing and commercial fencing databases.

Vermont Business Websites

www.mobilevtstorage.com

Mobile Vermont Storage

Mobile Vermont Storage offers clean, secure, affordable storage containers for on-site storage throughout Vermont.  The storage containers are available for purchase, long-term, or short rentals.

The site was developed to provide an online identity for the new and growing company.  Our design team worked with the client to create a modern, clean logo to serve as the cornerstone of their brand identity.  The site was created in a way that will allow the homepage to be updated frequently to highlight new initiatives and products as the company continues to grow and evolve.  In addition, clear calls to action were added to generate leads.

Responsive Website Design

People rely more and more on mobile devices to access the internet. For many it is the primary access point to the Internet. Last May, All Things D reported that mobile traffic accounted for 20% of all US web traffic, an increase of 139% from the year before. This year, making your website compatible with the increasing number of smartphones and tablets will be crucial.

What is a Responsive Design and how does it work?

Each day, the number of devices, platforms, and browsers that need to work with your site grows. The shift to responsive website design represents a change in how we build websites and how users experience your site on the web. What responsive design achieves is a one size fits all framework for your website that will save you time and money as the mobile market grows.

Last year we wrote an article about mobile websites vs responsive design and how responsive website design is a better choice for most websites.

Rather than creating a separate mobile website, multiple platforms for new devices, or an app – responsive design will do all the work for you. Responsive sites are composed of elements that size, shape, and place themselves based on the width of the browser screen. Elements determine the screen size using CSS media queries.  Basically this means that instead of being something static, the site predetermines how the user is viewing the page and arranges itself accordingly.

Here’s a great example of a responsive site we recently developed for our friends at the Waybury Inn, who also happen to be our original website client having signed on with us in 2000.

Desktop Viewwoodburyinndesktop Tablet Viewwoodburyinntablet Mobile Viewwoodburyinnsmartphone

 

You can see through these screen grabs how the site rearranges itself, but still maintains the great flow of the full site; drawing the viewers attention to important calls to action no matter which device they are using to view the site.  The calls to action: “Make a Reservation”, the phone number, and Special Offers” get larger as the screen size gets smaller.

Google SEO + Responsive Design: The New Industry Standard

Responsive design can also help increase search engine rankings for your website. Search engines are now tracking how websites work across desktop and mobile platforms and using those results to determine rankings. If a user visits your site on a mobile device or tablet and immediately leaves because of poor quality, search engines take note. Search engines like Google are responsible for delivering the most accurate results for their users, and now that includes usability. Kristina Kledzik of SEOMoz says “If you have a mobile site that has less content or looks significantly different than your regular site, you’ll frustrate return visitors who are looking for something they found on the desktop version. ….With a responsive web design, visitors will get all the content they want, in a format they can read.” (read full article here)

At the end of the day it is about creating a user experience that keeps both people and search engines happy, and makes it easy for you to promote your business.

What’s Next?

Union Street Media now incorporates responsive design into all the new websites we develop. Our clients who adopted this approach early have seen more conversions off of the web.  If you have any questions about responsive sites and how best to implement one, please feel free to contact me.

Recent Interactive Website Launches

www.liveatnectars.com

Nectar’s

A long-standing landmark on Main Street in Burlington, Vermont and long-standing Union Street Media client, Nectar’s restaurant and bar has been the headquarters for thousands of local, regional and national music acts. Nectar’s offers Fresh Music Served Daily!

The Nectar’s main site features a cool, innovative and unique design.  The design is built responsively and adapts to fit the screen size of the various mobile devices and tablets visitors may be using to view the site.  The new site features intuitive navigation powered by simplified content management.

In addition to the redesign of liveatnectars.com, we also updated nectarspresents.com, and clubmetronome.com.

www.patinavt.com

Patina

Patina is located in an iconic structure built in the 1850′s in the heart of Shelburne, Vermont.  Patina Antiques and Home Furnishings represents a range of high quality furniture makers.

The goals for the Patina website were to create a visually engaging design that attracts visitors to Patina,
empower the Patina staff to update most of the site using the content management system, and help promote and sell items in the shop.

While designing the site, our design team focused on building a consistent brand for Patina, while maintaining a connection between it and the other branch of the business – Michelle Holland Interiors.

 

www.middkid.com

Middkid

Middkid.com is a for students, by students website for the Middlebury College community run by a different student on campus each year.  With a directory of local businesses and an offline Middkid (coupon) Card, the site connects Middkids with the town of Middlebury, keeping more student dollars in the local community.  Middkid.com also has a database of thousands of course evaluations written about Middlebury professors over the past thirteen years.

We redeveloped the site on WordPress and overhauled the layout of the site to be more visual and pertinent to students.  On an ongoing basis, it is managed by a Middlebury student who both markets it to other students and acts as the liaison between the student body and the local community.

www.smartlogisticsinc.com

Smart Logistics

Smart Logistics utilizes cutting edge technologies in a secure, on-line environment to realize efficiencies and reduce costs for both our shippers and carrier partners.

Union Street Media migrated the site to WordPress and implemented a responsive design that adapts to mobile, tablet and computer screens of varying sizes.

www.waterhouses.com

Waterhouses

Waterhouses Campground & Marina on Lake Dunmore in Salisbury, Vermont offers 71 private campsites with water and electricity, suites available year round, a limited-service marina, and a seasonal tavern.

Union Street Media migrated the site to WordPress and implemented some design updates to modernize the design.  We focused on maintaining some similar brand elements from the old site, such as the blues and greens in the color scheme.  Use of increased whitespace helps modernize the design as well as create contrast with the blue color in the design and will help visitors’ eyes move more naturally.  A large header image was added to the homepage that can easily be replaced to keep the site regularly updated.

A news & announcements feed was added to the footer from their blog to keep the homepage interesting and engaging and draw site visitors further into the site.  In addition, a contact form as added to the footer to a create an easy and effective way for you to gather leads through the site.

www.marshallganz.com

Marshall Ganz

Marshall Ganz is a senior lecturer in public policy at Harvard University.  He was an organizer for the Student Nonviolent Coordinating Committee, and, in the fall of 1965, joined Cesar Chavez in his effort to unionize California farm workers.

Union Street Media migrated the site to WordPress and implemented a responsive design to optimize the site for mobile, tablet and larger computer screen resolutions.

New Interactive Website Design Launches

www.gordonswindowdecor.com

Gordon’s Window Decor

Gordon’s Window Decor started in 1986 building window shades. They have continued to grow over the past 25 years, now have 30 employees and design and install window treatments for businesses, schools, and homeowners all over the world. Gordon’s Window Decor wanted a website that could continue to grow with them. Their previous website design had no content management system while their new website offers full control over the content, images, the portfolio and more. They needed a website that showcased their work, services and projects. We delivered a responsive, modern and professional design that is easy to navigate and includes clear calls to action for “Schedule an Appointment”, “Visit our Resource Center”, and “View Our Project Portfolio”.

youth.godsacre.org

The Congregational Church of New Canaan Youth Ministries

The Congressional Church of New Canaan youth ministries website is the second site the church has developed with Union Street Media. The new site keeps current members up-to-date, strengthens the tie between the youth ministries and the church, and is a place for kids and families to see pictures and videos of past events. The site is easy to use, dynamic and represents the community.

www.huntingtonhomesvt.com

Huntington Homes

Huntington Homes was founded in 1978 and builds prefabricated homes. Prefabricated homes make up 6% of the housing market in the US, while overseas it is 70%. Huntington Homes wanted a professional website design that was clean and focused on images and floor plans of the houses they build. The main goal of the site is to counteract the stigma of prefabricated homes being cheap. The new site is also an educational tool that informs visitors about how prefabricated homes are built and why they are better.

 

www.grovehalltrust.org

The Grove Hall Trust

The Grove Hall Trust is a new start up that makes grants directly to residents of Grove Hill (south boston) who are engaged in community improvement projects.

www.wayburyinn.com

Waybury Inn

Waybury Inn was one of the first Union Street Media clients. The Inn has offered comfortable lodging and unpretentious fine dining since 1810.  They also host business meetings and rehearsal dinners. They wanted a new website design that was clean, professional, and easy to use. Since their history dates back to the 1800s, they wanted a site that would also showcase the rooms, facilities and amenities.  Their previous site was outdated and the new one is built on WordPress to make it easy for them to update and more search engine friendly.

www.spotlightoncareers.org

Spotlight On Careers

Spotlight on Careers was founded by a group of liberal arts schools that teamed up 15 years ago and has grown to 30 members. Their goal is to help students find careers after graduation.  As they have grown, their previous website began to age and they needed a new, fresh site that would grow with them. The new site allows students from non-member schools to sign up, and member students have immediate access when on campus. The new user interface helps students utilize the site more effectively and make it easier for them to search job listings.

www.notifex.com

Notifex Systems

Notifex Systems has been a long standing Union Street Media client and wanted to redesign their previous website. They create sensors that monitor a person, room, entryway and more. Site visitors can come to the site to learn more about their products. The new site is built on WordPress which will allow them to update products and information easily. The product has a small niche and their focus is on increasing their search engine rankings and driving more traffic to their site.

www.vermontgemlab.com

Vermont Gem Lab

Vermont Gem Lab needed a website design to showcase their work. This simple WordPress site allows them to upload product images into a photo gallery.  We created a site that is not only visually appealing, but offers both new and returning customers, a way to find the information they’re looking for quickly and efficiently.

Responsive Design VS A Mobile Website

It’s Toggle Time

Union Street Media has launched a number of websites that incorporate a responsive web design this year. All new sites we develop have the option to be designed and produced with a responsive design.  Some sites we produced a while ago that aren’t quite ready for a full custom redesign are being rebuilt with slight design enhancements that include a responsive design.  The web design world offers a fun debate (almost presidential) regarding how to address the mobile web and whether you should create a separate mobile website or create a responsive website.  Don’t forget the Mobile First Party.  The question isn’t should you create an optimized mobile experience, the question is should you have a website with a responsive design or separate mobile website?

What is the difference between a separate mobile website and a responsive website?

Mobile sites target devices, whereas responsive designs target screen sizes.  Responsive sites retain as much of the interface design “look and feel” as possible regardless of screen size and adapt as screen sizes change.  Content elements are prioritized, shifted and delivered in an optimized fashion just for you and the device that controls the screen size in your hands, on your desk, or on your lap.

Here are three examples of mobile sites we’ve built:

discoverjazz.com

www.onsmd.com

uvmbored.com

Below are three screen shots of a responsive site we built for Gordon’s Window Decor.  When viewing these sites you can drag the size of your browser to see how the site changes or view the site on your computer, iPad and iPhone at the same time to compare. Better yet, rotate, drag, flip, switch, experience.  Some other responsive design examples in our business website portfolio include The Optical Center on Church Street in Burlington, Vermont and The Waybury Inn near Middlebury, Vermont.

Business Websites

Desktop View

Tablet View

Mobile View

If you would like to know more, this article discusses the mobile strategies utilized by the two US presidential candidates and how they have chosen different mobile strategies for their official websites.  Republican candidate Mitt Romney has opted for a mobile website while Barack Obama has a responsive website. For fun, let’s reflect upon what Paul Ryan said about comparing his playlist to Mitt’s playlist. Ryan stated that his playlist starts in A with AC/DC and ends in Z with Led Zeppelin. (I didn’t realize Led Zeppelin began with Z) Whereas, according to Ryan, Romney’s playlist can be heard on the elevator. Using this analogy, one might suggest that a mobile site is as lame as elevator music and responsive design is the hip, modern, smart way to go.

On the other hand, a mobile site can be perfect for event driven sites (such as for a Jazz Fest), specialty data driven sites (such as searching health conditions/ providers) or listing sites (such as Real Estate).

If the main goal is to deliver a user experience for iPhones and Android phones, a mobile site is a better way to go because the site is specifically geared around those devices. A mobile site may be a better option depending on your content and target audience. Mobile sites use touch-sized buttons and maintain some graphical consistency with iOS and Android. On the other hand, Responsive Design is a better way to go if the goal is to reach every device, like tablets (the Kindle Fire, Nook Color, iPad), netbooks, phones, old computers with very low resolutions.

Contact us if you would like learn more about getting a mobile site or a responsive designed website.  More posts about Responsive Design focused on design, development and analytics will be available in near future.  Don’t expect elevator music.