Designer - Frontend Engineer (AI-Forward)

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

: TYPE OF WORK

Full Time

: SALARY

75,000-150,000 Depending on Experience

: HOURS PER WEEK

40

: DATE UPDATED

Sep 2, 2026

JOB OVERVIEW

Who We Are

We are a focused development team. We build and improve a set of internal and customer-facing applications. This includes web admin tools, signage systems, and smart TV applications. Our work includes building new products and improving tools that are already in use.

This is not a short-term or single-project contract. We have consistent, ongoing work. We are looking for someone who can grow into a long-term role with the team.

The Role

We are looking for someone with strong design skills, solid web fundamentals, and real skill using AI tools to turn requirements into finished, working products. This role is not about being an expert in one specific framework. It is more about your ability to design good interfaces, understand how the web works, and use AI effectively to build and ship work.

You will design and build dashboards, admin interfaces, and marketing-style websites. You should understand usability well enough to make interfaces that are easy to use, not just functional. You should know enough HTML, CSS, and modern tools (such as Tailwind) to build real interfaces and to communicate clearly with AI coding tools about what you want to build.

The most important skill for this role is AI-assisted development. This means:

- You are given a PRD or BRD (a document that describes what needs to be built, including requirements).
- You use AI tools to turn those requirements into a finished, working product.
- You guide, review, and correct the AI's output. You do not simply accept what the AI gives you.
- You use good judgment about assumptions, constraints, APIs, and how to implement things along the way.

You should also be strong at critical thinking and QA. This means comparing finished work against the original requirements, catching missing pieces, and noticing when AI-generated output has gone off track.

This role is a contract-to-hire position. This means it starts as a contract, with a clear path to becoming a full-time position for the right person.

Key Responsibilities

- Design and build dashboards, admin interfaces, and marketing-style websites.
- Apply strong visual design skills: attention to detail, alignment, spacing, and consistency.
- Design interfaces that are easy to use and easy to understand.
- Take a PRD or BRD and use AI tools to turn requirements into a finished, working product.
- Guide, review, and correct AI-generated output rather than accepting it as-is.
- Use good judgment about assumptions, constraints, APIs, and implementation choices.
- Compare finished work against requirements and catch anything missing or incorrect.
- Check your own work carefully before it is considered done (QA).
- Review other developers' work for quality and correctness.
- Improve and update existing applications that are already live.
- Work with other developers to plan and deliver features together.
- Join a short daily stand-up meeting, with some overlap during U.S. working hours.

What You Bring

Design (Main Focus)
- Strong graphic and visual design skills.
- Strong attention to detail: alignment, spacing, and consistency.
- Ability to design clear and easy-to-use dashboards and web interfaces.
- Understanding of usability and how to organize information clearly.

Web Fundamentals
- Experience building marketing-style websites and web admin interfaces.
- Working knowledge of HTML and CSS.
- Familiarity with tools and frameworks such as Tailwind.
Enough technical vocabulary to communicate clearly with AI coding tools.

AI-Assisted Development (Required)
- Real experience using AI coding tools (for example: Cursor, Claude Code, GitHub Copilot) to turn requirements into a finished, - working product.
- Ability to guide, review, and correct AI-generated output rather than simply accepting it.
- Good judgment about assumptions, constraints, APIs, and implementation choices when working with AI.

Critical Thinking and QA
- Ability to compare completed work against requirements.
- Strong habit of checking your own work carefully (self-QA).
- Ability to notice missing requirements and cases where the AI's output is wrong or incomplete.

General

- Experience using Git with a team.
- Strong problem-solving skills and ability to work independently.
- Good English communication skills, both written and spoken.
- Open to using AI tools as part of your normal development process (sometimes called "vibe coding").

Why Join Us

Contract-to-hire. A clear path to a long-term, full-time position.
Steady, ongoing work. No uncertainty about whether there is enough work.
You will own real features that are used by real customers.
Learn and grow your skills in design, web development, and AI-assisted execution.
Modern workflow using AI tools and current best practices.
Small, supportive team where your work makes a direct difference.

SKILL REQUIREMENT

Attention to Detail Critical Thinking AI Tools

SHARE THIS POST

Job Post	Reporter	Rank	Reason	Date

BENCHMARKS

Loading Time: Base Classes	0.0007
Controller Execution Time ( Jobseekers / Job )	0.0256
Total Execution Time	0.0268

GET DATA

No GET data exists

MEMORY USAGE

1,527,928 bytes

POST DATA

No POST data exists

URI STRING

jobseekers/job/Designer-Frontend-Engineer-AI-Forward-1722285

CLASS/METHOD

jobseekers/job

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

0.0003	`SELECT * FROM exrates WHERE rate_name = 'USD-PHP'`
0.0013	SELECT * FROM `employer_jobs` WHERE `job_id` = 1722285 LIMIT 1
0.0021	SELECT * FROM `employers` WHERE `employer_id` = 320786 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` = 1722285 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-09-22',ej.date_added) duration_days, DATEDIFF('2026-09-22',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-22',ej.date_added) <= 14 )) AND e.deactivate != 1 AND ej.deleted = 0 AND job_id = '1722285'
0.0003	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1722285
0.0009	`UPDATE employer_jobs SET hit_counts = '*Sep-02-2026=428Sep-03-2026=201Sep-04-2026=133Sep-05-2026=51Sep-06-2026=66Sep-07-2026=47Sep-08-2026=72Sep-09-2026=50Sep-10-2026=23Sep-11-2026=41Sep-12-2026=18Sep-13-2026=28Sep-14-2026=11Sep-15-2026=9Sep-16-2026=31Sep-17-2026=21Sep-18-2026=21Sep-19-2026=5Sep-21-2026=1*Sep-22-2026=1' WHERE job_id= '1722285'`
0.0006	`UPDATE employer_jobs SET monthly_hits = '***Sep-2026=1256' WHERE job_id= '1722285'`
0.0007	`SELECT date_sent FROM jobseeker_sent_emails WHERE jobseeker_id = '' AND job_id = '1722285' AND status LIKE 'sent%' ORDER BY id DESC`
0.0004	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1722285
0.0110	SELECT COUNT(*) AS `numrows` FROM `employer_jobs` WHERE `employer_id` = '320786' 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	1790030457
last_page	https://v1.stage.onlinejobs.ph/jobseekers/job/Designer-Frontend-Engineer-AI-Forward-1722285
csrf-token	d75c0a0b50f844cbaf967a99ca16ada1

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

Designer - Frontend Engineer (AI-Forward)

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

TYPE OF WORK

SALARY

HOURS PER WEEK

DATE UPDATED

Why is this blurred?