Skip to main content

Noel Okanović Coaching

A fully production-ready bilingual (HR/EN) Next.js landing page for personal trainer Noel Okanović, featuring SEO optimization, responsive UX, Motion animations, currently awaiting final domain assignment after client licensing.

ClientNoel Okanović
ServicesWeb Design, Development
Year2026
Live ProjectVisit Website
Noel Okanović Card

Project Overview

I designed and built a complete custom landing page for Noel Okanović as a high-conversion foundation for his upcoming coaching business launch.

The project was developed with Next.js App Router and structured as a production-ready single-page experience with bilingual support (Croatian as default, English as secondary), smooth section-based navigation, responsive layout behavior across devices, and accessibility-focused interaction patterns.

I implemented a conversion-oriented content structure with multiple CTA points throughout the page, a full-screen hero experience, optimized section hierarchy, mobile-first navigation with an accessible hamburger menu, and polished visual motion using Motion while respecting reduced-motion preferences.

The contact flow is fully integrated with Resend and secured with Cloudflare Turnstile. The form experience includes clear loading/success/error states and direct communication channels (phone, Instagram, WhatsApp) to reduce drop-off and increase inquiry completion.

SEO was implemented with strong metadata, Open Graph/Twitter cards, structured data (JSON-LD), canonical handling, sitemap/robots support, and semantic markup to improve discoverability and indexing readiness.

This project is fully completed from a technical and UX standpoint. It is currently in a pre-launch state because the client is still finalizing licensing and business activation, so the final production domain has not yet been assigned.

Technologies Used

Next.jsMotionResendCloudflare TurnstileVercel

Contact

Let's Build Something Strong

Share your project goals and timeline. I'll reply with clear next steps, scope direction, and practical implementation options.