Web Designer and Front End Developer

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

: TYPE OF WORK

Full Time

: SALARY

500 USD/month

: HOURS PER WEEK

40

: DATE UPDATED

Sep 9, 2026

JOB OVERVIEW

# Web Designer & Front-End Developer — Shopify + AI Websites

**Remote — Philippines**
**Full-Time / Part-Time Considered**

## About Us

We are a growing web design agency creating modern, premium websites for businesses and brands.

Our workflow is heavily AI-assisted. I personally create many of our main website designs and interactive experiences using **Google AI Studio**, which generates the initial website/code.

I'm looking for a strong **Front-End Developer / Shopify Developer with good design sense** who can take those designs and turn them into fully functional, production-ready websites.

For some projects, you'll receive a complete design/code to implement. For simpler pages, you may also be expected to design and build them yourself while maintaining the existing website style.

---

## What You'll Do

### Google AI Studio → Shopify Implementation

This is a **core part of the role**.

Our typical workflow is:

**Google AI Studio design/code → Adapt for Shopify → Implement → Test → Refine → Final website**

You will be expected to:

* Work with AI-generated website code
* Understand and modify existing code
* Adapt/convert code for Shopify when necessary
* Implement custom designs into Shopify themes
* Build custom Shopify sections and templates
* Use Liquid, HTML, CSS and JavaScript
* Connect Shopify products, collections and dynamic content
* Make websites fully responsive
* Debug and fix issues
* Recreate animations/interactions where technically possible
* Compare the Shopify version to the original design and refine it

**Visual accuracy is very important.**

The goal isn't simply to make the code work. The final Shopify website should look and behave as closely as possible to the original design.

You should be comfortable adjusting:

* Spacing
* Typography
* Sizing
* Positioning
* Layout
* Responsive behavior
* Animations
* Hover/scroll interactions
* Overall visual quality

---

## Shopify Skills — REQUIRED

You should have strong experience with:

* Shopify themes
* Shopify Liquid
* Custom sections/blocks
* Custom page templates
* HTML/CSS/JavaScript
* Product & collection pages
* Metafields
* Dynamic Shopify content
* Cart functionality
* Shopify apps/integrations
* Responsive development
* Theme debugging
* Custom Shopify designs

**We are NOT looking for someone who only installs or lightly edits existing Shopify themes.**

You should be comfortable implementing **custom designs and custom code.**

---

## Front-End & Design

You should have:

* Strong HTML/CSS/JavaScript skills
* Strong understanding of responsive design
* Good eye for typography, spacing and layout
* Strong attention to detail
* Ability to maintain an existing visual style
* Ability to troubleshoot design/technical issues
* Ability to work independently

For simpler pages such as About, Contact, landing pages, etc., you may be expected to design and build the page yourself based on the requirements and existing website.

---

## Other Platforms

Experience with any of the following is a strong advantage:

* WordPress / WooCommerce
* Wix / Velo
* Webflow
* Framer
* React
* GSAP
* Three.js
* Advanced animations
* Parallax / scroll interactions
* 3D websites

You don't need to know everything.

**Strong front-end fundamentals and the ability to learn new platforms are more important.**

---

## AI-Assisted Development

We use tools such as:

* Google AI Studio
* ChatGPT
* Claude
* Cursor
* Lovable
* Replit

You don't need to know all of them.

You should be comfortable with:

**Understanding AI code → Modifying it → Debugging it → Improving it → Implementing it**

You should NOT simply copy/paste AI-generated code without understanding how it works.

---

## Who We're Looking For

I'm looking for someone who can take **technical ownership**.

I handle:

* Creative direction
* Client acquisition
* Project management
* Overall website vision

You handle:

* Technical implementation
* Shopify development
* Front-end development
* Responsive behavior
* Debugging
* Technical problem solving
* Final implementation

I don't want someone who needs step-by-step coding instructions.

I want someone who can look at a design and say:

**"I understand what you're trying to achieve. Here's how I would build it."**

…and then make it work.

---

## Requirements

**Must Have:**

* Strong front-end development experience
* Strong HTML/CSS/JavaScript
* Strong Shopify experience
* Shopify Liquid
* Custom Shopify sections/themes
* Experience working with existing code
* Responsive development
* Strong problem-solving ability
* Good design sense
* Attention to detail
* Ability to work independently

**Strong Bonus:**

* Google AI Studio
* AI-assisted development
* GSAP
* Three.js
* React
* Webflow
* Framer
* WordPress/WooCommerce
* Wix/Velo
* Advanced animations / 3D websites

---

## Portfolio Required

Please send:

1. Portfolio
2. 3–5 websites you personally worked on
3. Shopify websites you've built/customized
4. Examples of custom Shopify sections/themes
5. Other platforms you know
6. AI development tools you've used
7. Monthly salary expectation
8. Availability

**Applications without a portfolio will not be considered.**

Please clearly explain **what you personally worked on** for each project.

## How to Apply

Please include the following in your application:

**Portfolio:**
**Years of experience:**
**Shopify experience:**
**Shopify/Liquid experience:**
**Other platforms:**
**Front-end technologies:**
**AI tools you've used:**
**Salary expectation:**
**Availability:**

### Answer this question:

**If I give you a website created in Google AI Studio and ask you to recreate it as a Shopify website, what would your process be from start to finish?**

Please explain your answer in your own words.

**Generic applications will not be considered.**

SKILL REQUIREMENT

Web Design & Page Layout Web Programming Website Builder

SHARE THIS POST

Job Post	Reporter	Rank	Reason	Date

BENCHMARKS

Loading Time: Base Classes	0.0011
Controller Execution Time ( Jobseekers / Job )	0.0168
Total Execution Time	0.0185

GET DATA

No GET data exists

MEMORY USAGE

1,521,624 bytes

POST DATA

No POST data exists

URI STRING

jobseekers/job/Web-Designer-and-Front-End-Developer-1726466

CLASS/METHOD

jobseekers/job

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

0.0004	`SELECT * FROM exrates WHERE rate_name = 'USD-PHP'`
0.0015	SELECT * FROM `employer_jobs` WHERE `job_id` = 1726466 LIMIT 1
0.0008	SELECT * FROM `employers` WHERE `employer_id` = 770266 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` = 1726466 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-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 = '1726466'
0.0008	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1726466
0.0007	`UPDATE employer_jobs SET hit_counts = '*Sep-09-2026=1021Sep-10-2026=277Sep-11-2026=110Sep-12-2026=93Sep-13-2026=52Sep-14-2026=83Sep-15-2026=56Sep-16-2026=65Sep-17-2026=76Sep-18-2026=27Sep-19-2026=20*Sep-21-2026=2' WHERE job_id= '1726466'`
0.0006	`UPDATE employer_jobs SET monthly_hits = '***Sep-2026=1882' WHERE job_id= '1726466'`
0.0007	`SELECT date_sent FROM jobseeker_sent_emails WHERE jobseeker_id = '' AND job_id = '1726466' AND status LIKE 'sent%' ORDER BY id DESC`
0.0005	SELECT * FROM `employer_jobs_skills` `ejs` LEFT JOIN `skills_categories` `sc` ON `ejs`.`skill_id` = `sc`.`id` WHERE `job_id` = 1726466
0.0017	SELECT COUNT(*) AS `numrows` FROM `employer_jobs` WHERE `employer_id` = '770266' AND `date_added` >= '2022-06-08'
0.0004	`select * from teasers`
0.0004	`SELECT * FROM skill_categories WHERE skill_cat_id=''`

HTTP HEADERS (Show)

SESSION DATA (Show)

__ci_last_regenerate	1790004994
last_page	https://v1.stage.onlinejobs.ph/jobseekers/job/Web-Designer-and-Front-End-Developer-1726466
csrf-token	a79dccf50e5e9355eb03143a1a52309d

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

Web Designer and Front End Developer

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

TYPE OF WORK

SALARY

HOURS PER WEEK

DATE UPDATED

Why is this blurred?