1. Missed the live Ask the Expert event?
    Not to worry. Check out the archived thread of the Q&A with Ken Hutcheson, President of U.S. Lawns, and the LawnSite community on the Franchising Forum.

    Dismiss Notice

Plantscape Solutions Website Progress

Discussion in 'Digital Marketing' started by PlantscapeSolutions, Oct 9, 2013.

  1. tonygreek

    tonygreek LawnSite Gold Member
    Posts: 3,391

    Here they are all together, for a good, one image comparison. The original is at the top.

    My own preference is the middle option as I think it's a better balance.

    (By the way, no offense taken, if you don't like the recommendations, or intended, since I'm making them on my own. I think this is more of a good learning exercise for everyone as to how various design elements work together. It's a trouble spot many have when looking at their own web sites. Really no different than a good landscaping install. )

    mockAll.jpg
     
  2. PlantscapeSolutions

    PlantscapeSolutions LawnSite Silver Member
    Posts: 2,980

    Maybe something as simple as a black backdrop for the menu text would allow it to stand out. On my logo box rounding the ends would help. Less blocky looking since it's over the picture with geometric corners.
     
  3. PlantscapeSolutions

    PlantscapeSolutions LawnSite Silver Member
    Posts: 2,980

    I forgot but I had told my web people on a prior list of things to change that the grass background was over powering. I'm thinking just a simple sky blue background. I don't really need more pictures. Too much going on.
     
  4. tonygreek

    tonygreek LawnSite Gold Member
    Posts: 3,391

    I don't recall your web technical aptitude, but you can easily check that yourself by hovering your mouse over a page element and using "right click/inspect element" and then making the desired changes to the html, css styling, or content. You just need to add something like border-radius: 15px; to the element's style. This is the fastest way to visually experiment without doing anything "permanent".

    If you know how to do edits in the browser like that, you can make changes to your heart's content. You'll also eliminate a lot of back and forth with your web designers, especially if you take screen caps of what you'd like to see. Everything I did for your examples was using that technique. It's also a fun way to change news headlines to read that your friends did something embarrassing.
     
  5. tonygreek

    tonygreek LawnSite Gold Member
    Posts: 3,391

    One other thing, since I'm not sure what you're looking for feedback on due to the site being in development... Is there going to be a sidebar or images on the content pages? Full screen width text makes for a difficult read.
     
  6. Rick13

    Rick13 LawnSite Senior Member
    Posts: 408

    Nice write up Tony!!!! I can't wait until we start working on My New Site!!!

    :clapping::clapping::clapping:
     
  7. PlantscapeSolutions

    PlantscapeSolutions LawnSite Silver Member
    Posts: 2,980

    Here is a page where they made the change http://192.254.250.169/~patriot/wordpress/top-dressing/. I think the next need to be one or two font sizes larger. I think the text color even when enlarged slightly is not going to work. There is not enough contrast in the background versus the text color. It makes you strain to read the text the way it is now.
     
  8. tonygreek

    tonygreek LawnSite Gold Member
    Posts: 3,391

    Agree on all counts. 13px font is just too small and an 18px line height doesn't give enough room to breathe. I'd go to 16px and a 24px line height. As a bonus, your table readers will thank you. The background color, and off-white #FBFBFB is fine, as bright white can be too much, but I think the background stripe texture could be faded by about half. It's too much and I find it distracting when reading. The font color would work well with a deep gray/black font with a touch of blue in it. And I would definitely reign in those sentence lengths from the current, full-width page layout. On my laptop, that makes for about a 1200px wide sentence. With as much content as you have on each page, you're going to lose readers. It really needs narrowed as a whole, or by adding a sidebar to narrow it (say, for a contact form on each page. Those convert very well.) and adding in photos/graphics/etc.

    Here's a screen cap reflecting the increased readability via the 18px font size and 24px line height. The font color could go more gray, but you get the gist. (Looks like they're working on it now as I think I just saw a font change push through.)

    text.jpg
     
  9. PlantscapeSolutions

    PlantscapeSolutions LawnSite Silver Member
    Posts: 2,980

    The background really needs to be something simple so the menu, logo, and slide show stand out. It also needs to have a very simple color scheme so various text and other elements do not blend into various parts of the background. Here is a Thinkstock image I own the rights to use that I think I'm going to use.

    For anyone looking for images to use Thinkstock is a great place to look.

    111924031.jpg
     
  10. PlantscapeSolutions

    PlantscapeSolutions LawnSite Silver Member
    Posts: 2,980

    I'm going to have the size of my logo doubles as well. It's too small and you can barely read the smaller text. It needs to be much larger and more bold looking. It looks small like it's just floating there right now. The text on both sides can be pushed towards the bottom of the logo so it still fits.

    PS_Logo.jpg
     

Share This Page