Web development is a changeable landscape which often results in a web page, even ones that were built well for the time, looking very dated after a few years. As a general rule most “well made” websites will need to be redeveloped every 5 years to take advantage of the latest enhancements and styling options.  Of course not all industries demand a professional looking website; the need for a full redevelopment will in many ways be defined by what your target audience expects, and how your website compares to that of your business competition.

One of the most satisfying parts of our job is seeing the transformation of a web page to current development standards.  In this regard we have provided before-and-after screen captures of websites we’ve redeveloped to illustrate how a professionally designed website utilizing current styling practices can drastically change one’s company image.

The image at left is the original website’s home page, and the image at right is our redevelopment. Click on the images to view the larger representation per the default 1024×768 resolution.

Autobody Workshop

Autobody Workshop

The original website was created using Network Solutions’ web builder. As you can see from the image at left, this site did not reflect the professional nature of the business, and in addition to the lackluster visual layout, the content was often inconsistent in typography, and other styling elements.

Our redevelopment in 2011 utilized a professional slideshow, clean layout and styling, effective image accents, and better organization of content to ensure that this business would be successful.

Pietro's Restaurant

Pietro’s No. 2

The original was created and updated by a designer, and as you can see the typography is less than ideal, and the layout, while okay, did not present this great restaurant as they needed.

The design we created in 2012 has a slideshow on the home page, jQuery lightbox image displays. a dynamic menu system, accordion menu displays, and an open bistro feel which we thought important. Truly a feast on the eyes!

Larry Viegas Insurance

Larry Viegas Insurance

The original website was created by a web designer using ASP includes for the header and footer. The layout is visually simple, and the thumbnail image accents didn’t provide much.

Our 2012 XHTML redesign uses a jQuery slideshow, a contemporary CSS menu, contemporary styling and quality image inclusions on each page, as well as sidebar navigation to present this company as a professional one.

Pilot Properties

Pilot Properties

The original website was created by a web designer, and as you can see the look and feel was less than engaging.

Our 2012 redevelopment uses a round-about slideshow, new logo created by us, jQuery lightbox gallery displays, and pagination for the different property views. Our goal of course was to provide a much cleaner and more professional look with an open feel that will encourage a visitor to browse.

Convergent Services

Convergent Services

The original website was created in Google’s free site builder. The client created the web site on the left for the sake of expediency, yet it did not convey the professional nature of his services, experience, or his clients.

The new site, developed in 2013, has the same text content, but the visual look was completely redone to provide those contemporary accents that most will expect. The new layout includes a cycling header with image and text, call to action buttons, a contact form on the sidebar of the primary pages, and a new logo designed by us.

ACS Roofing

ACS Roofing

The original website was created in Joomla by another designer.  Our concern with the Joomla layout was the “boxy” feel, inconsistent typography, the green color used, and the overall presentation of content.

Our redevelopment of 2015 utilized a responsive WordPress CMS design.  This new layout includes a jQuery home page slideshow with text overlay, accordion toggles, a tabular system, quote and contact forms, Google map inclusion, image gallery, and more.  Of course we also improved the text and graphics where possible, and created a new logo per client’s specifications.

Clarksburg Wine Growers Association

Clarksburg Wine Country

The original website was created by a web designer, and was being updated at least partly in-house. As you can see from the screenshot the layout is left-aligned, with cramped navigation and is visually very poor. The clients wanted an easy to use CMS so we redeveloped their website using WordPress.

The new CMS website, developed in 2012, has a slideshow on the header, an event calendar, classifieds page, news page (blog), and a portfolio gallery for the different member wineries.  The website is now being maintained in-house which has resulted in some layout inconsistencies.

Capital Orthopedics

Capitol Orthopedics

The original website was created by a web designer in PHP which made it difficult for most designers to work on it, for which we converted it into XHTML for editing.  In 2012 we were asked to do a full redevelopment.

For our new layout we chose to use a similar burgundy color since we felt that this was effective, yet we made our new design wider, and instead of images for links as the original website had we are using an ADA compliant drop-down menu. This website also includes video, 3D flip-books, and for the sake of initial engagement we added an accordion header for the home page which highlights the different services offered with images and descriptions upon mouse-over.

Killer VoIP

Killer VOIP

The original website was created by a web designer who used GoDaddy’s website builder tool, and as you can see the layout is very simple.

Our redesign of 2012 utilized the same original bear graphic to accommodate their print marketing, yet we incorporated professional styling, animated red smoke in the background, a tabular system for providing more information, and a text slideshow on the header to ensure the client’s message was conveyed effectively.

SGMP Sacramento

SGMP Sacramento

The original website was created and updated by a web designer, and as you can see the design had a cluttered feel. We initially took over as the “updates” designer in 2008 and we improved the layout a lot.  In 2011 we were finally able to bring this website up to current standards.

Our redevelopment utilizes a large slideshow featuring images of Sacramento, and incorporates a 3 column layout as requested by the client. The sidebars are used for additional content such as featured events, social media, etc. The new layout is much more professional in appeal, ADA compliant, and easier on the eyes.  Our  redeveloped website received a 2nd place award recognition in their national organization.

Gateway Community Charters

Gateway Community Charters

The original website was created by a web designer and as you can see beyond the narrow layout, the text is mostly graphical and difficult to read since there is not enough contrast (note that ample text is needed for a good SEO ranking).

We initially redevelopment their website in 2008 which utilized a small slideshow, a CSS drop-down menu, an employees only area, with a custom professional layout that would integrate well with their new logo. We updated their site to a responsive WordPress CMS in 2014 to freshen up the look, and to better accommodate the staff’s need for private access pages.

GNB Valves

GNB Valves

The original site was created by a web designer and then it was updated in-house. As you can see the menu had completely broken as a result of browser version changes, so the client chose to add links to the other pages below the home page text at the bottom left of the page.

The new layout, developed by us in 2006, has a collage format header to effectively showcase their valve images, the menu was made with a CSS drop-down, and within the site there is a large USA map with image-mapped “hot spots” to define individual sales regions and their representative with pop-out details.  The current site is again being updated in-house so there are some visual inconsistencies currently.

CFC Norcal

CFC Norcal

The original website was created by their employee who had some HTML knowledge yet as the site grew the layout became too complex and visual inconsistencies became more common.

The Executive Director wanted a dark blue and red color scheme, so using the existing site as a color guide, in 2010 we created a new layout without “tables”  smf utilized a CSS drop-down menu to ensure ADA compliance (very important for a Federal charity), and generally cleaned up the site to improve its professionalism.

Baydaline and Jacobsen LLP

Baydaline & Jacobsen, LLP

The original website was created with HTML4 by us in 2004, and it was pretty good for its time.  But of course a lot has changed over the last decade, and since we were still being used for periodic updates we encouraged our client to let us bring it up to current development standards.

The new site, developed in 2015, utilizes a softer blue color value for the sake of approachability, has a slight logo revision, a large jQuery slideshow with text overlay, a CSS styled drop-down menu, call-to-action buttons, accordion toggles, a tabular system, a contact form with Google map, and more.

Highway 50 Association

Highway 50 Association

The original website was created by us in 2004 using a collage header and graphical navigation. Our clients were happy with their site (bless them for that) but we talked them into a new website since it was 8 years old and very dated, and we wanted to help them renew interest in Wagon-train participation and membership to ensure this great organization stays strong.

The new design, created in 2012, has a fun slideshow header, approachable styling, and jQuery lightbox image displays.

Synecic Technology

Synectic Technologies

The original website was created by us in 2004, and while visually poor by today’s standards it does reflects the coding standards at that time. This website was redeveloped by us in 2008, and while it looked better, it utilized Flash for the header and navigation area which is no longer effective for SEO reasons.

In 2012 we were pleased to redevelop Synectic’s dated website again by creating a new contemporary styled site with a wider layout, and which uses a jQuery slideshow on the home page. Beyond these improvements the design utilizes a very nice drop-down menu, has Lightbox video inclusions and custom forms, and employs custom sidebars on interior pages for additional content.

Sierra Rock

Sierra Rock

The original website, which I imagine was developed several years back, was visually barren, and the images that were used in the portfolio section were small, and poorly labeled. The logo header was just too large, and the typography and content layout needed help.

Our 2013 revision utilized a responsive WordPress layout to provide an administrative interface for adding products, and includes a slideshow with text overlay, a clean navigation system, consistent typography, and larger image representations for products and pages.

Adaptable Apparel

Adaptable Apparel

This site utilized GoDaddy’s eCommerce templating system, and the client wanted help getting people to take her products seriously.  Our solution was to create a custom home page and link it to the cart section which did work fine, and being utilitarian didn’t really need revision.

In 2014 we recreated the GoDaddy home page using the cart’s existing CSS styling for layout, typography, and page colors – important to ensure visual continuity across the pages.  We then placed the cart pages in a sub-domain, and provided our client hosting for the custom HTML home page.  This custom page includes a new logo we created, a slideshow with adjacent text for SEO and engagement, large products in use photos, interior page linking, and other visual enhancements to improve its professional appeal.

Golden Moments Care Home

Golden Moments Care Home

This website was initially created using a simple builder system, and as you can see the look just didn’t work well.

Our HTML5 responsive design of 2012 retained the sun graphic per client’s wish, for which we chose a color scheme that would work well with it, and for each page we sought a balance between approachability and professional. This new layout includes a jQuery “collage” slideshow with text overlay, image slideshows within the pages, toggle layers, and much more.