PhantomFlow Homepage Redesign — From Static to Strategic

Homepage Redesign

PhantomFlow

SaaS

social media automation

July 2025

💡 Overview : PhantomFlow is a platform designed for frictionless workflows. But its original homepage lacked clarity, motion, and structure — all crucial for conversion. I rebuilt the entire landing experience in Framer with strategic UX, subtle animation, and cleaner UI to improve first-impression trust and guide the user toward action.

🎯 Goal:

Redesign the homepage to:

  • Improve clarity of messaging

  • Introduce CTA hierarchy

  • Add social proof & trust signals

  • Create microinteractions for engagement

  • Build it fully responsive in Framer

🔍 Problems in the Original:

  • No navigation bar or sign-in pathway

  • Weak CTA visibility

  • No animation or motion to guide user focus

  • Missing trust elements like testimonials or badges

  • Pricing section lacked contrast and hierarchy

  • Visual layout felt static and disconnected

🛠️ What I Did:

  • Hero Section:

    • Added a relevant hero image

    • Introduced microinteractions on the CTA

    • Added navbar with sign-in button

  • Value Prop Section:

    • Enhanced visual flow with animation

    • Added clear CTA for faster action

  • Enterprise Use Case:

    • Replaced raw icons with custom illustrations

    • Introduced hover-triggered animations

    • Added missing CTA

  • Social Proof:

    • Turned static feed into scrollable carousel

    • Embedded testimonial logic into layout

  • 3-Step Automation Flow:

    • Each step scrolls in with rolling animation

    • Improves flow understanding without overwhelming

  • Platform Screenshot:

    • Loop animations added to make UI feel alive

  • Pricing Table:

    • Simplified visual noise

    • Used clean layout and spacing for better comparison

  • Footer & FAQ:

    • Added newsletter, footer links, and social icons

    • Structured FAQ for scannability

  • Bonus:

    • “Need more clarity?” prompt with embedded video

    • Helps hesitant users explore without friction

🧪 Tools Used:

  • Framer (build & animation)

  • Figma (planning & UX structure)

  • Loom (for walkthroughs & feedback)

🌐 Live Site:

https://phantomflow.framer.website

📣 Open to Projects:

I’m currently taking on 2–3 more SaaS or startup homepage redesigns this month.
If your landing page isn’t converting — or just feels off — let’s fix that.
→ Reach out via uxceleratestudio.com or DM me “teardown”.

Create a free website with Framer, the website builder loved by startups, designers and agencies.