

Overview
Pacific Vista Landscape Services needed a modern, professional website to better represent their 30+ years of experience and attract higher-value commercial clients. The existing site lacked structure, visual hierarchy, and clear calls to action. This redesign focused on improving usability, trust, and conversion.
Roles and Responsiblities
-
Oppurtunitity Walkthrough
-
Site Map
-
Competetive Analysis
-
Prototype
-
Mid Fidelity Presentation
-
Wix Site Developer
-
Final Site Presentation
Our Goal
What I aimed to achieve:
-
Increase client trust and perceived professionalism
-
Clearly communicate services and expertise
-
Improve navigation and user flow
-
Increase contact form submissions
-
Create scalable design system for future growth


Problem
What wasn’t working:
-
Outdated design that didn’t reflect quality of work
-
Confusing navigation and unclear services
-
Weak brand identity
-
No clear call-to-action for leads
-
Poor mobile experience


Stakeholder Interview
I conducted stakeholder interviews to understand both business goals and user needs.
What I Learned:
-
The top priority was to build trust and professionalism, not flashy design
-
The site needed to feel clean, modern, and easy to navigate
-
Mobile usability was essential, reinforcing a mobile-first approach
-
The primary conversion flow was simple but unclear:
User contacts company → company creates a bid -
Target users often compare competitors before reaching out
Primary audience:
-
Property managers
-
HOAs
-
Healthcare and senior living facilities
Key services:
-
Commercial landscape maintenance
-
Tree trimming
Major point of confusion,
Users mistakenly thought services were residential
Competitive Analysis:
Stay Green
-
Strong, professional visuals with polished imagery and clear branding
-
Builds trust through real project photos, videos, and detailed service explanations
Transparent contact and bid process with clear calls to action -
Highlights credibility with awards, certifications, and associations
-
Emphasizes company culture and recruitment to humanize the brand
SCV Landscaping
-
Website feels outdated with weaker visual quality and inconsistent layout
-
Limited content depth, especially in services and project examples
-
Minimal trust signals (few reviews, awards, or credentials highlighted)
-
Basic contact functionality without strong user guidance
-
Overall lower perceived quality compared to competitors
Kathy’s Landscaping
-
Professional but slightly cluttered visual design, with inconsistent hierarchy
-
Strong service breakdown across multiple pages, but navigation feels fragmented
-
Heavy use of stock images reduces authenticity
-
Contact process is accessible but spread across multiple touchpoints
-
Includes reviews, but lacks strong storytelling or differentiation
Enhanced Landscape
-
Clean, professional design with strong use of color and layout consistency
-
High-quality, authentic visuals including drone photography and real projects
-
Clear service explanations with a logical flow
-
Showcases company scale, team, and capabilities effectively
-
Includes some reviews and credibility markers, but could expand further
Overall
Takeaways
-
Authentic visuals and real project content are key to building trust and perceived quality
-
Clear service breakdowns and streamlined contact flows improve usability and conversions
-
Credibility signals (reviews, awards, associations) differentiate strong competitors from weaker ones

Original
Website Walkthrough
Homepage
About Us & Leadership
Careers
Services
Blog & Articles
Cluttered layout, weak hierarchy, and missing trust signals reduce first impression and professionalism.
Lacks depth, credibility, and functional leadership content, weakening trust and brand story.
Vague content, generic visuals, and poor structure make the page unclear and unengaging.
Inconsistent design, errors, and cluttered UX reduce credibility and usability.
Inconsistent design, errors, and cluttered UX reduce credibility and usability.

Key issues:
Inconsistent design, glitches, and usability issues weaken overall user experience and trust.
Prototyping


Homepage Sketch
The goal was a clear call to action to request a quote, easy-to-find testimonials for added legitimacy, a reference to 30 years of service, and a visually impactful hero image. During the stakeholder presentation, they wanted the text to mention that it is commercial landscaping, as clients often assume it is residential.


About Us Sketch
The goal was a clear call to action to request a quote, easy-to-find testimonials for added legitimacy, a reference to 30 years of service, and a visually impactful hero image. During the stakeholder presentation, they wanted the text to mention that it is commercial landscaping, as clients often assume it is residential.
Low Fidelity Prototype
A clickable prototype built using Figma. It has no color and repeated examples as placeholders. This prototype was used in usability testing.

The 5-person icons show the seats available, the counselor's rating, and specialties. Clicking the arrow brings them to the reserve page, and the top right icon goes to the filters page.

The Filters page shows several ways to narrow down a search for a user's counselor, to book the best session possible.

The reserve page is a way of counselors further explaining their unique experience and qualification and to welcome in the new user.
Usability Testing
5
Prototype
Tests
16-23
Ages
13
Clickable
Screens
The Objective
Discover if the participant successfully booked a session with a therapist.
​
Questions to be answered:
-
Is it clear on the home page how to navigate to booking?
-
Is the user able to search for a counselor by specialty?
​
-
Log in
-
Book session
-
Filter to search by specialty
-
Apply filter
-
Select a counselor
-
Reserve time
-
Review and select session
-
Confirm session
-
Return to homepage
The Task
The Feedback
We learned that our overall flow was functional, however, several buttons needed to be clearly defined, and we needed more calendar scheduling filters. In addition, considering that this is a mental health app, we learned that our phrasing needed to be more empathetic and sensitive. For example, we changed our congratulations page from "Do a happy dance" to "Now take some time for yourself."

High Fidelity Mockup
Personally mockuped an idea for high-fidelity design. My changes included adding color and photos. The colors are meant to give a calming sunset aura. The glass-like interface is representative of the strength and vulnerability of its users.

My Personal Takeaways and Possible Future Steps
​
This is my favorite project because our group decided to take on a problem that's very meaningful to me: destigmatizing and increasing access to mental health. With that as a starting point, we narrowed our focus to specifically teenagers without a strong support system as one of the most vulnerable age groups. As I conducted interviews and compiled responses, I began truly empathizing with this demographic and learned that they want to talk to others about their problems with friends and professionals but feel shame and lack the resources to do so. I believe we can solve this problem by creating an app that allows users to freely access counselors and build connections with other individuals facing the same problems.
Given the opportunity to do this project again, with more time and resources, I would love to gather more data and talk to more potential users. Selecting teenagers as our targeted users proved very difficult to recruit, and we had to expand our age range a bit.
I hope to spend more time on this project beyond this deadline. We have discussed partnering with graduate students studying therapy to recruit as our counselors. We also would like to add a journal feature, the counselors portal, and incorporate a bigger social connection aspect to our app. Many other ideas have been generated between our group, and we see this only as a starting point of a very fruitful journey.




