Shoogr case study: A stunning, high-converting marketing website with lead magnets on DotNest
Shoogr is a clean and modern marketing website built for Hungarian marketing strategist and coach Judit Sugár, whose main audience includes solo founders and small businesses. The site was developed and this blog post was written by Márk Bartha, one of the longest-serving team members at Lombiq, as part of his freelance work.In this case study, you’ll see how to create a user-friendly, visually engaging, and SEO-optimized marketing website that runs smoothly on DotNest, without the usual hosting headaches.From Squarespace to Orchard CoreJudit already had a website on Squarespace, but she wanted a new, modern site that could better represent her services and brand, while offering more flexibility in design and features. She also had a free guide that she wanted to use as a lead magnet to convert visitors into subscribers as part of her marketing funnel.Since her mailing system was running on MailerLite, she needed the subscription forms integrated directly into the website. Alongside these, she wanted several additional pages and a contact page where potential clients could easily get in touch. SEO was also important to her, and she wanted the entire site to remain simple and user-friendly to manage.Designing the components: start in Magic Patterns, finish in Orchard CoreJudit already had a clear brand identity created by a graphic designer. However, there was no actual website design, so I needed to create one. Magic Patterns proved to be one of the best AI-based design tools for this. By providing prompts that described the brand’s visual style, including colors and typography, it was possible to generate a beautiful, on-brand website design. With the help of ChatGPT for crafting the prompt and Magic Patterns for design generation, we arrived at a look and structure that both Judit and I were happy with. Magic Patterns generates a React application using Tailwind CSS for styling and Lucide for icons. These designs then needed to be adapted into Orchard Core templates. Each section of the generated design was translated into a Template item in Orchard Core, starting from the Layout template and continuing with widget-specific templates such as Section, Button, and Icon.Pages and widgets with flexibility in mindTo bring the design to life, I created a set of modular content types that represented the core elements generated in Magic Patterns. The aim was not just to replicate the design but to build a flexible and reusable foundation that allows the site to grow and evolve.For example, the Section widget includes four visual styles — two light and two dark. Instead of hardcoding these variations, the styling was made dynamic so Judit can switch between them directly in the admin interface. This makes it easy to experiment with colors and contrast while maintaining brand consistency across the site. Each widget was built with reusability in mind. While the templates follow Shoogr’s unique visual identity, the underlying structures are generic enough to be applied to other projects. The Button widget, for instance, has fields for text, link, icon, and style type. These widgets could be reused across different websites or even serve as part of a shared recipe kit for quick project setup.To keep the editing experience simple, key configuration fields were moved to the Properties tab. This keeps the Page and Flow editors organized.Integrating subscriptions and contact formsOne of the key goals for Shoogr was to connect the website with MailerLite, which handles all newsletter subscriptions and lead magnets. MailerLite provides an embedded form that can easily be added through an Embed widget, making the integration simple and reliable. After a visitor subscribes, they receive a short automated email sequence. The first message directs them to a page on the Orchard Core site where they can download the lead magnet file stored in the Media Library. This way, the entire flow, from signup to content delivery, stays within the Orchard environment.The contact page is powered by Orchard Core’s Forms and Workflows modules. A Google reCAPTCHA protects the form from spam submissions. Once the form is submitted, the workflow validates the input and sends an email notification to Judit.To ensure compliance with privacy regulations, the site also uses the Lombiq Privacy module to display a consent banner and manage user consent consistently.Optimizing for SEOA marketing website like this can’t succeed without proper SEO configuration. Using the built-in SEO module, Judit could easily set page titles, meta descriptions, and Open Graph values such as featured images for each page.The Sitemaps module was used to automatically generate a sitemap, which is also referenced in the site’s robots.txt.To fine-tune the setup, I used Ahrefs Webmaster Tools to audit the site. It provided clear, actionable insights on what could be improved — and best of all, it’s free.Hosting on DotNest with CloudflareThere was never any doubt about where to host the website. DotNest, the largest Orchard Core SaaS platform, offered everything needed, including custom domain support and all the essential modules, even third-party ones.The hosting experience was smooth and performant, which also benefits SEO. The DotNest documentation made it easy to connect the site with Cloudflare, handling the custom domain setup, CDN, and caching. Cloudflare adds another layer of performance optimization and security, helping ensure that Shoogr loads quickly and reliably for all visitors.SummaryShoogr is a small but complete example of how Orchard Core and DotNest can power modern marketing websites that are both visually engaging and technically solid. The project demonstrates how AI-assisted design, flexible content modeling, and a thoughtful editor experience can come together to create a fast, maintainable, and conversion-oriented marketing site.Thanks to Orchard Core’s modularity and DotNest’s managed hosting, Judit now has a website that’s easy to update, scalable for future needs, and perfectly aligned with her brand.If you’d like to build something similar, you can create your own Orchard Core site on DotNest and start experimenting right away.