Webflow Developer (Short-Term Project – Scroll Animation & Brand Reveal)

Please login or register as jobseeker to apply for this job.

: TYPE OF WORK

Gig

: WAGE / SALARY

$200

: HOURS PER WEEK

TBD

: DATE UPDATED

May 21, 2026

JOB OVERVIEW

Project Type: Temporary / Project-based

Platform: Webflow

Template in Use: Rustico Webflow Template ( ---------- )

----------

Overview

We’re looking for a skilled Webflow developer to build a high-impact, scroll-based brand reveal section on our website.

This section will introduce our new branding and logomark through a cascading animation as users scroll down the page. The experience should feel premium, smooth, and intentional.

If this project is executed well, there will likely be additional Webflow work in the future.

---

What We Need Built

We need cascading elements as you scroll down the webpage that introduces our new branding and logomark as it fade in (or stack in, from the top to bottom) piece by piece with a small bit of text explaining the element.

When the next piece comes, the previous text will fade and the new one will fade in. Eventually, once the full logomark is assembled, it should move to the left (or right) with a fade in of more text which will be a little "about us" on the right hand side.

More technical detail:

1. Cascading Logomark Assembly
- Individual elements of our logomark fade or stack in sequentially (top to bottom or layered build).
- Each element appears as the user scrolls.

2. Dynamic Text Transitions
- As each new logomark element appears:
- The previous explanatory text fades out.
- New corresponding text fades in.
- Smooth transitions with no layout shift.

3. Final Composition State
- Once the full logomark is assembled:
- It shifts left (or right).
- A larger “About Us” text block fades in on the opposite side.

4. Fully Editable Setup
- All text, animation timing (where possible), and structure must be editable inside Webflow.
- Clean class naming and structured layout.

5. Knowledge Transfer
- Walk us through how it’s built.
- Show us how to edit and maintain it.
- Ideally provide a short Loom walkthrough.

---

Technical Expectations

- Strong experience with:
- Webflow Interactions (IX2)
- Scroll-based animations
- Clean layout structuring
- Ability to extend beyond default interactions if needed (custom code acceptable if justified)
- Maintain responsiveness across desktop, tablet, and mobile
- Performance-conscious implementation (no laggy animation chains)

---

Deliverables

- Fully implemented section inside our existing Rustico template
- Responsive across breakpoints
- Editable CMS-friendly structure (if applicable)
- Handover walkthrough

---

To Apply

Please include:
- 2–3 examples of scroll-based Webflow animations you’ve built
- Confirmation that you can make this fully editable
- Estimated timeline
- Fixed project price

---

If this project goes well, we anticipate ongoing collaboration for future Webflow enhancements.

SKILL REQUIREMENT

Webflow Webflow

SHARE THIS POST

Job Post	Reporter	Rank	Reason	Date

BENCHMARKS

Loading Time: Base Classes	0.0007
Controller Execution Time ( Jobseekers / Job )	0.0416
Total Execution Time	0.0429

GET DATA

No GET data exists

MEMORY USAGE

1,512,520 bytes

POST DATA

No POST data exists

URI STRING

jobseekers/job/Webflow-Developer-Short-Term-Project-Scroll-Animation-Brand-Reveal-1604428

CLASS/METHOD

jobseekers/job

DATABASE: onlinejobs (Jobseekers:$db) QUERIES: 13 (0.0348 seconds) (Hide)

0.0003	`SELECT * FROM exrates WHERE rate_name = 'USD-PHP'`
0.0003	SELECT * FROM `employer_jobs` WHERE `job_id` = 1604428 LIMIT 1
0.0004	SELECT * FROM `employers` WHERE `employer_id` = 869262 LIMIT 1
0.0268	SELECT COUNT(DISTINCT t.id) as cnt FROM `t_thread` `t` INNER JOIN `t_message` `m` ON `t`.`id` = `m`.`thread_id` INNER JOIN `t_message_employer` `e` ON `m`.`id` = `e`.`message_id` LEFT JOIN `t_thread_misc` `misc` ON `t`.`id` = `misc`.`thread_id` WHERE `t`.`job_id` = 1604428 AND `misc`.`id` IS NULL
0.0006	SELECT e.business_name, e.logo, e.website, e.rebill_date, e.date_added member_date, hits, DATEDIFF('2026-06-20',ej.date_added) duration_days, DATEDIFF('2026-06-20',e.rebill_date) duration_rebill, ej.*, e.deactivate FROM employers e, employer_jobs ej WHERE e.employer_id = ej.employer_id AND ((e.user_level >= '500' AND ej.date_added <= e.rebill_date) OR e.employer_id = '' OR (ej.date_approved <> '2000-01-01' and DATEDIFF('2026-06-20',ej.date_added) <= 14 )) AND e.deactivate != 1 AND ej.deleted = 0 AND job_id = '1604428'
0.0008	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1604428
0.0008	UPDATE employer_jobs SET hit_counts = '*Mar-19-2026=383Mar-20-2026=14Mar-21-2026=3Mar-22-2026=5Mar-23-2026=4Mar-24-2026=2Mar-25-2026=3Mar-26-2026=3Mar-27-2026=2Mar-30-2026=1Mar-31-2026=2Apr-01-2026=2Apr-03-2026=1Apr-04-2026=1Apr-06-2026=2Apr-08-2026=1Apr-09-2026=1Apr-11-2026=1Apr-15-2026=1Apr-19-2026=2Apr-21-2026=1Apr-22-2026=1Apr-24-2026=1Apr-26-2026=1Apr-28-2026=1Apr-29-2026=1Apr-30-2026=1May-03-2026=1May-04-2026=1May-07-2026=1May-08-2026=2May-09-2026=2May-11-2026=1May-14-2026=1May-15-2026=1May-17-2026=1May-21-2026=296May-22-2026=30May-23-2026=10May-24-2026=5May-25-2026=12May-26-2026=8May-27-2026=2May-28-2026=4May-29-2026=3May-30-2026=2May-31-2026=2Jun-01-2026=1Jun-02-2026=2Jun-03-2026=3Jun-04-2026=7Jun-05-2026=1Jun-06-2026=1Jun-07-2026=2Jun-08-2026=1Jun-09-2026=1Jun-11-2026=2Jun-12-2026=5**Jun-20-2026=1' WHERE job_id= '1604428'
0.0006	`UPDATE employer_jobs SET monthly_hits = '*Mar-2026=422Apr-2026=19May-2026=385*Jun-2026=27' WHERE job_id= '1604428'`
0.0016	`SELECT date_sent FROM jobseeker_sent_emails WHERE jobseeker_id = '' AND job_id = '1604428' AND status LIKE 'sent%' ORDER BY id DESC`
0.0003	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1604428
0.0015	SELECT COUNT(*) AS `numrows` FROM `employer_jobs` WHERE `employer_id` = '869262' AND `date_added` >= '2022-06-08'
0.0004	`select * from teasers`
0.0003	`SELECT * FROM skill_categories WHERE skill_cat_id=''`

HTTP HEADERS (Show)

SESSION DATA (Show)

__ci_last_regenerate	1781941531
last_page	https://v1.stage.onlinejobs.ph/jobseekers/job/Webflow-Developer-Short-Term-Project-Scroll-Animation-Brand-Reveal-1604428
csrf-token	a99126e0d9bab7c6f6cf99977b4a7f63

CONFIG VARIABLES (Show)

base_url	https://v1.stage.onlinejobs.ph
log_threshold	2
enable_profiler
index_page
uri_protocol	PATH_INFO
url_suffix
language	english
charset	UTF-8
enable_hooks	1
subclass_prefix	MY_
composer_autoload	vendor/autoload.php
permitted_uri_chars	a-z 0-9~%.:_\=\-\+\@?\&
enable_query_strings
controller_trigger	c
function_trigger	m
directory_trigger	d
allow_get_array	1
log_path
log_file_extension
log_file_permissions	420
log_date_format	Y-m-d H:i:s
error_views_path
cache_path
cache_query_string
encryption_key	OdBUArjiWg9I7u7bvAwQ7Fu35VB1kzga
sess_driver	files
sess_cookie_name	ci_session
sess_expiration	2678400
sess_save_path
sess_match_ip
sess_time_to_update	300
sess_regenerate_destroy
cookie_prefix
cookie_domain
cookie_path	/
cookie_secure
cookie_httponly
standardize_newlines
global_xss_filtering	1
csrf_protection
csrf_token_name	csrf_test_name
csrf_cookie_name	csrf_cookie_name
csrf_expire	7200
csrf_regenerate	1
csrf_exclude_uris	Array ( )
compress_output
time_reference	local
rewrite_short_tags
proxy_ips
ojadmin	JpjZkQN5A8l@^L
salt	+UFjSAT49tPZLtmU2CIG2FYN7pRhgsWyLHgSyQa6k3I=
queue_enabled
twilio	Array ( [sid] => AC00c0594045c6eef9407e8fff01f3d467 [token] => f0bfc0b73444a077894a43f5f75e6d41 [length] => 6 [from] => +639221200200 [code_expiry_seconds] => 14400 )
maintenance	Array ( [admin] => Array ( [verification] => ) [announcement_bar] => Array ( [show_slow_issue_message] => ) )
trustpilot	Array ( [to_email] => onlinejobs.ph+3d844ebf71@invite.trustpilot.com )
services	Array ( [google_tag_manager] => Array ( [id] => GTM-T5CQMS6P ) [chatgpt] => Array ( [secret] => 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 ) [claude] => Array ( [secret] => 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 ) )
v2_url	https://v2.onlinejobs.ph
v2	Array ( [enabled] => 1 [url] => https://v2.stage.app.onlinejobs.ph [api_url] => https://v2.stage.api.onlinejobs.ph [cookie_domain] => .onlinejobs.ph [paths] => Array ( [myaccount] => 1 ) )
replacemyself_secret_key	Kk1WpgTMkc4wBQOqC5rqCssdLhACKrsJeTtO1ywUkT4=
app	Array ( [app] => Array ( [command] => Array ( [map] => Array ( [OnlineJobs\Mailer\Command\SendEmailCommand] => OnlineJobs\Mailer\Handler\SendEmailHandler [OnlineJobs\Mail\Command\SendEmailCommand] => OnlineJobs\Mail\Handler\SendEmailHandler [OnlineJobs\Mail\Command\QueueEmailPendingCommand] => OnlineJobs\Mail\Handler\QueueEmailPendingHandler [OnlineJobs\Mail\Command\QueueJobEmailPendingCommand] => OnlineJobs\Mail\Handler\QueueJobEmailPendingHandler [OnlineJobs\Mail\Command\QueueUnapprovedEmailCommand] => OnlineJobs\Mail\Handler\QueueUnapprovedEmailHandler [OnlineJobs\Mail\Command\ProcessEmailQueueCommand] => OnlineJobs\Mail\Handler\ProcessEmailQueueHandler [OnlineJobs\Mail\Command\PutJobseekerEmailOnHoldCommand] => OnlineJobs\Mail\Handler\PutJobseekerEmailOnHoldHandler [OnlineJobs\Purchase\Command\RealEstateVaCourseCommand] => OnlineJobs\Purchase\Handler\RealEstateVaCourseHandler [OnlineJobs\Test\Command\HelloCommand] => OnlineJobs\Test\Handler\HelloHandler ) [middleware] => Array ( ) ) [providers] => Array ( [0] => OnlineJobs\Bus\BusServiceProvider [1] => OnlineJobs\Database\DbServiceProvider [2] => OnlineJobs\Mailer\MailerServiceProvider [3] => OnlineJobs\Support\SupportServiceProvider [4] => OnlineJobs\Employer\ServiceProvider [5] => OnlineJobs\Jobseeker\ServiceProvider [6] => OnlineJobs\Mail\ServiceProvider [7] => OnlineJobs\Postal\ServiceProvider [8] => OnlineJobs\Queue\ServiceProvider [9] => OnlineJobs\Courier\ServiceProvider [10] => OnlineJobs\Job\ServiceProvider [11] => OnlineJobs\Purchase\ServiceProvider ) ) )
meta	Array ( [facebook] => Array ( [input] => 1 [connect] => 2 [timezone] => 3 [url] => 30 [id] => 31 [photo] => 32 [name] => 33 [email] => 34 [review] => 35 ) [trust] => Array ( [government_id] => 4 [utility_bill] => 5 [selfie_photo] => 6 [profile_picture] => 7 [phone_number] => 8 [facebook] => 9 ) [verify] => Array ( [profile_picture] => 10 [government_id] => 11 [selfie_photo] => 12 [utility_bill] => 13 [address] => 14 [name] => 15 [reviewed] => 16 [government_group] => 28 [address_group] => 29 [mobile] => 38 ) [address] => Array ( [complete] => 17 [room_unit_no] => 20 [house_no] => 21 [street] => 22 [subdivision] => 23 [barangay] => 24 [city] => 25 [province] => 26 [postcode] => 27 ) [reviewed] => Array ( [similar_names] => 1 ) [name] => 18 [phone] => 19 [sms_verification_code] => 36 [resend_verification_code] => 37 [address_read] => 39 [first_name] => 100 [middle_name] => 101 [last_name] => 102 [edit] => Array ( [government_id_group] => 40 [address_group] => 41 [mobile_group] => 42 ) [salary_re_entry] => 103 [id_proof_recalibrate] => 104 [email] => 44 [mobile_verification_type] => 45 )
honeypot	Array ( [name_field] => my_name [enabled] => 1 )

HTTP_ACCEPT	/
HTTP_USER_AGENT	Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
HTTP_CONNECTION	Upgrade
SERVER_PORT	80
SERVER_NAME	v1.stage.onlinejobs.ph
REMOTE_ADDR	127.0.0.1
SERVER_SOFTWARE	Apache/2.4.58 (Ubuntu)
HTTP_ACCEPT_LANGUAGE
SCRIPT_NAME	/index.php
REQUEST_METHOD	GET
HTTP_HOST
REMOTE_HOST
CONTENT_TYPE
SERVER_PROTOCOL	HTTP/1.1
QUERY_STRING
HTTP_ACCEPT_ENCODING	gzip, br, zstd, deflate
HTTP_X_FORWARDED_FOR	216.73.217.68
HTTP_DNT

Webflow Developer (Short-Term Project – Scroll Animation & Brand Reveal)

Please login or register as jobseeker to apply for this job.

TYPE OF WORK

WAGE / SALARY

HOURS PER WEEK

DATE UPDATED

Why is this blurred?