Case Study

Elite Greene Landscaping

A modern one-page corporate website designed for a Dubai-based client to establish a professional digital presence, improve credibility, and enable customers to connect effortlessly through WhatsApp, social media, and location-based navigation.

Elite Greene Website Template Mockup

Client

Dubai-based Enterprise

Services

Website Design & Strategy

Overview

One-Page Landscaping Site

1. Empathize

Understanding the Client

The client approached me with the goal of creating a professional online presence that could showcase the business while keeping the experience simple and easy to navigate.

During our initial discussions, I understood that most customers discover the business through referrals, WhatsApp, Instagram, and direct communication. Because of this, the website didn't require multiple pages or complex functionality. Instead, it needed to build trust quickly and guide visitors toward contacting the business.

Client Goals

  • Build an online presence
  • Increase customer trust
  • Display business information professionally
  • Allow quick communication
  • Keep maintenance simple
  • Deliver a mobile-friendly experience

Business Challenges

  • No professional website
  • Customers relied only on social media
  • Limited online credibility
  • No centralized business information
  • Difficult for new customers to locate or contact the business

User Needs

Visitors wanted to:

  • Understand the business within seconds
  • View available services
  • Contact instantly through WhatsApp
  • Find the business location
  • Access social media profiles
  • Browse comfortably on mobile devices

2. Define

Problem Statement

The client needed a clean and professional website that could communicate the business value quickly while reducing friction between discovering the business and making contact.

Instead of navigating through multiple pages, visitors should be able to find everything they need within a single scrolling experience.

How Might We...

  • Help users understand the business immediately?
  • Reduce unnecessary navigation?
  • Encourage instant customer inquiries?
  • Improve mobile accessibility?
  • Increase trust through a professional presentation?

Success Metrics

  • Faster access to contact information
  • Increased WhatsApp inquiries
  • Higher mobile usability
  • Reduced navigation complexity
  • Stronger online brand credibility

3. Ideate

Brainstorming Solutions

Several concepts were explored before finalizing the one-page structure.

Final Features

  • Hero Section
  • About Business
  • Services Overview
  • Why Choose Us
  • Contact Section & WhatsApp CTA
  • Social Media Links & Google Maps Integration
  • Responsive Design

Feature Prioritization

Must Have: Business Introduction, Contact Information, WhatsApp Button, Google Maps, Mobile Responsive Design.

Should Have: Service Highlights, Professional Visual Hierarchy, Social Media Integration.

Could Have: Testimonials, Gallery, Contact Form.

User Flow

Landing Page → Understand Business → Explore Services → View Company Information → Click WhatsApp → Contact Business

4. Prototype

High-Fidelity Design

Since this was a one-day project, I moved directly into high-fidelity design to deliver the website within the timeline. The final interface emphasized professionalism and simplicity through a clean layout, responsive design, and clear typography. Strategic placement of WhatsApp, social links, and location information ensured users could quickly connect with the business while maintaining a seamless user experience.

Design System

Typography

Modern Sans-serif

Bold Headlines & Readable Body Text

Components

Navigation, Hero Banner, Service Cards, CTA Buttons, Social Icons, Contact Section, Footer.

Professional Green
#2E6F40
White
#FFFFFF
Dark Gray
#374151

5. Testing

Usability Testing

The prototype was reviewed with the client and tested across desktop and mobile devices to ensure a smooth user experience.

Test Tasks: Identify the company's services, locate the contact details, open WhatsApp, view the business location, and access social media profiles.

Findings & Solutions

Issue 1: Users wanted faster access to WhatsApp.

Solution: Added a prominent WhatsApp button that remained easy to locate.


Issue 2: The service information initially felt too condensed.

Solution: Improved spacing and visual separation between sections.

Issue 3: Some users overlooked the business location.

Solution: Added a dedicated location section with clear map integration.


Issue 4: Mobile scrolling needed smoother content transitions.

Solution: Optimized spacing and responsive layouts for smaller screens.

Final Outcome

The final website successfully met the client's objective of establishing a professional digital presence through a clean, single-page experience. By simplifying navigation and prioritizing direct communication channels such as WhatsApp, social media, and location access, the website enables potential customers to understand the business quickly and connect with minimal effort.

The responsive design ensures a consistent experience across desktop and mobile devices, making it an effective lead-generation platform for the client's business.