Case Study

Website Contract: Henthorne Landscape

See It Live arrow

Client: Henthorne Landscape

A local and trusted hardscape business with various landscape services.

My Role:

UX researcher, designer, front-end developer

Goals:

  • Website clearly communicates the range of services offered.
  • Build trust and credibility through visual examples of work.
  • Encourage user engagement via quote requests and inquiries.
  • Deliver a fast, accessible, and responsive experience on all devices.
  • Note from client: "My clients need to see what I can do"

Challenges

  • Incorporating many images while optimizing speed and performance.
  • A gallery of completed projects that is simple but communicative to a potential client.
  • A focus on SEO in order to improve discoverability and search visibility of this site.

UX/UI Solutions

Video Demo

Below is a video walkthrough of henthornelandscape.com.

Image-Focused Design for Service Storytelling

The website heavily integrates imagery to showcase completed projects. High-quality images are optimized with lazy loading and descriptive alt text for SEO.

lightning Impact: Allows visitors to visualize results and gain confidence in service quality. Helps potential clients quickly identify services relevant to their needs. Improves SEO.

mobile landing

Responsive Design

Responsive layouts are managed through CSS breakpoints. Navigation collapses into a mobile-friendly hamburger menu, images resize fluidly, and layouts reflow to maintain readability.

lightning Impact: Ensures consistent usability across all screen sizes. Improves accessibility and mobile SEO ranking.

contact mobile

User-Friendly Navigation

The gallery uses JavaScript-driven buttons to dynamically display categorized galleries without reloading the page. Each button highlights when active and loads a new gallery section instantly.

lightning Impact: Reduces friction and enhances browsing efficiency. Keeps users focused on visuals and descriptions. Delivers a smoother, app-like experience while maintaining lightweight code.

patios mobile

SEO Optimization & Lazy Loading

The site’s SEO is supported by proper meta descriptions, structured titles, and lazy loading for both background and inline images.

lightning Impact: Boosts performance by reducing initial load time. Improves Core Web Vitals, benefiting search rankings. Enhances local discoverability for Columbus-area landscaping searches.

services mobile

Reflection

Project Reflection: Henthorne Landscape

Next Project arrow

Outcome:

The site successfully balances visual storytelling with technical performance. Users can easily explore services, view real work, and contact the company. SEO and accessibility best practices improve discoverability and engagement.

Next Steps:

I plan to enhance the CAPTCHA system and refine the user feedback process associated with the embedded email form.

What I learned:

  • Accessibility and SEO often overlap, benefiting both user experience and business outcomes.
  • There is a balance of incorporating images while maintaining efficient performance of a site.
  • Strong visuals can greatly communicate the quality and credibility of any website.

Contact