PROJECT OVERVIEW

Client

Peninsula Environmental is a boutique sustainability consultancy based in Glasgow
that helps organizations improve their environmental performance and reduce
overheads. They aim to guide businesses in being more environmentally friendly overall.

My role

UX/UI Designer

Team

  • 4 UX/UI Designers

  • 1 UX Researcher

  • 1 Project Manager

Timeline

10 weeks

My responsibilities

  • Logo design and brand identity

  • Information architecture

  • Wireframes and prototypes

  • Ideation

  • UI design and style guide

    (all in collaboration with other UX/UI Designers)

Tools

  • Figma

  • FigJam

  • Notion

  • Zoom

  • Google workspace


EXPLORING THE PROBLEM & DEFINING BUSINESS NEEDS

Our design team met with the stakeholder to understand the problem,
learn the stakeholder’s goals, and what they wanted to accomplish with this redesign.

“What is Peninsula Environmental trying
to achieve through this redesign?”

Business owner’s goals for the website redesign:

  • increase business and service visibility

  • increase customer conversion rate for clients to schedule a discovery call

  • inform users what the business is about

  • attract customers

  • improve overall website usability


SOLUTION

With the research our team collected, we redesigned the company website, allowing users to
more clearly understand what services are being offered, directing users to schedule a call to learn how
Peninsula Environmental can help their business, and creating an overall more intuitive user experience.

The result should help clarify and increase awareness of the company and its services, increase customer
conversion rate for clients to schedule a discovery call, and improve the overall website usability.

 

The solution focused on 3 primary areas:

 

Spoiler alert: The finished website redesign


DIVING INTO RESEARCH

After our team met with the stakeholder to understand the problem, learn
the stakeholder’s goals, and what they wanted to accomplish with this redesign,
we jumped into the research phase.

We collectively decided our first step would be to conduct a content audit to understand
what content format is working and what content might need improvement.

 

Key Findings from the Content Audit

Our team conducted a content audit and the findings are as follows:

 

10th grade

Average reading level

47%

Reading ease score

4 minutes

Average reading time

 

These stats helped us learn that there was an opportunity to make the
content easier to comprehend to the average user, as well as make
the content more concise.

"Users often leave web pages in 10–20 seconds...”
according to the Nielson Norman Group.

 

With info from the content audit, we solidified our research goals:

  • How can users navigate the website easily and access the desired information?

  • How do we enhance the website's content and improve its usability?

 

Usability Testing

We then decided to perform usability testing for the original website to learn what
users had trouble with specifically, which will further help us improve the user
experience when we redesign the website.

Through moderated remote testing, we asked 5 participants to complete 2 tasks
and answer a question in their own words.

 

Task #1:
How do you contact Peninsula Environmental for a sustainability project?

Result:
3 out of 5 participants were successful in completing Task 1.

 

Task #2:
Looking at the home page, can you find the services they are providing?

Result:
0 out of 5 participants were successful in completing Task 2.

 
 

Partial success was defined as the participant wanting to use the “chatbox” feature to figure out how to get into contact with the business.

 
 

Question:
What do you understand by the “discovery call” on the website?

 

“I’m a little confused about it. I wonder if they might cold call you or you might get a robocaller.”

“I didn’t realize the discovery call is the way to contact the business. And I zoned out by the time I figured it out with the amount of info on the pages.”

“I think the discovery call leads to the shopping cart, but then I’m confused by the cart. Am I paying for the call?”

 

Information Architecture

After learning about the challenges participants had with the initial website, our team attempted
to reorganize the website information architecture. Our first attempt was the diagram below:

 

After a continual discussion with our team, and a few attempted rounds, we settled
on the finalized the information architecture below.

 

Information Architecture Improvements

  1. The home page clearly indicates the main services of Peninsula Environmental.

  2. The call-to-action button for the discovery call is present at the top of the home page, as
    well as indicated at the bottom of the page after the user learns about the services offered.

  3. There is a separate page for the services so the user can learn more in greater detail if they
    choose to, without being overwhelmed with information on the home page.

  4. A page is dedicated to scheduling a discovery call to emphasize the importance.


EARLY STAGE LOW-FI WIREFRAMES

The three other UX designers and myself began brainstorming and sketching out our ideas.

  • From the research conducted, we knew we wanted to avoid heavy text and information
    overload
    , in order to clarify the business’ services and retain users’ interest.

  • Based on the stakeholder’s goals, we wanted to make the ‘Book a Call’ feature more prominent.
    We did this by giving it a consistent space on the Home page, which allows users to take action after
    learning about the business’ services, and we also gave it its own page from the main navigation menu.

  • Since the Peninsula Environmental stakeholder wanted to inform users of their services and
    increase the number of discovery calls booked, our main pages consisted of:

    • Home

    • Our Services

    • About Us

    • Request a Call

 

LOGO & BRAND IDENTITY

The stakeholder was also interested in revamping the company logo, as long as we kept the
starfish (orange star pictured below) and stayed with the blue and orange color palette.

Original Logo

 

Team Logo Brainstorming


TEAM DYNAMIC SETBACKS

Due to scheduling conflicts in two of the UX/UI Designers’ personal schedules, they were no longer able to commit to Peninsula Environmental’s website redesign project.

The other UX/UI Designer and I took on the challenge to deliver the remainder of the project.

 

BUT DID WE UNDERSTAND THE ASSIGNMENT?

To put our designs to the test, we had 5 users participate in another round of usability testing.
We asked users the same questions we asked them in the first round of usability testing.

Task #1: How do you contact Peninsula Environmental for a sustainability project?

Task #2: Looking at the home page, can you find the services they are providing?

Question: what do you understand by the “discovery call” on the website?

 
 

Test Results

✔️ 5 out of 5 participants were able to identify how to get into contact with the business

✔️ 5 out of 5 participants were able to identify the services that Peninsula Environmental offered

 

These results helped us learn that we were headed towards the right track!


FINALIZED BRAND IDENTITY & STYLE TILE

Keeping the blue and orange color palette, as per the stakeholder’s request, and making
the starfish more prominent, we established Peninsula Environmental’s brand identity.

 

FINAL RESULTS


REFLECTIONS MOVING FORWARD

Teamwork & collaboration

I am incredibly proud of the work we delivered in 10 weeks. Even after having two of our UX Designer teammates leave due to personal scheduling conflicts, it made the other UX/UI Designer and I strengthen our teamwork and communication. It was great to work together and lean on one another throughout the project, including the UX Researcher and Project Manager.

Balancing business and user goals

I enjoy working with business’ to learn what vision they have for their company, as well as learning what the users need, and then trying to communicate and deliver to both audiences. We presented our findings and designs to our business stakeholder for this project, and he met us with positive feedback. While it can be challenging to merge both business and user needs, it is also very rewarding.

 

Thank you for reading!

I’d love to hear your feedback or discuss upcoming projects

zeneh90@gmail.com

Back to Top


View More Projects: