Project: 3D Spline Hero Animation for Software Website
Budget: $30 – $250 AUD
We require a freelancer to design and implement a modern 3D animated website header/hero visual using Spline for a software/SaaS business website.
Website Context
The animation is for a business software website targeting the truck, civil construction, machinery, project management and safety compliance industries.
The product includes modules such as:
Truck Prestarts and Dockets
Machinery Prestarts and Dockets
Project Daily Dockets
Site Diary
Safety Documents and Forms
Dashboard/reporting features
Required Animation Concept
Create a professional 3D hero animation suitable for the top section of a landing page.
Possible visual elements:
3D truck, excavator, machinery or construction-site inspired objects
Floating software dashboard cards
Animated checklist/prestart form elements
Project docket or site diary visual cards
Data/chart/reporting widgets
Subtle movement, camera orbit, hover or mouse-follow interaction
Optional 3D logo placement
The style should be:
Clean
Modern SaaS
Professional
Lightweight
Not cartoonish
Suitable for Australian civil/trucking businesses
Deliverables
The freelancer must provide:
A completed Spline scene
Public Spline Viewer embed URL, for example:
<spline-viewer url="https://prod.spline.design/xxxxx/scene.splinecode"></spline-viewer>
HTML/CSS embed code for the website
Responsive implementation for desktop, tablet and mobile
Optimised version suitable for fast website loading
Fallback image or static background for mobile/slow connections
Basic instructions for future editing
Technical Requirements
The animation must be embeddable using:
<script type="module" src="https://unpkg.com/@splinetool/viewer/build/spline-viewer.js"></script>
<spline-viewer url="SCENE_URL_HERE"></spline-viewer>
The animation must:
Work in modern browsers: Chrome, Edge, Safari, Firefox
Be responsive
Not block page loading
Not interfere with menu, buttons or text
Allow text/buttons to overlay the animation
Be suitable for use as a hero section background
Be optimised for file size and performance
Include mobile fallback if the scene is too heavy
Website Integration Example
The freelancer should provide something similar to:
<section class="hero">
<spline-viewer url="SCENE_URL_HERE"></spline-viewer>
<div class="hero-content">
<h1>Truck & Civil Software Made Simple</h1>
<p>Prestarts, dockets, projects, site diaries and safety forms in one system.</p>
<a href="/contact" class="btn">Request Demo</a>
</div>
</section>
Branding
Use colours suitable for the existing brand:
Blue
Black
White
Grey/steel tones
Optional construction accent colours if suitable
The animation should complement a professional software website, not overpower it.
Ownership / Subscription
Please clarify:
Whether the animation requires an ongoing Spline subscription
Whether the final scene can remain published after project completion
Whether the animation can be transferred to our Spline account
Whether the Spline watermark can be removed
Whether assets used are original or licensed for commercial use
Freelancer Must Confirm
Please include in your proposal:
Examples of previous Spline or 3D web animation work
Whether you will create original 3D assets or use licensed assets
Estimated file size/performance expectations
Whether you can provide mobile fallback
Whether you can integrate into plain HTML/CSS
Number of revisions included
A polished 3D animated hero/header that makes the website look like a modern software platform for the trucking and civil construction industry.
Website Context
The animation is for a business software website targeting the truck, civil construction, machinery, project management and safety compliance industries.
The product includes modules such as:
Truck Prestarts and Dockets
Machinery Prestarts and Dockets
Project Daily Dockets
Site Diary
Safety Documents and Forms
Dashboard/reporting features
Required Animation Concept
Create a professional 3D hero animation suitable for the top section of a landing page.
Possible visual elements:
3D truck, excavator, machinery or construction-site inspired objects
Floating software dashboard cards
Animated checklist/prestart form elements
Project docket or site diary visual cards
Data/chart/reporting widgets
Subtle movement, camera orbit, hover or mouse-follow interaction
Optional 3D logo placement
The style should be:
Clean
Modern SaaS
Professional
Lightweight
Not cartoonish
Suitable for Australian civil/trucking businesses
Deliverables
The freelancer must provide:
A completed Spline scene
Public Spline Viewer embed URL, for example:
<spline-viewer url="https://prod.spline.design/xxxxx/scene.splinecode"></spline-viewer>
HTML/CSS embed code for the website
Responsive implementation for desktop, tablet and mobile
Optimised version suitable for fast website loading
Fallback image or static background for mobile/slow connections
Basic instructions for future editing
Technical Requirements
The animation must be embeddable using:
<script type="module" src="https://unpkg.com/@splinetool/viewer/build/spline-viewer.js"></script>
<spline-viewer url="SCENE_URL_HERE"></spline-viewer>
The animation must:
Work in modern browsers: Chrome, Edge, Safari, Firefox
Be responsive
Not block page loading
Not interfere with menu, buttons or text
Allow text/buttons to overlay the animation
Be suitable for use as a hero section background
Be optimised for file size and performance
Include mobile fallback if the scene is too heavy
Website Integration Example
The freelancer should provide something similar to:
<section class="hero">
<spline-viewer url="SCENE_URL_HERE"></spline-viewer>
<div class="hero-content">
<h1>Truck & Civil Software Made Simple</h1>
<p>Prestarts, dockets, projects, site diaries and safety forms in one system.</p>
<a href="/contact" class="btn">Request Demo</a>
</div>
</section>
Branding
Use colours suitable for the existing brand:
Blue
Black
White
Grey/steel tones
Optional construction accent colours if suitable
The animation should complement a professional software website, not overpower it.
Ownership / Subscription
Please clarify:
Whether the animation requires an ongoing Spline subscription
Whether the final scene can remain published after project completion
Whether the animation can be transferred to our Spline account
Whether the Spline watermark can be removed
Whether assets used are original or licensed for commercial use
Freelancer Must Confirm
Please include in your proposal:
Examples of previous Spline or 3D web animation work
Whether you will create original 3D assets or use licensed assets
Estimated file size/performance expectations
Whether you can provide mobile fallback
Whether you can integrate into plain HTML/CSS
Number of revisions included
A polished 3D animated hero/header that makes the website look like a modern software platform for the trucking and civil construction industry.