Farmer City Outreach Website Redesign

January 11, 2020

Sometimes it is necessary to go through and bring a website’s design up to date either through changes to the site itself. But sometimes you need to change the design such as in the old site’s theme is no longer being supported. The theme is what controls the look of the site; with it not being supported, this means there would be no more updates to that theme. Without any future updates, the theme needed to be changed for security reasons. Having to change the theme makes it the perfect time to change the look of the site, instead of recreating the same look, I used a customizable theme to create a new look and feel of the website. When creating the new site, I used a mobile-first approach, which means I designed it for a mobile phone first then did the design for the desktop version. I did the mobile-first since about 60% of the traffic to the site was coming from a mobile device. Doing a mobile version of the website will ensure that it will be classified as a mobile-ready website with the search engines, helping to improve the site’s SEO.

Using current industry design trends has it where you put almost all your site information on the front page. This way, they are not digging for useful details, epically helpful when on a mobile device. With cell data speeds being so fast, having a lot of info on the front page doesn’t affect load time. Also, I added animation elements throughout the site to help give a more active feel to the site. It helps make it not feel like a flat and dull-looking website.

I put a contact block at the bottom of each page to help with engagement with the visitors. Included social media shares allowing those visiting to easily share the information of the group with their friends and followers.

You can read about the original design of the site here: https://lynnamacher.com/farmer-city-outrearch/

Website: https://fcoutreach.com/

Related Articles

Moving WordPress to new limited server – Working notes

These are quick instructions written, mostly for me. But somebody with a more than basic understanding of how WordPress works and that knows basic trouble shooting should be able to follow along. If you’re not fully comfortable with WordPress it’s advised to contact...

read more
Cloud Computing

Cloud Computing

As we seen in the above cartoon there can be some confusion over what is ‘the cloud’ and how it works. Such as how Bob, the slightly balding manager in the cartoon, thought the data was up in an actual cloud. I’ve wrote up a basic description of what is ‘the cloud’....

read more
HTML5 Forms – Verification

HTML5 Forms – Verification

Created a HTML form with verification using only HTML 5 and CSS code. With HTML 5 you don’t need to rely on JavaScript to do a lot of things that was needed in the past. These things would be to not submit if area was blank, that the elements are in the right format....

read more

Pin It on Pinterest

Share This