Senior Interactive Motion Frontend Engineer & sight 3D — React / Next.js / Three.js / R3F
Buget: $2500.0
FIXED /
⭐ 5.00 (3)
USA
three-js, react-js, gsap, webgl
Calificări preferate
- Experiență: Expert
Senior Interactive Motion Frontend Engineer & sligth 3D — React / Next.js / Three.js / R3F
We are looking for a senior interactive motion-focused and sligth 3D frontend engineer to implement three premium frontend tabs inside our existing sports technology SaaS dashboards.
The dashboards, core application structure, backend, and product direction already exist.
This is not three new applications and is not a backend project.
The three tabs share a common visual language and should reuse components, motion systems, and interactive 3D elements wherever possible.
What You’ll Be Doing
You’ll be responsible for implementing high-end frontend experiences that combine:
Premium React / Next.js UI
Three.js / React Three Fiber
Motion and animated transitions
Interactive visualizations
Spatial UI
Camera transitions where appropriate
Responsive desktop/tablet behavior
Simplified mobile states
Reusable frontend components
Production-level polish
The finished product should feel like:
premium sports technology + modern SaaS + cinematic interaction
while still functioning like serious production software.
Important Scope
These features are tabs inside existing dashboards.
You are not being hired to:
Rebuild our application
Create separate apps
Redesign the entire product
Build backend systems
Create database architecture
Rewrite unrelated frontend architecture
Our internal team is handling the backend, data, business logic, and core product systems.
Your focus is:
Frontend implementation + interaction + motion + selective 3D.
We expect significant component reuse across the three tabs, rather than three independent builds.
Technical Skills
Strong experience with:
Three.js
React Three Fiber
Drei
React
Next.js
TypeScript
Tailwind CSS
WebGL optimization
Git / GitHub
Strong bonus experience with:
GSAP
Motion / Framer Motion
Advanced UI animation
Interactive data visualization
Spatial interfaces
Shaders
Premium SaaS interfaces
We are especially interested in developers who have built:
Interactive 3D scenes inside React applications
Camera transitions
Animated data visualizations
Maps or network visualizations
High-end motion systems
Production interactive dashboards
React + 3D Approach
We want a hybrid implementation.
Standard interface elements such as:
navigation
text
buttons
cards
menus
side panels
drawers
forms
controls
should remain standard React UI.
Three.js / R3F should be used selectively where it creates meaningful visual impact.
We do not want the entire application rendered inside one giant WebGL canvas.
The goal is:
High-end 3D and motion integrated cleanly into a real SaaS product.
Not a visual demo that only looks good in a portfolio video.
Motion Direction
Motion is an important part of the work.
Examples may include:
Overview → focused detail transitions
Interactive objects moving into focus
Route or network animations
Contextual panels appearing based on selection
Camera movement
Smooth transitions between visual states
Motion should feel:
premium, fast, restrained, and intentional.
We do not want excessive particles, long animations, or constant visual movement that makes the application difficult to use.
Performance Matters
You should understand how to build interactive 3D for production.
Important areas include:
WebGL performance
GPU usage
Lazy loading
Asset optimization
Texture/model optimization
Memory cleanup
Responsive 3D behavior
Reduced-motion support
Loading states
Browser compatibility
Graceful fallbacks
Desktop will contain the richest interactive experience.
Mobile may use simplified versions of complex desktop interactions.
Existing Product
You’ll be working inside an established React / Next.js codebase.
You must be comfortable:
Reviewing an existing component system
Extending instead of rewriting
Matching an existing design language
Creating reusable components
Working within existing layouts
Following an established Git workflow
Expected workflow:
Feature Branch → Pull Request → Review → Revisions → Merge
Do not work directly on production/main or make unrelated architectural changes.
What We Provide
For the selected developer, we will provide:
Approved visual concepts
Existing dashboard context
UI references
Interaction direction
Product requirements
Existing component/design language
Development access required for the frontend work
Detailed product concepts are confidential and will only be shared privately with serious shortlisted candidates.
Confidentiality
This project includes unreleased functionality and proprietary product concepts.
Project designs, screenshots, workflows, source code, and product information may not be:
Shared publicly
Posted on social media
Used in a portfolio
Published as a case study
Demonstrated publicly
Shared with third parties
without written permission.
No subcontractors or additional developers may be added without prior approval.
Ideal Candidate
We are looking for someone who combines:
Senior frontend engineering
Creative development / WebGL / 3D
Strong motion implementation
Excellent product taste
We already have the visual direction.
We need someone who can implement it cleanly and professionally inside a real product.
Please Do Not Apply If
Your portfolio is primarily:
Static Figma design
Webflow sites
Marketing landing pages
Pre-rendered Blender videos
Basic Three.js experiments
Tutorial-level 3D work
We specifically want someone with experience combining production React applications with sophisticated 3D and motion.
When Applying
Please include:
Your strongest React / Next.js production application.
Your best Three.js / React Three Fiber project.
An example showing advanced motion, camera transitions, spatial UI, or interactive visualization.
A premium dashboard or software interface you have implemented.
A short explanation of how you decide what should be React versus WebGL/R3F.
How you approach WebGL performance in production.
Your current availability.
Confirmation that you personally will perform the work.
Confirmation that you are comfortable working through GitHub feature branches and pull requests.
Please begin your proposal with:
SPORTS 3D
so we know you read the full posting.
Suggested Upwork title
Senior Interactive 3D & Motion Frontend Engineer — React / Next.js / Three.js / R3F
Suggested budget
Fixed price: $1,500–$4,000
I’d also add one line in the budget section:
Budget depends on demonstrated R3F/motion experience. We are open to milestone-based proposals within the posted range.
Deschide pe Upwork
AI proposal draft
Generate a short cover letter for this job. Edit before sending.
Sign in to generate an AI proposal draft.
Autentificare