International Landscaping Inc.

Redesigning ILI’s website for a more user-focused UX and a more modern UI, while showcasing the stunning photography of their landscaping projects.

A UX & UI Refresh

Services

UX/UI Design, Information Architecture, Refreshed brand guidelines with updated fonts and colour palette

The Problem

International Landscaping Inc (ILI) had an older website that was due for a visual and usability refresh. The dropdown menu had become cluttered and their services were not organized based on their user’s needs.

Results

Modernized look
An expanded colour palette
Simplified navigation, based on user’s needs
A new interactive project building tool
An expanded careers section to address recruitment issues

DESIGN: A visual refresh

After creating 3 moodboards to choose from, the client and I decided on a visual direction:

The client chose a "high-end but inviting" concept. They wanted to keep their recognizable bright green as the main colour, but I added some darker greens for greater accessibility and flexibility.

NEXT PROJECT

New Navigation

Only part of the nagation is shown, to highlight the significant changes

Site map showing pages organized by divisions

Old Navigation

Only part of the nagation is shown, to highlight the significant changes

NAVIGATION: Creating a user centered site map

I created 4 personas, 3 to represent each of the different landscaping clients, and 1 persona for prospective employees. These personas would guide the UX of the new website.

Whereas the previous site navigation was based on the companies organizational structure, I created a new navigation centered around the needs of each persona.

Website on laptop computer: Our Bespoke approach. What a residential client can expect.

Residential Landing Page

Website on laptop computer: Marets that we service, c ommercial, corporate campus, hospitality, education, industrial, residential estates.

Commercial Landing Page

USER EXPERIENCE: Content curated for each user

The updated navigation featured dedicated landing pages for each persona, ensuring that commercial and residential users were presented with only the information relevant to their needs. This approach eliminated the clutter of mixed content, allowing users to easily find what they were looking for without having to sift through irrelevant details.