Website Builder (with Animation) One-Time Project

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

: TYPE OF WORK

Any

: SALARY

TBD

: HOURS PER WEEK

TBD

: DATE UPDATED

Sep 9, 2026

JOB OVERVIEW

Job Description: Website Builder (with Animation) One-Time Project

Client Project: (Supplements Brand for Pets)
Engagement Type: One-Time Project / Independent Contractor
Project Scope: 15-page website, 4 products
Rate: TBD

About the Project
We are hiring a skilled Website Builder with Animation expertise for a one-time project on behalf of our client, a supplements brand. The client wants a modern, high-impact website that goes beyond a standard template, think smooth transitions and creative product "morphing" effects (products transitioning fluidly from one to another instead of static page resets), similar to premium DTC brand sites.

This is a great opportunity for a website builder/designer who loves bringing bold, animated, "wow-factor" designs to life.

Project Details

Total Pages: 15
Products to Feature: 4 supplement products
Style Requirement: Clean, modern, and premium with strong emphasis on scroll-based and interactive animations (product morphing/transition effects between products/sections, not standard static page loads)

Process:
*Kickoff call with client to gather inspiration, references, and brand information
*Website builder creates a design mockup/prototype (e.g., in Figma) for client review
*Once approved, builder proceeds to full website development
*Revisions as needed within project scope

Responsibilities
*Design and build a 15-page website (4 product pages + supporting pages) based on client's brand and goals
*Create smooth, modern animations and transitions, including creative "morphing" effects between products/sections
*Present a design preview/mockup (e.g., Figma) before development for client approval
*Incorporate client feedback and reference sites/inspiration into the final design
*Ensure the website is responsive, fast-loading, and functions well across devices
*Communicate clearly and professionally with the client throughout the project
*Deliver the completed, tested website within the agreed timeline

Requirements
*Proven experience building animated, visually engaging websites (please include a portfolio/sample links)
*Strong skills in modern web animation techniques (e.g., scroll-triggered animations, product/image morphing, micro-interactions)
*Experience designing mockups/prototypes (Figma or similar) prior to development
*Familiarity with tools such as Webflow, Framer, GSAP, or similar (please specify your tech stack)
*Strong eye for clean, premium, modern design ecommerce/DTC/supplement brand experience is a plus
*Good communication skills and ability to join a client onboarding/discovery call
*Ability to work independently and meet project deadlines

Nice to Have
*Experience with AI design tools (e.g., Claude, Nano Banana, or similar) for creative asset generation
*Prior experience with ecommerce or supplement/wellness brand websites

How to Apply
Kindly complete your application using the form below:
----------

Please note: Only applications submitted through this form will be reviewed. Applications sent through other channels will not be considered.

SKILL REQUIREMENT

Web Design & Page Layout Figma Website Builder

SHARE THIS POST

Job Post	Reporter	Rank	Reason	Date

BENCHMARKS

Loading Time: Base Classes	0.0008
Controller Execution Time ( Jobseekers / Job )	0.0295
Total Execution Time	0.0309

GET DATA

No GET data exists

MEMORY USAGE

1,509,616 bytes

POST DATA

No POST data exists

URI STRING

jobseekers/job/Website-Builder-with-Animation-One-Time-Project-1726857

CLASS/METHOD

jobseekers/job

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

0.0003	`SELECT * FROM exrates WHERE rate_name = 'USD-PHP'`
0.0004	SELECT * FROM `employer_jobs` WHERE `job_id` = 1726857 LIMIT 1
0.0003	SELECT * FROM `employers` WHERE `employer_id` = 798461 LIMIT 1
0.0009	SELECT COUNT(*) AS `numrows` FROM `t_thread` `t` LEFT JOIN `t_thread_misc` `misc` ON `t`.`id` = `misc`.`thread_id` WHERE `t`.`job_id` = 1726857 AND `misc`.`id` IS NULL
0.0004	SELECT e.business_name, e.logo, e.website, e.rebill_date, e.date_added member_date, hits, DATEDIFF('2026-09-21',ej.date_added) duration_days, DATEDIFF('2026-09-21',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-09-21',ej.date_added) <= 14 )) AND e.deactivate != 1 AND ej.deleted = 0 AND job_id = '1726857'
0.0003	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1726857
0.0016	`UPDATE employer_jobs SET hit_counts = '*Sep-09-2026=813Sep-10-2026=132Sep-11-2026=52Sep-12-2026=38Sep-13-2026=14Sep-14-2026=22Sep-15-2026=17Sep-16-2026=15Sep-17-2026=10Sep-18-2026=11Sep-19-2026=5*Sep-21-2026=1' WHERE job_id= '1726857'`
0.0006	`UPDATE employer_jobs SET monthly_hits = '***Sep-2026=1129' WHERE job_id= '1726857'`
0.0008	`SELECT date_sent FROM jobseeker_sent_emails WHERE jobseeker_id = '' AND job_id = '1726857' 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` = 1726857
0.0176	SELECT COUNT(*) AS `numrows` FROM `employer_jobs` WHERE `employer_id` = '798461' AND `date_added` >= '2022-06-08'
0.0004	`select * from teasers`
0.0002	`SELECT * FROM skill_categories WHERE skill_cat_id=''`

HTTP HEADERS (Show)

SESSION DATA (Show)

__ci_last_regenerate	1789990493
last_page	https://v1.stage.onlinejobs.ph/jobseekers/job/Website-Builder-with-Animation-One-Time-Project-1726857
csrf-token	36bef50c07ea0caf0aac841556641e3b

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
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.216.179
HTTP_DNT

Website Builder (with Animation) One-Time Project

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

TYPE OF WORK

SALARY

HOURS PER WEEK

DATE UPDATED

Why is this blurred?