Contact person: Business Client

Phone:Show

Email:Show

Location: Newark, United States

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Overview

We’re looking for a highly skilled Webflow motion designer / interactive developer to create a complete cinematic landing page for a software development company.
The site should feel luxurious, immersive, and tech-forward — merging Webflow structure with 3D, motion, and interactive storytelling.

This is a full custom build — not a template or clone.

Scope of Work
1. Landing Page Framework

Full one-page Webflow layout

Section-to-section continuity (no hard scroll breaks)

Responsive across desktop, tablet, and mobile

Fluid, on-brand liquid-glass gradient aesthetic

2. Hero Section – Interactive Astronaut

Full-screen cinematic hero featuring a 3D astronaut (Spline or [login to view URL]).

Astronaut aims a spotlight beam that follows the user’s cursor or touch.

Inside the beam: glowing code snippets (“Hello World”, function dreamViz() { build('reality'); }) that glitch and fade dynamically.

Headline: “The Sky Is the Limit.”

Subtext: “Luxury in Code.”

Glassmorphic CTA: “Launch Your Dream Project.”

Ambient motion and depth; subtle particle field in background.

3. Why Now Section

Scroll-based narrative emphasizing opportunity in the current AI era.

Smooth text animations and light background motion.

Optional looping video or subtle AI visualization.

4. Interactive Timeline – Our Evolution

A visually engaging section showing our journey from 2012 to 2025:

Start (2012): Origin as a small independent game studio.

Middle (2016): Transition into full-stack software development.

Present (2025): Specialists in cutting-edge fields:

AI Development

Blockchain

Virtual & Augmented Reality

Mobile Development

Web3 and emerging tech

Interaction Ideas:

Scroll-triggered or drag-based timeline revealing key milestones.

Icons or mini 3D scenes representing each era (game controller → code terminal → neural network).

Animated text transitions showing growth and evolution.

Ends with a tagline like:

“A Decade of Innovation. A Future of Limitless Possibility.”

✅ Should feel cinematic and seamlessly blend into the next section.

5. Project Showcase

Horizontal scroll displaying ~10 featured projects.

Large animated cards with subtle liquid blur edges.

Hover or tap reveals project details + tech badges.

Final card: “View All Projects.”

Must work smoothly on both desktop and mobile.

6. Interactive Tech-Stack Mini-Game

Lightweight browser mini-game (asteroid-style).

Player moves a small ship or cursor to interact with floating tech-stack asteroids labeled React, Flutter, Laravel, AWS, Supabase, etc.

Each interaction triggers a small glow or explosion with a tooltip (e.g., “React — Lightning-fast UIs”).

Ends with a CTA: “Ready to build with us?” linking to the contact section.

Built in Canvas / [login to view URL] / PixiJS or Spline, optimized for performance and fallback on mobile.

7. Why Choose Us

Clean luxury-focused section emphasizing:

PhD-level AI and data scientists

Expert developers and pioneers in emerging tech

Boutique intimacy with enterprise-level power

Deep domain experience across industries

Smooth fade-in animations and subtle scroll interactions preferred.

8. Contact & CTA Section

Elegant contact section with glassmorphic button.

Smooth scroll-to-form or modal contact panel.

Integration with third-party form or Webflow native form.

9. Header, Footer & Legal

Minimal sticky header with scroll color transitions.

Footer with basic links (privacy, contact).

Aesthetic & Brand Direction

Theme: Liquid glass, cosmic gradients, futuristic realism.

Colors: Dark gray-blue base (#0F141A), neon blue (#3FA9F5), lilac (#9A6BFF).

Typography: Modern sans + monospaced secondary (Inter / JetBrains Mono).

Mood: Apple meets SpaceX — clean, confident, cinematic.

Technical Requirements

Platform: Webflow (main build)

3D Tools: Spline (preferred) or [login to view URL]

Animation: Webflow Interactions or GSAP

Performance: Optimized assets, lazy loading, 80+ Lighthouse

Accessibility: Reduced-motion support

Mobile: Fully responsive

Deliverables

Webflow project (fully functional, publish-ready).

Source assets (Spline scenes, Lotties, or [login to view URL] code).

Internal style guide (color tokens, typography, reusable classes).

Animation map (triggers, durations, easing).

Update guide (editing hero text, code snippets, and tech stacks).

Budget & Timeline

Fixed: $1,000 USD

Timeline: 2–3 weeks

Includes 1 revision cycle and a 7-day polish period after delivery.

Qualifications

Portfolio with interactive hero or cinematic landing pages

Deep familiarity with Webflow, Spline, or [login to view URL]

Understanding of luxury and high-tech aesthetics

Strong visual sense, motion design intuition, and attention to detail

Nice To Have

Shader or GLSL experience (emissive glow / holographic effects)

Past work for luxury, AI, or Web3 brands

Light game or particle system experience

To Apply

Please provide:

A short intro outlining your experience with Webflow, Spline, or Three.js.

Links to 2–3 of your most interactive or cinematic web builds.

A brief outline of how you’d approach the astronaut hero, interactive timeline, and mini-game.

Confirmation of your ability to deliver within the $1,000 budget and 2–3 week window." (client-provided description)