Live the Life Partners

Client: Live the Life Partners
Project: Initial front-end design for the Life the Life Partners’ website

Live the Life Partners is a small organization based in Central Virginia. I worked with Innovative Faith Resources (IFR) to create an initial front-end design for their website. One of the designers on the IFR created the fall tree logo for the organization. I used it as inspiration for the core visual motif of the site — a fall leaf.

The site was designed to work off of a basic WordPress structure. This way, we would be able to rapidly implement the site, meeting our clients’ goals without breaking the bank.

ltl-pages-home

Homepage

I worked with the folks at Live the Life Partners to identify three major categories of services and opportunities they wanted to highlight on the homepage: organizational services, personal services, and reference links to partners and resources. These would form the major sections underneath the hero slot on the page.

Funding is always important for non-profit organizations, so I placed a donations button in the header on the right side of the logo. In that spot, it would be easy to find and access without obscuring other things on the page.

I also placed a button for email newsletter subscriptions prominently on the page below the content but above the footer.

ltl-pages-blogArchive

Archive Page

Following the WordPress structure, I designed an archive page to serve the Live the Life Partners blog. Using this system, they would be able to post updates about the services they offered and their progress as an organization.

ltl-pages-blogPost

Post Page

Once the archive page was designed, I created a standard post page to actually house content.

I worked with the developers to include an image of a fall leaf at the bottom of each post. It fit with the overall branding, and best of all, it would change color depending on the major category of the blog post.

It’s a subtle touch, but I feel like details like that can really make a project shine.

ltl-pages-contact

Contact Page

Last but certainly not least, I designed a custom contact page. Contact pages can be a challenge precisely because they must be so simple.

I placed the contact form on the left, in the main focus area of the page, and added the organizational contact info in a column to the right. This way, the extra info didn’t get in the way of visitors using the form, but it gave them options about how to get in touch.