Before and After Website Redesighs by Nataly MantillaBefore and After Website Redesighs by Nataly Mantilla

Before and After Website Redesighs

Nataly Mantilla

Nataly Mantilla

High-Converting, Bilingual AI-Automation Landing Page (React + Motion + GSAP)
A conversion-focused landing page built to turn visitors into qualified leads — not just to look good.
I designed and developed a premium, fully animated landing page for an AI-automation and growth-systems brand serving businesses in Dubai. The goal was clear: communicate a complex offer (AI workflows, chatbots, CRM, and marketing automation) with absolute clarity, and guide visitors toward one action — booking a free audit.
The challenge. The starting point was a flat, static page with weak hierarchy and no real engagement. It didn't reflect the premium, systems-driven positioning of the brand, and it gave visitors no reason to stay or convert.
What I delivered. A complete rebuild into a modern React application with a bold, cinematic design language — built around the brand's identity, voice, and conversion goals:
Interactive hero with a live particle network that reacts to the cursor, paired with a sharp value proposition and a single, dominant CTA.
Animated, story-driven sections that lead the visitor from problem → solution → proof → action: differentiators, an orbital services explorer, a security/audit block, a step-by-step process accordion, a live tech-stack marquee, real client testimonials, and an FAQ.
A "wow" contact section with a rotating gradient border, ambient motion, and a form wired directly to WhatsApp + an n8n automation so every lead is captured and followed up instantly.
A cinematic GSAP footer with a scroll-reveal "curtain" effect and magnetic buttons.
Marketing & conversion built in. Every section is engineered around a clear narrative and a strong call to action. The messaging is benefit-led ("reduce manual work, lower costs, scale faster"), the proof is social (real testimonials with measurable outcomes), and the funnel ends in a frictionless WhatsApp conversation — removing every barrier between interest and contact.
Bilingual by design. A one-click EN / ES switch instantly translates the entire site (default English), making it ready for both international and Spanish-speaking audiences without duplicate pages.
Built to be found. Full technical SEO: keyword-optimized titles and meta descriptions, Open Graph & Twitter cards for rich social sharing, JSON-LD structured data (local business in Dubai), a clean single-H1 structure, sitemap, and robots.txt — raising the SEO score from ~56 to ~93/100. Deployed to production on Vercel with HTTPS.
The result: a fast, memorable, mobile-first landing page that looks like a premium product, speaks directly to the buyer's pain, and is fully equipped to capture and convert leads on autopilot.
Before Website Design
Before Website Design

✅ Key Deliverables

Custom React (Vite) build — fully responsive, mobile-first
Premium UI/UX design aligned to brand identity (colors, typography, voice)
Advanced animations & micro-interactions (Motion + GSAP)
Bilingual EN/ES system with instant language toggle
Lead-capture form integrated with WhatsApp + n8n automation
Complete technical SEO (meta, Open Graph, JSON-LD, sitemap, robots)
Production deployment on Vercel (HTTPS, custom-domain ready)

🛠️ Tech Stack

React 19 · Vite · Tailwind CSS · Motion (Framer Motion) · GSAP · Lucide · n8n · Vercel

💬 One-liner (for the project subtitle)

From a static page to a high-converting, animated, bilingual landing — designed to capture leads, not just impressions.
After Website Redesign
After Website Redesign
Like this project

Posted Jun 3, 2026

From a static HTML page to a modern, animated React landing — bilingual EN/ES, AI-automation focused, SEO-optimized, and live on Vercel.