Charleston Roofing and Exteriors: Content Writing and Website Design

What We Did For Them: Content Writing, Website Design

Industry: Roofing

Content Writing:

The Charleston Roofing and Exteriors website was an ambitious project. The finished site has 117 pages, most of which were written from scratch by our content writer. The writing process began with a simple outline of every topic we needed to cover. The website covers general topics like roofing, windows, and gutters then breaks each down into more detailed subjects like roof types, window styles, and gutter guard services.

The whole site was written to be extremely search engine friendly while also explaining the roofing process. To ensure that the site would appeal to search engines, we started the content writing process by doing keyword research and taking notes of the most important words and phrases to include throughout the site. We then began to write content that would explain all services to the customers.


To begin the process of designing the website, we started from an existing logo and brand. The Charleston Roofing and Exteriors logo featured blue and green colors which we used throughout the site. We added additional colors including lighter versions of both colors and a rustic blue and soft darker blue for larger sections of the site. We used the green color from the logo only as an accent color to draw more attention to the important calls to action. For the headline, we incorporated blue with an accent of green.

Our main call to action was the quote form. We wanted to get as many people as possible to fill out the form to help the owner funnel in leads. We made the form easy to fill out and submit. The user can fill out a form in two ways: a quick, easy form on the home page or on the “contact us” page.

For the menu, we had to figure out the best way to incorporate the over 100 pages of the site. We designed the drop down menus so that when users hover over the title for each page, they can see the featured image. These hover effects and graphic changes help keep the user interested in the content of each page and create an added wow factor. We have a large “get a free quote” button to continue to lead customers to filling out the quote form.

The sticky menu is the same as the menu at the top of the site so that as the user scrolls down through the site, they can still easily navigate through the different sections of the website. This keeps the text-heavy pages organized and easy to work through. 

We created a rotating section with the three main services: roofing, windows and gutters. These services section display above the fold. The animated feature is subtle, but draws the eye and encourages user interaction.

We were sure to build a prominent section to showcase reviews from customers. Roofing is a service-based business, so reviews are especially important. Customers are more likely to hire a service provider based on what other users think.

Internal pages:

One of our favorite internal pages is the window styles pages. For a secondary level of user friendliness, we added a menu just for this page. Every type of window Charleston Roofing and Exteriors offers is listed in the top menu so that each can be accessed quickly. Each section has an illustration and a description of each.

For each internal page, we organized the information in a way that made it digestible for the customer. For the “about us” page, we broke up each section with larger headings and roofing.

For the “insurance claims” page, we included a chart to explain how each step of the process works.

Making the information on each page easy to follow for our customers was one of our priorities when creating the site.

Final Thoughts:

The Charleston Roofing and Exteriors website was an ambitious project for our team! From writing the 117 pages to figuring out the best way to display them in our menu to incorporating an existing brand in an updated way, we feel that we were able to help this client better display information for their business. We made it easy for people to get a quote, which has been a valuable tool to funnel in more leads. The hover effects and thoughtful integration of pictures, charts, and other opportunities for customers to engage with the site help maximize the time users spend on the site and keep them interested. We are very proud of the way this site came together and continue to work with the client to create additional marketing materials for his business.

Better Work Order Mobile App

BetterWorkOrder iOS App, Fast Mobile Work OrdersComing soon to the App Store, the BetterWorkOrder iOS Application!  The BetterWorkOrder app was born from a need to have a quick and easy work order app for our technicians. We looked everywhere for a simple and fast way to make a work order without having to use dreaded paper. After a long search, we decided to build the best Work Order app on the planet! We have spent years developing our vision for just the right balance of functionality, speed, and ease of use.


  • Some of the BetterWorkOrder Features
  • Easily create a work order for your clients
  • Integrates with your iPhone or iPad contacts for quick autofill
  • Autofill Technician data makes it fast to fill in your own personal data
  • Auto date, and times for quick time management
  • Quickly add your service report
  • A customizable parts list with pricing.
  • Take pictures and upload them to your work order and send them to your clients
  • Have your client review the work order and sign it. It even date stamps the signature.

The app is designed to be incredibly fast and have everything you would want to include in a work order. You can get a signature, add parts, and send work orders with ease.

Here are some FAQs
Who does it send the work order to?
The work order app e-mails you, the technican, your client, and a third address of your choosing for easy billing.

I need to add terms and conditions to my work orders.
You can add terms and conditions in the settings which will be included on all work orders sent

I need to add a start and a stop time
Start and Stop times are added when you create the work order, and can be adjusted throughout the work order. Once the work order is sent, the time is frozen in the App so no tampering can occur.

I need to be able to attach pictures
We made it super simple to add as many pictures as you like for documentation purposes. We’ve also found a great size to clarity function so it attaches easily and sends your work order quickly.

Can I save the work order for later?
Yes, the work order is safely saved on your iPhone or iPad so you can send it whenever you like, great for pesky buildings with no internet service.

Can I sort through the work orders?
Absolutely! The BetterWorkOrder app has a search function which searches all text for your work orders. You can also sort by Client, Most Recent, and Status

After I’ve finished with the work order, do I just delete it?
Yes, you can just delete it, or if you would like to save it for later, you can send it to the archive. You can search the archives as well.