Before & After Web Design

One of the most rewarding aspects of successful project is my clients' reaction when they begin working with their new website. I help them overcome any hurdles they face with their existing platform by developing functionality according to their specific requirements. Our team approach enables efficient content management and streamlines the administrative tasks they need to perform.

For each project we review both the good and the bad aspects of their current website in order to establish a successful development path. We review their overall "wish list" and I provide input regarding features they may require. The following projects highlight a few success stories of this process. Visit my web design portfolio for additional website design projects, or click on the images below to enlarge.


Project:

WordPress Website Design

Client: Wellsboro Electric Company
Website: wellsboroelectric.com
Description: WordPress Design & Development, Migration to Block Editor, Custom Theme, Mobile Friendly, SEO

Wellsboro Electric is an investor-owned utility company that services approximately 6,500 customers in Tioga County, PA. We revamped the user experience by providing visitors quick access to pertinent information, as well as the ability to register for services online. The website was designed for in-house management of company information and resources. Custom Gutenberg Blocks were created that allow for inserting content cards on any post or page. A PDF administration panel allows for point-and-click management of documents that will automatically populate the website at predefined locations. Company statistics are automatically calculated and displayed throughout the website. Custom design elements and WordPress block editing make updates an easy process.

Before:

Wellsboro Before

After:

Wellsboro After

Project:

Drupal Website Design

Client: The Hill Community Development Corporation (Hill CDC)
Website: hilldistrict.org
Description: Drupal Development, Theme Integration, Mobile Friendly, SEO

The Hill CDC brings together numerous interest groups to encourage community development in the Hill District of Pittsburgh, Pennsylvania. The overall project was a joint effort between three development firms that encompassed re-design, application development and theme integration. The overall goals included upgrading the existing Drupal platform, integrating a fresh, community-focused design, full re-development of the Drupal installation including new content types, administrative features, and the use of taxonomies for content organization. The website utilizes a variety of features that allow for easy, in-house management and updating of information available for the community. The project has also enabled quick access to the organizations' programs, policies and community development initiatives.

Before:

Hill Before

After:

Hill After

Project:

WordPress Website Design

Client: Valley Energy, Inc.
Website: valley-energy.com
Description: WordPress Design & Development, Custom Theme, Mobile Friendly, SEO

Valley Energy is a natural gas distribution company serving nine communities in Bradford County, Pennsylvania, and three communities in Chemung and Tioga Counties, New York. They supply natural gas to approximately 9,000 residential, commercial and industrial customers. The project encompassed new website design, application development, Gutenberg custom features, and mobile responsiveness. The overall goals included developing a more efficient and visually appealing customer-focused website that enhances visitor access, interaction, and usability. Custom administrative features were developed including the management of PDF downloads and other information. Customers have the ability to signup for services online, with dynamically generated PDF submissions sent to all parties. The website was designed to allow for easy, in-house management and updating of information available for customers. The project allows quick access to a variety of customer information regarding billing, payment, services, and community based programs.

Before:

Valley Before

After:

Valley After

Project:

WordPress Website Design

Client: Outreach Teen & Family Services, Inc.
Website: outreachteen.org
Description: WordPress Design & Development, Migration to Block Editor, Custom Theme, Mobile Friendly, SEO

Outreach Teen & Family Services was established over 40 years ago to address issues stemming from teens engaged in unhealthy activities in our parks and around our schools. They have evolved into a community counseling agency that is dedicated to promoting mental wellness in a broad local region. The project encompassed a full re-design, application development, and administrative features for easy staff, partner and resource information. The overall goals included eliminating unnecessary plugins, revising the organization of the website, integrating imagery from a highly talented local artist, custom post types, administrative features, and the use of taxonomies for content organization. The website was designed to allow for easy, in-house management and updating of information available for the community. The website provides quick access to the organizations' counseling programs, with the ability to apply directly online.

Before:

Outreach Before

After:

Outreach After

Project:

WordPress Website Design, WooCommerce

Client: B&R Pools and Swim Shop
Website: bandrpools.com
Description: WordPress, Web Design, Migration to Block Editor, E-Commerce Upgrade, Mobile Friendly, SEO

B&R Pools is Pittsburgh's premiere, commercial pool services and equipment company. If you have had the chance to swim in a commercial pool in Pittsburgh, more than likely B&R Pools handles the maintenance. Project goals included upgrading the existing WordPress and WooCommerce installation, custom post types and administrative features for swim team management, responsive design, a custom services call-to-action editor, a variety of pool equipment and service pages, as well as custom page layout options. The website utilizes the native Gutenberg editor allowing for efficient in-house updating and clean HTML code. Swim teams can find and order team specific equipment from their own personalized landing page.

Before:

B&R Before

After:

B&R After

Project:

Drupal Website Design

Client: ABS Building Systems Integrators
Website: absbuildingintegrators.com
Description: Drupal CMS, Web Design, Custom Photo Gallery, Video Banner Integration, Mobile Friendly, SEO

ABS is a full service contractng company offering an array of services for commercial construction. The ABS team required a fully revamped website that would better represent their company brand. The project centered around the development of a fully automated, custom Projects Gallery. Gallery pages are generated as soon as descriptions and images are entered and the page is saved. All image sizing, positioning and block views updating (throughout the site), including banners and sliders, happens automatically. The Projects Gallery is designed to be "point and click" for convenience. Additional project goals included a fully responsive custom theme, taxonomy categorization for project organization, the development of gallery views for a variety of display options, full-page video banner integration, custom administration pages, and the development of the dynamic, home page company facts.

Before:

ABS Before

After:

ABS After

Project:

Drupal Website Development

Client: Sudden Cardiac Arrest Foundation
Website: sca-aware.org
Description: Drupal CMS, Web Design, Community Development, SEO

The Sudden Cardiac Arrest Foundation is a non-profit organization that strives to prevent death and disability from sudden cardiac arrest. They do great things to help wonderful people. They required the development of a community based portal where members could interact, share experiences, and learn more about this condition. Drupal replaced the existing HTML based website, and provides a dynamic platform for members to participate. In addition to the community forum and member blogs, the website is an invaluable source of information for those affected by SCA. The project entailed converting design mock-ups to a Drupal theme, the development of a variety of content types managed through user roles for editing and access. Unique campaign "mini-sites" provide the ability to target specific audiences, and custom views offer a variety of display options. The website has been through several design iterations and is currently on version 3.0.

Before:

SCA Before

After:

SCA v3 After

Project:

WordPress Website Design

Client: Kande Carpet Cleaning
Website: kandecarpetcleaning.com
Description: WordPress Design & Development, Migration to Block Editor, Custom Theme, Mobile Friendly, SEO

Kande Carpet Cleaning is Pittsburgh's premiere commercial and residential carpet cleaning company. The project entailed migrating from a proprietary theme/page builder to the WordPress block editor for managing content. Refinements to the existing design were made in order to retain the look-and-feel of the previous website. Custom blocks allow for easily adding new content sections throughout the website without the complexity of the previous theme.  The website promotes Kande products and services, and provides full SEO management to encourage high ranking within their industry. The organization of service information was restructured to allow for quick access to pertinent information. Multiple website forms have been integrated allowing for service scheduling, employment submissions and general contact inquiries. Converting to the WordPress block editor allows for dynamic content and graphic display options, customized editing and in-house content management.

Before:

Kande Before

After:

Kande After

Project:

WordPress Website Design

Client: Tischendorf Remodeling
Website: tischendorfcs.com
Description: WordPress, Web Design, Migration to Block Editor, Custom Application, Mobile Friendly, SEO

Tischendorf Remodeling is a full-service, Pittsburgh based design-build remodeling firm. They have won numerous awards for the sophisticated design, remodeling, and contracting services they provide. Project goals included minimalist design that calls attention to their services, developing an easy to manage projects portfolio with before and after project galleries, and related projects that integrate with their numerous client testimonials. Custom post types were developed along with custom-tailored administrative features that allow for the automated placement of content on the website. Projects and Testimonials can be linked to one another through relationships, and can be highlighted to display on the home page. The website is designed for easier, in-house maintenance, and integrates Gutenberg editing capability with custom blocks and Patterns. The website was designed to visually highlight the exceptional services and capabilities that the company offers to their clients.

Before:

TCS Before

After:

TCS After

Project:

Drupal Website Design

Client: American Wills & Estates
Website: americanwillsandestates.com
Description: Drupal CMS, Web Design, Mobile Friendly, SEO

American Wills & Estates is Pittsburgh's #1 Choice for Probate Estate Administration and Estate Planning Law. They provide exceptional service and are highly regarded by their clients. Project goals included a complete re-design of the existing Drupal installation, revamping the display of blog articles, client testimonials and firm bios, new Views for existing content, and custom theming for Accelerated Mobile Pages (AMP). An updated site menu was designed to provide a mobile-friendly navigation, while retaining traditional multi-level drop-downs for desktop use. Custom administration pages, taxonomy categorization for effective content organization and automated SEO rounded out the project. Organic search ranking has increased overall traffic and client inquiries.

Before:

American Before

After:

American After

Project:

Drupal Website Design

Client: Novak Auto Parts
Website: novakautoparts.com
Description: Drupal CMS, Web Design, Mobile Friendly, SEO

Novak Auto Parts in one of Western Pennsylvania’s largest recycled auto parts dealers. The owners wanted to provide visitors the ability to view salvage and re-buildable vehicle listings online, while revamping the overall user experience. The website was migrated from WordPress to Drupal and was designed for easy, in-house updating of vehicle listings, content and company information. Custom content types were created along with vehicle filtering based on a variety of criteria. Visitors are able to request information using dynamic forms that appear on individual vehicle pages. These people are experts in the auto parts industry.

Before:

Novak Before

After:

Novak After

Project:

Drupal Website Design

Client: Transitional Services, Inc.
Website: transitionalservices.org
Description: Drupal CMS, Web Design, Mobile Friendly, SEO

Transitional Services, Inc. is a non-profit organization that helps people with mental disabilities live meaningful lives in the community. These are some great people doing wonderful things. They needed to update their HTML based website in order to provide in-house updating for staff. In addition to re-branding their public image, the site allows for the insertion of structured content in the form of mini photo galleries, Bootstrap panels, Drupal blocks, Views and other custom components. Other dynamic features include an events calendar, FAQ, visitor resources, news and articles, and fully customized editing and page management.

Before:

TSI Before

After:

TSI After

Project:

Drupal Website Design

Client: Printing Industries of America
Description: Drupal CMS, Web Design, Version Upgrade, Mobile Friendly, SEO

Before their merger, Printing Industries of America was one of the largest nonprofit graphic arts trade associations in the world with more than 7,000 members worldwide. Project goals included upgrading the existing Drupal installation, full responsive design, export and import of existing content into the new platform, the development of content specific views for a more efficient display of information, custom administration pages, taxonomy categorization for better content organization, as well as custom development for a variety of content entry and page layout options. The website was designed for role-based, in-house updating, with role-based access control to private sections of the website for both members and non-members. The integration of online courses was made available with members having the ability to access a variety of classes through their account. Website editors were provided the ability to add and maintain structured content through a customized WYSIWYG editor and predefined content components with multiple layout options.

Before:

PIA Before

After:

PIA After

Project:

Drupal Website Design

Client: Environmental Health Project
Description: Drupal CMS Design, Platform Conversion, Mobile Friendly, Custom Search, SEO

The Environmental Health Project (EHP) is a nonprofit public health organization that assists residents of Southwestern Pennsylvania and beyond with health concerns about unconventional oil and gas development ("fracking"). The project retained the overall look-and-feel of the website. However, the project entailed a full migration of the existing website, features and functionality to the Drupal platform while maintaining the pre-existing design and navigation. The new website provides content editors full control of adding information to the website, including searchable structured data. Content types were generated to work with customizable Views that allow visitors to quickly find and access information pertinent to their needs. The administrative workflow has been revamped to provide an efficient, easy to administer back-end through custom administration pages. Taxonomy categorization provides visitors filtering options for better content organization and searchability. The website was designed for in-house updating, and provides full automation for the display of data after it is entered in to the database.

Before:

EHP Before

After:

EHP After

Visit my web design portfolio to see some examples of website design in Pittsburgh PA.