Landing page for a local business

Image
Project synopsis
A small local business exudes expertise and builds trust to attract new customers and commissions with the launch of a website. Private persons are the target group for the minimum viable product.
My role

As a freelancer I worked in close collaboration with the business owner and delivered the user interface design, the content and the branding.



I also implemented the design in the Elementor Builder to bring the landingpage live.

Time frame

May 20233 weeks on part-time basis

Business objective

The local business aims to radiate following values with the web presence:

Sustainable

Vigorous

Ambitious

Trustworthy

Reliable

Attentive

Approachable

Precise

Neat

Clear

Professional

Proficient

Well-versed

Grounded

Solid

Image

Competitive analysis

In order to understand the field of business more, I aligned on known competitors with the client and investigated their website structure. It also revealed inspirations and standards in the industry to refrain from.



The analysis also indicated that the color palette could be a way to set the landing page apart from the competitive businesses.

Image

Visual hierarchy

To give a first recommendation on the information hierarchy and to align on it with the client, I created wireframes. The client preferred to see a desktop viewport first so that he could more easily understand the different sections at one glance.
Image
Image
Image

Logo creation

The client requested a combination mark logo consisting of a tree or wood element and the company name. I explored different wood and tree visuals with the company name.
Image

Chosen logo design

The client opted for a log element. The main goal for the logo is to stand out against competitors, which predominantly use a deciduous tree.
Image
Above the fold exploration

I delivered options for the hero section which is pivotal to create a first impression for the users.

Image
Image
Image
Image
Image
Image

Color palette

As much as other brand elements, the color pallette aims to communicate trustworthiness, clarity and closeness to nature.

Image

Service imagery

The most relevant section for private customers is to present the range of arborist services in a crisp manner.



In the first draft, I used real imagery to communicate the six service offers such as maintenance and felling. However, the imagery looked too technical and severe.

Image
In alignment with the client, I created custom illustrations that should create a higher level of approachability and lighten up the user experience by reducing cognitive effort.
Image

Go live and testing

I implemented the design in the Wordpress builder Elementor.



I carried out usability tests and the most significant feedback was that the chosen animations on scroll to make sections appear one by one were not accepted. I removed the animations to streamline the user experience.