Case Study: Designing the Landscaping Bee Experience

About the Landscaping Bee

Landscaping Bee is a high-tech service provider offering drone-based surveys and digital twin mapping specifically tailored for landscape architects, engineers, and developers.

They needed a new website that not only showcased their cutting-edge services but also positioned them as premium, data-driven, and professional within a very niche B2B segment.

As the development team, our challenge was to distill a technically complex service into a sleek, informative, and conversion-focused experience.

Our goals

As the designers and developers behind LandscapingBee.com, our primary objectives were:

  • Clarify complex offerings like terrain modeling, sun/shade studies, and 3D measurements in an intuitive UX.

  • Drive conversions by encouraging contact requests from architecture and construction firms.

  • Use rich media (video, 3D previews) to convey value without overwhelming the user.

  • Create a seamless, high-performance site for desktop and mobile.

  • Establish authority & trust in a niche digital surveying space.

Steps of the Project

The project consisted of several milestones and phases. Each stage was meticulously planned to actively collaborate with the client and integrate their valuable input, ensuring maximum client satisfaction and delivering a solution that truly meets their vision for the project.

  1. Discovery & Brand Strategy

    • Interviews with the founder;
    • Competitor analysis: Most drone mapping companies had either too techy or too generic of a tone;
    • Created a brand narrative: "Digital Site Scouting for Outdoor Designers".
  2. Wireframing & UX Mapping

    • Simplified structure for a clear user journey: Problem → Solution → Process → Contact;
    • Emphasized visual hierarchy and call-to-actions.
  3. Visual Design & Prototyping

    • Developed style tiles and mockups;
    • Designed mobile-first layouts;
    • Balanced tech-savvy look with earthy, calming tones.
  4. Development

    • Built with clean HTML/CSS and lightweight JS;
    • CMS setup for easy updates (WordPress/Statamic compatible);
    • Fast loading, lazy loading for media, SEO-optimized.
  5. Copywriting & Brand Voice

    • Wrote clear, benefit-driven copy;
    • Focused on problem-solving, not just features;
    • Avoided overuse of jargon — aimed for clarity.
  6. Media Production

    • Produced a homepage explainer video (drone + overlay UI);
    • Included animated sections showing the digital twin and measurement tools;
    • Created custom icons and vector illustrations to avoid stock imagery overuse.
  7. Testing & Optimization

    • Lighthouse audits for speed/accessibility;
    • User testing with 3 target personas (architect, civil engineer, urban planner);
    • Refined CTA placements and mobile navigation.

Typography, Colors & UI

We chose 2 distinct fonts: a modern serif font for all headings and a minimal readable font for all body text. Complementary brown hues were chosen to emphasize the project's natural elements.

Typography

Poppins

The font is used in the main headlines of the website

  • BoldAa
  • SemiBoldAa
  • MediumAa
  • RegularAa
  • LightAa

Open Sans

The font is used in level 2 headings (H2), 3 levels (H3) and in the description text

  • BoldAa
  • SemiBoldAa
  • MediumAa
  • RegularAa
  • LightAa

Base icons [24px]

icon icon icon icon icon icon icon icon icon icon icon icon
#BFA16A

Gold / Bronze Accent (used in icons and section headers)

Branding accent, used to highlight service icons and headers

#2E2E2E

Dark Gray Text (body and service titles)

Main body and service description text — ensures high contrast for readability

#FFFFFF

White Background

Clean and minimal background for clarity and modern feel

#F5F3EF

Very Light Beige / Gray Background

Subtle background texture used to separate section visually without clutter

Design concept

We created a minimalistic and user-friendly design, with stunning, sentimental visual imagery and content to foster a deep connection between the viewer and the rich history of the Jacob Sheep.

Strategically integrated e-commerce sections were then seamlessly incorporated to showcase shofars available for purchase.

Media Production

Our team shot, produced, and executed a comprehensive portfolio of captivating videos and photographs captured across multiple countries, to authentically convey the brand's essence and mission.

This project was created to preserve, present, and share the story of these sacred animals through a refined digital experience.

Integration of Unreal Engine and online streaming

Real-time walkthroughs Experience your project in an immersive virtual environment. Our real-time walkthroughs allow your team and clients to navigate through the designed space, understanding spatial relationships and design implications better. This interactive tool proves invaluable for design reviews, client presentations, and project planning.

Unreal Engine
Toggle icon
Online streaming
Toggle icon
Content icon

Online streaming

We created a flexible platform that supports future storytelling, blogging, and educational to keep the community informed and involved.

Unreal Engine
Toggle icon
Online streaming
Toggle icon

Deployment and support of all online infrastructure and integrations

Reliable deployment, scaling, and ongoing support for all online infrastructure. We ensure seamless real-time integration of all system components into a unified ecosystem.

Unreal Engine

Based on the approved mockup design, we created a pixel-perfect live version

AWS

Based on the approved mockup design, we created a pixel-perfect live version

WordPress

Based on the approved mockup design, we created a pixel-perfect live version

Docker

Based on the approved mockup design, we created a pixel-perfect live version

Google Cloud

Based on the approved mockup design, we created a pixel-perfect live version

Our results

The Landscaping Bee project delivered not just a website, but a complete digital ecosystem for showcasing and interacting with complex landscape designs in real-time.

  • 3D Visualization Icon

    Cutting-Edge 3D Visualization with Pixel Streaming

    We implemented a custom Pixel Streaming pipeline that allows clients to explore landscape designs in full 3D directly from their browser. Powered by a server-side GPU environment and built in Unreal Engine, the interactive viewer runs like a game:

    • Clients and designers can walk through terrain together in real-time.
    • No local installation needed — only a browser.
    • Designs can be experienced with photorealistic lighting, materials, and real topography data.

    This setup was engineered by our system administrator, who configured the cloud environment and GPU streaming infrastructure to ensure stable, low-latency performance, even under multi-user load.

  • Unreal Engine Icon

    Unreal Engine Experience

    We developed a fully interactive landscape "game" inside Unreal Engine, based on real-world terrain data from our drone-based scans and 3D digital twins. The project was optimized for both realism and responsiveness, giving stakeholders a true sense of scale and spatial quality.

  • Media Production Icon

    Full-Stack Media Production

    To help communicate this complex technology stack, we scripted and produced:

    • Live-action footage demonstrating the process from drone to final render
    • Narrated visual explainers of each service component
    • Behind-the-scenes content showing real designers navigating the digital twins

    All written content, including technical explanations and user-facing UI copy, was created in-house to ensure clarity and accuracy.

  • Design Workflow Icon

    End-to-End Design Workflow

    The final result is a powerful toolset that allows clients to go from raw terrain data to immersive design walkthroughs — all managed through a sleek, custom-branded platform.

    No static renderings. No guesswork. Just real-time collaboration, measurable data, and visually stunning outcomes.

Would you like to discuss your project?

Leave your contact information and we will contact you within an hour to discuss the project and answer any questions you may have.
Согласие