When I founded Fresh van Root in 2013 I sat down at Sektor5 and created a website in WordPress within two days. I received lots of great feedback back then and to be honest until recently I was very happy with the site. I haven’t felt the need to relaunch our site from a design perspective but more from a content point of view. The content was German only, and the template did not allow the structure I had in mind for our new site. Things that were necessary to tell in 2013, i.e. “people recommend stuff on social media”, is no longer important to tell in 2019.
The new site should be an evolvement from the old one, not a complete rebranding. Logo, colors, and fonts do not have to change or can be very similar.
The short time to market back then was possible because our old site was based on a simple one-page template, and as Fresh van Root was newly founded there was not too much content to create in the first place.
Requirements & Solutions for Our New Site
- The services we offer have changed since founding. Instead of listing a box with “services offered” we want to site visitors to get to know us by actual work we have done.
- Our blogs are written in English, but our agency site and portfolio were in German, that needed to change to provide a better experience for international site visitors and international clients in the future.
- The WordPress template, which we have been very happy with was no longer developed and discontinued. That did not cause any problems but to be more flexible in the future we had to implement our new site in a new template.
- This site was running on a shared hosting plan at GoDaddy and I wanted to move away from there. We did this in two steps, first migrating our old site to Amazon Lightsail, gaining experience with it. Second, starting to work on the new site. The only thing left at GoDaddy now is a few domains.
- We had two separate WordPress installs, one for the blog and one for the agency site. Administrating two different WordPress installs is adding unnecessary overhead, so now everything has been migrated in one new WordPress install and all blog URLs are the same
- Real world experience with Amazon cloud: I played around with Amazon Lightsail before but was looking for a real-world example to really try it out. I had experience with Microsoft Azure but found their WordPress offering weak. This site now runs in the Amazon cloud and we are prepared for trillions of website visitors :)
- SSL: not that this wasn’t possible at GoDaddy but it would have meant paying for an extra feature
- Create a web design that is an evolvement from our old site, that is clearly more modern, but also not too trendy. I want our new site to last as long as the old one did (5 years)
- Of course with WordPress! I played around with Webflow and other fancy website builders, but it was pretty clear early on that freshvanroot.com will run on WordPress, everything else would have caused headaches.
In short, as you can see from this list, there is much more to it then just design – all tech behind our site changed too.
Different Mockups of Our New Site
The designer wanted to please me and put my picture in the header area in these mockups :)
The Structure Of Our New Frontpage
Our new frontpage is structured in five sections. Less to scroll compared to our old one, with more links to pages and prominently featuring our blog.
Section 1: Hero Area
Split between a statement what Fresh van Root stands for (that wont change often), and an area that can easily be changed to be either used as a call2action area or show the latest blog.
Section 2: Our Work
Instead of having over 15 projects shown, which was the case on our old site, we wanted to list four projects we want to be known for first. New items will be added throughout the year but on our frontpage are always just 4 of them.
Section 3: Promo area
We need an area where we can promoto specific offers, like our content marketing workshop, or our eBook.
Section 4: Our Blog
This section may
Section 5: Our Services
Why is this section moved to the bottom? We figured nobody reads this. The last element is guiding users to a page giving concrete examples of stuff we can help with.
Section 6: Contact
Not too much to say about this section. One line of text gives an idea what type of information to provide in the form.
Tools used to create the site
One WordPress install for both agency content and the blog. The frontpage and other more static pages (work, workshop offering, …) are created using Elementor Page Builder, based on Generate Press theme.
As written above, the site is now hosted in the Amazon cloud. More details on all this will be shared in a separate blog.
Your Feedback & Subscribe
A website is never ready, so ours is no exception. Performance and responsiveness could be better, the blog homepage and single post view need some polishing. The English texts are okay-ish for now, but the copy will improve. But all in all, I am very happy with the result, now on to more blogging! Whats your opinion about our new site?
You can expect more blogs from us again in 2019. We have been super busy last year (new clients!) and blogging was not a big priority. That will change this year. Follow us on Twitter, Facebook or LinkedIn (or good old RSS, if you are that type of person) and don’t miss any posts.
A big shout-out to Johannes from Zeitwesentech.com, our go-to wizard for all things code and infrastructure for this project.