2026Landing and conversion

Conversion-driven landing page

Project resources

The repo shows a project with a dedicated UI, while the live link points to the client site built for production.

Technologies

AstroSemantic SEOMetadataOpen GraphCore Web Vitals

Features

Conversion-oriented UX structure with hierarchical CTA

Overview

Creation of a landing page designed for conversion, with CTA-led UX and a guided user path from the hero section to the final action. The goal was not just to produce a visually polished page, but to build an interface able to communicate value in seconds, reduce user friction, and guide visitors toward a measurable action. The page was developed with strong attention to performance and SEO through a content-first, conversion-driven approach.

Role

Designed the UX and developed the landing page, taking responsibility for the conversion structure, CTA definition, SEO optimization, and frontend implementation.

What I did

Designed the page with a message-first structure that guided users through the hero, proof sections, objection handling, and a focused final CTA. Defined a clear CTA hierarchy with primary CTA at key points, secondary CTA for lower-intent users, and contextual micro-CTA inside the content. Optimized UX with a linear flow, short readable sections, consistent components, and a mobile-first approach centered on conversion actions. Implemented an SEO-friendly, performance-oriented structure with semantic hierarchy, metadata, Open Graph, and attention to Core Web Vitals.

Problems solved

Unstructured CTA

Many landing pages rely on inconsistent or scattered CTA. Here the calls to action were designed as a coherent system, keeping one clear primary action repeated throughout the entire journey.

Lack of guidance in the user journey

Without a clear structure, users scroll through the page without making decisions. The landing page was designed to guide them with immediate value communication, proof elements, objection handling, and CTA placed at the moments of highest intent.

Performance and SEO neglected

Landing pages can look strong visually while staying technically weak. Using Astro together with a correct semantic structure improved loading times, indexing quality, and rendering on mobile devices.