Contact person: Real Estate Landing Page with 3D model

Phone:Show

Email:Show

Location: Tbilisi, Ukraine

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Technical Request
Brief Explanation:
A landing page is required for a real estate agent. The central feature of the website is a 3D hologram model created through photogrammetry, connected to an AI interface (ChatGPT with a user dashboard) and integrated with CRM Zoho One.
Necessary Information:
Timelines and required funding must not deviate more than 7% from the proposed estimate. Emphasis should be placed on quality rather than the speed of completion.
Technical Specification:
1. Minimalist, Elegant Design
• Clean color palette (1 accent color + monochrome) with WCAG AA contrast.
• 12-column CSS Grid with spacing of 4/8/16 px.
• Typography: Inter for text and Playfair Display for headings.
• Strategic whitespace highlighting the 3D avatar.
• Micro-animations using CSS transform/GSAP (<150 KB critical JS).
• Load Optimization: Critical rendering path < 5s on 4G (LTE) or 4.5s on 5G. LCP (Largest Contentful Paint) < 2.5s as per Google Core Web Vitals is mandatory. Utilize HTTP/2, Brotli compression, lazy-loading heavy assets (IntersectionObserver), and pre-rendering with [login to view URL] ISR.
• Core Web Vitals ≥ 90; JavaScript budget ≤ 250 KB, CLS (Cumulative Layout Shift) < 0.1.
2. GPT-Integrated 3D Hologram Model
• The character is based on photogrammetry scanning of an actual realtor, processed via Metahuman Retarget.
• High-polygon master model (100–150k tris) optimized to LOD 0 (<30k tris) with DRACO-GLB compression < 3MB to prevent browser lag.
• Separate high-poly layer/skeleton exported in .FBX for offline rendering of promotional videos, maintaining consistent topology.
• “Hologram” shader (GLSL): Fresnel effect + scanlines + noise dissolve, with a 0.5s trigger.
• Lip synchronization using visemes, compatible with ElevenLabs-TTS for real-time streaming; idle, talk, gesture animations.
• Dialogue stack: WebWidget → GPT-4o → ElevenLabs → D-ID/HeyGen Live.
• Preset questions (multiple scenarios to be defined later); GPT generates variable responses, CRM webhook → Zoho One.
• “Connect with Agent” or “Send a Request” button initiating form submissions (prepared forms from Zoho) or SalesIQ chat/calendar booking.
3. Website Structure and Content Distribution
• Main page as the primary funnel. The 3D avatar occupies ≤55% of the viewport (CSS Grid: 7/12 columns), allowing space for USP (Unique Selling Proposition), CTA (Call to Action), and dynamic listing block, integrated with Zoho.
• 'Properties' section: slider featuring 3 active listings (Zoho CRM API → [login to view URL] ISR refresh every 60 seconds).
• Basic navigation and [login to view URL] AppRouter for easy site expansion without major rework.
Potential Additions:
• 'Company Advantages' section – 3 icons + concise bullet points.
• 'Testimonials' section with lazy-loaded WebP gallery.
• Footer containing policy, contacts, and social media links.
• Additional template pages: /listings/[id] (property details) and /privacy." (client-provided description)