Project Brief: 2-Step Interactive Review Funnel Project Goal: To build a 2-step interactive funnel on a single Framer page. The goal is to guide a user through leaving feedback and then present them with options to post that feedback on Google and claim their coupon reward. The transition between the two steps should be smooth.
Key Technology: This will be built in Framer, using its interactive component capabilities to manage the two views.
Visual Reference Please use the approved design mockups for all styling, colors, and layout decisions for both steps of the process.
Functional Breakdown: The 2 Steps The entire funnel will be managed by showing and hiding two main views or "steps" on a single page.
Step 1: The Feedback Hub View Initial State: This is the first view the user sees on page load. It should display:
The headline (Leave a quick review...)
The sub-headline (First, how was your visit?)
The five interactive stars.
Interaction Logic:
When a user clicks on any star, the section containing the textarea (comment box) and the Submit Feedback & Continue button must appear with a smooth animation (e.g., "fade in" or "slide down").
The textarea should be empty, ready for user input.
Data Capture:
The text the user types into the textarea must be stored in a variable so it can be used in the next step.
Action:
When the user clicks the Submit Feedback & Continue button, the system must hide this "Step 1" view and show the "Step 2" view.
Step 2: The Amplify & Reward View Initial State: This view is hidden until the user submits Step 1. This is the final screen.
Displaying the User's Comment:
The "review preview" text box on this page must dynamically display the text that was captured from the textarea in Step 1.
Button Functionality:
Step 1: Copy My Review Button:
This button must trigger a "Copy to Clipboard" action.
It should copy the stored user comment (from the variable) to the device's clipboard.
UX Feedback: After clicking, the button text should change to "Copied!" for 2 seconds, then revert back to the original text.
Step 2: Share on Google Button:
This is a simple link button. It must open the business's Google review page URL in a new browser tab.
Claim My Coupon Button:
This is also a simple link button. It will link directly to the coupon registration page URL that will be provided. It can open in the same tab or a new tab, as preferred.
Premium Logo Design for Inspection Company Category: Adobe Illustrator, Photoshop, Branding, Creative Design, Graphic Design, Icon Design, Illustration, Logo Design, Vector Design Budget: $30 - $250 USD
17-Mar-2026 23:03 GMT
Manga Anime Mixed Media Adaptation -- 2 Category: 2D Animation, 2D Animation Explainer Video, 2D Drawing, 2D Game Art, 3D Animation, 3D Modelling, After Effects, Animation Budget: $750 - $1500 USD
17-Mar-2026 23:03 GMT
Space Explainer YouTube Producer Category: Adobe Premiere Pro, After Effects, Animation, Commercials, DaVinci Resolve, Final Cut Pro, Motion Graphics, Video Editing, Video Production, Voice Over Budget: £10 - £20 GBP
17-Mar-2026 23:02 GMT
G-code for Windows and doors cnc machine 5$ per design Category: CAD / CAM, CNC, CNC Machine Retrofitting, CNC Programming, Computer Aided Manufacturing, G Code, Manufacturing Design, Manufacturing Engineering, Solidworks Budget: $10 - $30 USD
17-Mar-2026 23:02 GMT
CNC Ready 3D Modeling from PDF Category: 3D CAD, 3D Design, 3D Modelling, AutoCAD, Autodesk Inventor, CAD / CAM, CNC, Solidworks Budget: $10 - $30 USD
17-Mar-2026 22:59 GMT
SEO Optimized HTML Site Conversion Category: Accessibility, CSS, CSS3, HTML, HTML5, JavaScript, SEO, Web Development, Web Design, Website Optimization Budget: $250 - $750 USD
17-Mar-2026 22:58 GMT
Elegant Fashion Landing Page Build Category: CSS, CSS3, HTML, JavaScript, UI / User Interface, UX / User Experience, Web Design Budget: $30 - $250 USD
17-Mar-2026 22:57 GMT
4 address verification in tripoli libiya Category: Customer Service, Data Collection, Geolocation, Logistics, Photo Editing, Photo Restoration, Photo Retouching, Photography, Report Writing, Time Management Budget: $10 - $100 USD
17-Mar-2026 22:56 GMT
Diseñador/Animator 2D en Toon Boom Harmony -- 2 Category: 2D Animation, 2D Animation Explainer Video, 3D Animation, 3D Modelling, Animation, Caricature & Cartoons, Toon Boom Budget: $30 - $250 USD
WhatsApp AI Chatbot Integration Support Category: AI Chatbot Development, AI Development, API Development, Data Analytics, JavaScript, PHP, Software Architecture, WordPress Budget: £20 - £250 GBP
17-Mar-2026 22:51 GMT
Launch Digital Products Store Category: ECommerce, HTML, Payment Processing, PHP, SEO, Shopify, Web Design, WooCommerce Budget: $15 - $25 USD
17-Mar-2026 22:51 GMT
Medical Document Formatting for VA Claim Category: Content Writing, Editing, Medical, Medical Writing, Proofreading, Report Writing, Technical Writing, Typography Budget: $10 - $30 USD
