OPG Makjanić

OPG Makjanić is a family-run agricultural business based in Svirče on the island of Hvar.

The existing website was rebuilt from the ground up to create a clearer, more modern digital presence while preserving the authentic character of the business and its connection to the island.

The project covered the full production process, from information architecture, UX and visual direction through development, SEO, accessibility, contact infrastructure and deployment.

Before finalizing the site structure and copy, keyword research was carried out around the core agricultural services and relevant search intent.

The research helped shape service naming, content priorities, homepage metadata and the local SEO direction.

Highly localized keyword variants around Hvar showed limited search volume, so the strategy focused on natural use of the primary service terms supported by clear local context rather than forcing location keywords into the content.

The new visual direction was built around the landscape and character of Hvar rather than a generic agricultural website aesthetic.

Warm ivory surfaces, dark olive tones, charcoal and muted lavender are combined with Cormorant Garamond display typography, Manrope body text and authentic photography from Svirče and the surrounding landscape.

Editorial layouts, restrained motion and a minimal visual system create a more refined experience while keeping the site grounded, practical and closely connected to the business itself.

One of the biggest structural improvements was the way the agricultural services were presented.

The previous website displayed services through large individual sections that required significant scrolling. The new design brings all five services into a compact visual system, allowing visitors to understand the full offering at a glance while still giving each service its own image and explanation.

The result is clearer hierarchy, faster scanning and a much stronger overview of what the business actually provides.

The mobile experience was treated as its own layout rather than simply a reduced version of the desktop site.

Navigation, image crops, typography, spacing, calls to action and content flow were adapted for smaller screens so the most important information appears earlier and remains easy to scan.

The redesigned hero makes the business identity, service offering and primary actions immediately accessible without losing the atmosphere of the original photography.

The contact experience was rebuilt from a basic information-and-map section into a complete enquiry flow.

Business details, direct phone and email access, a structured contact form and location information now work together as one clear journey.

Behind the interface, submissions are validated server-side and protected with honeypot detection, Cloudflare Turnstile and rate limiting. Valid enquiries are stored in a dedicated D1 database, delivered through Resend and routed into the central ROI Media CRM.

SEO and production infrastructure were built into the project rather than added after the visual work was finished.

Keyword research informed the content direction and local search strategy, while the technical foundation includes metadata, canonical URLs, Open Graph data, LocalBusiness and WebSite structured data, sitemap and robots configuration.

GA4 and Google Search Console provide measurement and search visibility, while accessibility support includes reduced-motion behaviour and UserWay as an additional accessibility layer.

The production setup runs on Cloudflare, with GitHub main connected to automated builds and deployments. The rollout also included DNS and custom-domain cutover, end-to-end production testing and a verified rollback path.