Dorot Gardens (Web Dev)
Food & Beverage
Web Development
Gatsby React + Wordpress (CMS) + GraphQL
10 Weeks
July 2024
Dorot Gardens had recently undergone a product rebrand, but their website still reflected the old design and structure. The layout was outdated and didn’t highlight their full product range or match their refreshed brand identity. One of the biggest challenges was that the site lacked clarity and optimization, especially on product pages, which impacted conversions. Their recipe section was also difficult to navigate, limiting engagement with their audience. To help them reach a wider market and improve customer experience, we committed to delivering a modern, high-performance site that would showcase their brand and be easy to manage moving forward.
Our strategy was straightforward: we aimed to combine visual appeal with performance and usability. We started by designing a cleaner, modern layout that aligned with Dorot Gardens’ updated branding, securing client approval before development. From there, we built new page structures and product templates focused on driving conversions. To enhance engagement, we introduced intuitive recipe search and filtering features that made browsing easier and more enjoyable. The site was developed with speed and reliability in mind, using a high-performance tech stack.
We used WordPress as the CMS, Gatsby for front-end scalability, Adobe XD for design prototyping, and deployed everything via Netlify for seamless hosting.
We delivered the project in structured phases, working closely with Dorot Gardens at every step. We began with design planning, finalizing layouts, typography, and a color palette that aligned with their rebrand. From there, we built a fully custom site using WordPress for the backend and Gatsby for the front end, ensuring both visual impact and performance. We migrated all products and recipes with precision, preserving formatting and SEO value. To support ongoing content updates, we implemented a stable publishing workflow that allowed the team to make changes without downtime. We also integrated custom lead generation forms, feeding directly into the client’s follow-up process to support growth.
Dorot Gardens needed a website overhaul after rebranding, since their old site was outdated, misaligned with their new identity, and lacked clarity and usability especially on product and recipe pages which then hindered their conversions and engagement.
Visuals of the Problem
Products Page Before:

We delivered the project in key phases: aligning design with the rebrand, building a custom site, migrating content with SEO intact, enabling easy updates, and integrating lead capture forms to support growth.
Visuals of the solution
Products Page After:

(While Hovering on one of the products)




Tech Stack – Gatsby React + WordPress (CMS) + GraphQL
Front End – Website design with client approval, dynamic website with animations, great user experience upon testing, & appealing products that convert users.
Back End – Updated product system, content migration.
Pictures:
April 2024


Products Page


Recipes Page

After Web Development services with SMP (Website UI Changes October 2024 – January 2025)
Homepage

Products Page

Recipes Page

After Web Development services with SMP (Website UI Current Period – October 2025)
Home Page

Products Page

(While Hovering on one of the products)


The next stage for Dorot Gardens is the continued marketing package that we have in place with them such as continuing our SEO efforts using the new identity that we have built and continued maintenance on the website for future updates and building landing pages for PPC events they have running.
Every client we serve is unique, but our approach stays grounded in one belief: that marketing is a partnership.
That’s why we bring the best of our talents to every relationship—with clarity, purpose, and the drive to go further than expected.
Partner with a team who sees the big picture—and makes it real.



