Overview

From 2010 to 2013 the LongerDays' website had undergone several transformations using a variety of premium WordPress themes. None of which were specifically designed for the needs LongerDays required, nor did they properly represent the company's brand.

The company culture of LongerDays had been eccentric and vibrant, yet it was not quite represented in the same light to potential clients.

The goal of the new web presence would be to highlight the unique characteristics of the LongerDays service while showing the true personality through branding.


Process

I began with assembling the information architecture into grayscale wireframes. I decided to begin the project in code, as it could be carried throughout prototyping, design, and finally into a custom WordPress theme.

LongerDays Home Wireframe
The initial homepage wireframe.

As in most cases, the content for the project was still a work in progress, so I planned potential content areas within the wireframes using a combination of lorem impsum and potential brand messages.

The interactive wireframes allowed us to plan and see potential user flow throughout the site.

The color pallete I created to use throughout the website.

After the wireframe phase was completed I began applying the design and visuals directly to the already interactive prototypes. The entire project was version controlled using git, therefore there was no reason not to branch the visuals on top of the wireframes.

An early look at the design before it underwent further revisions.

After the design and prototypes had been approved it was time to begin the development on the WordPress theme. A previous weaknesses LongerDays faced with other WordPress themes is that content was difficult to remain dynamic. Information was often featured several places on the website, it would become outdated or get overlooked when another area would get updated.

To conquer these problems I harnessed the WordPress custom post types and several shortcodes that could be easily maintained by management. With this approach the management could add micro-data to the custom post types. Then when they would need to call upon that data they could use the complimentary shortcodes.

                
[ld_callout post_id="#" type="full"]
                
            

Allows a post type to be populated with call to action content that can be fetched in pages or posts using the post ID #.

                
[ld_pricing amount="" layout="" style="" include_buttons=""]
                
            

A post type of pricing data that can be displayed in various layouts in posts or pages. This allows managers to change rates once and have it reflected in all locations the shortcode may be used.

A select few shortcodes I created for LongerDays.com.

Summary

We launched this tailored version of LongerDays.com in early December of 2013. LongerDays.com has gone through several content and design changes since then, but much of the foundation remains.

Numerous LongerDays.com clients have responded with great feedback regarding the overall feeling of the website.