Jun-Jun RagodosSenior Web Developer, Cebu City, PhilippinesWordPress& ShopifyDeveloper

10+ years building custom websites, eCommerce experiences and digital products - from Figma file to live server.

View my work Let's work together

Jun-Jun Ragodos, senior WordPress and Shopify developer in Cebu, Philippines

Jun-Jun RagodosSenior WordPress & Shopify Developer

Ships faster with AI:Claude, ChatGPT, Gemini, GitHub Copilot, Cursor, VSCode

Top Rated on UpworkAvailable for new projects

4.8 / 5Upwork ratingacross 22 reviews
38Jobs completedon Upwork
1300+Hours trackedon Upwork
10+ yrsWordPress & WooCommercelisted on OnlineJobs.ph
6+ yrsShopifythemes and Liquid storefronts

Figures are taken from my public profiles and can be checked there: Upwork · GitHub · OnlineJobs.ph.

01About

Building digital experiencesfrom design to production.

I'm Jun-Jun Ragodos, a senior web developer based in Cebu City, Philippines, with 10+ years focused on WordPress and Shopify, working remotely with clients worldwide. I take a design file and return a working, maintainable website - frontend, backend, content model and deployment included.

Most of my work sits where design meets engineering: translating Figma into pixel-accurate responsive layouts, then making it genuinely editable with ACF, Custom Post Types, WooCommerce logic or Shopify metafields. When the data lives somewhere else, I integrate the API instead of duplicating content by hand.

Experience: 10+ yrs
Selected projects: 12

CMS

Custom WordPress themes, ACF field architecture and Custom Post Types that keep editing simple for the client.

eCommerce

WooCommerce stores and Shopify Liquid storefronts - product, collection and cart experiences built section by section.

Backend

PHP and OOP, MySQL, AJAX and third-party API integrations wired into the admin rather than hard-coded.

Delivery

Figma implementation through to server setup, DNS, SSL and launch on cPanel, Hostinger, WPEngine or Cloudflare.

Based in: Cebu City, Philippines
Status: Available for new projects
Education: BSIT
English: C2 - Advanced / Mastery

02Selected work

WebsitesI've built.

Client websites and products of my own - what each one needed and what I did. Open one for the full write-up.

Private portfolio · 10 more client projects

More WordPress, WooCommerce and Shopify builds.

Out of respect for those clients, I share them privately - ask, and I'll send you a password.

Request access I have a password

Your browser will ask for the username and password I sent you.

03Two platforms

Deep in two ecosystems, not shallow in ten.

WordPress

8 projects

Custom themes and builder-based sites, with a content model the client can actually use.

Best for: Content-led business sites, bespoke designs and WooCommerce stores.

Custom themes: Built from your design, with templates and blocks your team can reuse.
Content models: ACF fields and Custom Post Types, so editing never needs code.
Page builders: Elementor, Bricks and Divi builds, tidied so they stay fast.
WooCommerce: Product, cart and checkout customisation, plus plugin tweaks.

Also covers

Custom themes
Plugin customisation
ACF
Custom Post Types
Elementor
Bricks
Divi
WooCommerce

Shopify

4 projects

Liquid theme development and custom sections built around the product experience.

Best for: Online stores that want a storefront tailored to the product.

Liquid themes: Theme edits and new templates in Liquid, matched to the design.
Custom sections: Reusable sections with settings merchants change in the theme editor.
Product and collection pages: Variants, galleries and filtering that suit the catalogue.
Cart and metafields: Cart drawers and metafield-driven content for richer products.

Also covers

Liquid
Theme customisation
Custom sections
Collection pages
Product experiences
Cart drawers
Metafields
eCommerce

Not sure which one you need?

I'll recommend one based on what you sell and how your team will update the site, whichever platform it ends up on.

Ask which fits

04Services

What I take on.

01
WordPress Development
Custom themes, plugin customisation, ACF layouts, CPT UI and builder-based websites.
- Custom themes
- ACF
- CPT
- Hooks
02
Shopify Development
Liquid coding, custom sections, collection and product pages, cart drawers and metafield setups.
- Liquid
- Sections
- Metafields
03
WooCommerce Development
Store setup, product and checkout customisation, WooCommerce hooks and template overrides.
- Store setup
- Hooks
- Templates
04
Figma to Website
Pixel-accurate implementation from Figma, Adobe XD or Photoshop into responsive HTML, CSS and SASS.
- Figma
- XD
- Responsive
05
Custom PHP Development
PHP and OOP, Laravel and CodeIgniter applications, MySQL queries, AJAX endpoints and WordPress-native backend functionality.
- PHP
- Laravel
- CodeIgniter
- MySQL
06
API Integration
Third-party APIs mapped into Custom Post Types and ACF fields so the admin stays in control of the data.
- REST
- CPT
- Admin tools
07
Frontend Development
Responsive HTML5, CSS3, SASS, Bootstrap, vanilla JavaScript, React and Next.js, built mobile-first.
- React
- Next.js
- HTML5
- CSS3
08
Website Maintenance
cPanel, Cloudflare, Hostinger and WPEngine - migrations, DNS, SSL, backups and troubleshooting.
- Hosting
- DNS
- SSL
- Backups

Web development services in Cebu

05Process

How a project runs.

Stage 1 of 5

Discover

I review the design, website requirements, user flow and technical needs before writing any code.

You get

A clear scope: what gets built, how, and what I need from you.

Go through the Figma, XD or Photoshop file page by page
List the templates, components and interactions the build needs
Confirm the CMS, plugins, hosting and any third-party services
Raise unclear details and risks before work starts, not halfway through

Stage 2 of 5

Design

I translate the Figma, XD or Photoshop file into a build plan - structure, components, breakpoints and content model.

You get

A build plan and content model, agreed before development begins.

Break the design into reusable sections and components
Plan breakpoints so the layout holds from phone to wide desktop
Model the content: ACF fields, Custom Post Types or Shopify metafields
Decide what the client edits and what stays fixed

Stage 3 of 5

Develop

I build clean, mobile-friendly layouts with HTML, CSS, Liquid, PHP and JavaScript, then wire up CMS fields and dynamic functionality.

You get

A working site on a staging copy you can click through.

Pixel-accurate, responsive HTML and CSS from the design
Custom WordPress themes or Shopify Liquid sections, not page-builder bloat
PHP, AJAX and API integrations wired into the admin
WooCommerce and Shopify product, cart and checkout customisation

Stage 4 of 5

Test

I check responsiveness, browser behaviour, bugs, performance and admin usability across devices.

You get

A bug-checked build, with your feedback rounds folded in.

Test on real phone, tablet and desktop widths and the major browsers
Check forms, carts, search and every dynamic feature end to end
Review load speed, image sizes and accessibility basics
Try the admin as the client would, and fix anything confusing

Stage 5 of 5

Launch

I handle server setup, deployment, DNS and SSL, then hand over a site the client can edit without touching code.

You get

A live, secure site and a client who knows how to run it.

Server setup and deployment on cPanel, Hostinger, WPEngine or Cloudflare
DNS, SSL and redirects configured and verified
A final check on the live site, not just staging
A short handover so you can edit content without touching code

06Stack

The tools I reach forevery working day.

24 tools across 7 areas, in the order a build uses them.

3 tools
CMS
Where the content lives and who edits it.
- WordPress
- ACF
- Gutenberg Blocks
3 tools
eCommerce
Stores that take orders.
- Shopify
- WooCommerce
- Liquid
3 tools
Builders
Visual editing, kept tidy and fast.
- Elementor
- Bricks
- Divi
8 tools
Frontend
What the visitor sees and touches.
- JavaScript
- React
- Next.js
- jQuery
- HTML5
- CSS3
- SASS
- Bootstrap
4 tools
Backend
The logic behind the pages.
- PHP
- Laravel
- CodeIgniter
- MySQL
1 tool
Design
From the design file to the build.
- Figma
2 tools
Tooling
Shipping work safely.
- GitHub
- Bitbucket

Also used regularly

Also used regularly: CPT UI, Beaver Builder, WPBakery, Oxygen, SiteOrigin, Vanilla JS / ES6, AJAX, Adobe XD, Photoshop, InVision, Cloudflare, cPanel, Plesk, Hostinger, WPEngine, GoHighLevel, Wix, Squarespace.

07Under the hood

Clean, readable code.

Whether it is a WordPress hook, a Shopify section or a front-end animation, the goal is the same: something the next developer can read and the client can maintain.

PHP
Liquid
JavaScript

The snippets shown here are illustrative examples written for this page - not extracts from any client codebase.

functions.php

01// Register a Custom Post Type the editor can manage.02add_action( 'init', 'jjr_register_projects' );03 04function jjr_register_projects() {05  register_post_type( 'project', [06    'public'       => true,07    'has_archive'  => true,08    'supports'     => [ 'title', 'editor', 'thumbnail' ],09    'show_in_rest' => true,10  ] );11}

01
Readable first
Clear names, small functions and a comment wherever the reason isn't obvious.
02
Built on the platform
WordPress hooks and filters, Shopify sections and Liquid - not fragile overrides.
03
Editable by clients
Custom fields and theme settings, so content changes don't need a developer.
04
Fast and accessible
Semantic markup, sized images and interactions that work from the keyboard.

08Testimonials

What clients say.

5-star reviews from Upwork ↗

Rated 5 out of 55.0
“Jun has been a great developer to work with. He has shown that he has strong technical skills and has been able to solve issues for us that other developers couldn't. Great developer for WordPress projects. Thanks, Jun!”
Tom W.
WordPress Developer - ACF, Beaver Builder · Apr 2023
Rated 5 out of 55.0
“Jun went above and beyond what i expected. He completely reinstalled the whole wordpress site was meticulous in identifying where the fault was. Would definitely hire again for similar Wordpress jobs.”
Dominic C.
Fix menu on WordPress site · May 2020
Rated 5 out of 55.0
“Jun was great to work with, and his code was fantastic. He even put comments in his code for future developers. Too bad he was hired full time by someone other than me. Thanks Jun for all the great work! Hope to work with him again soon.”
Kevin P.
WP/HTML/Shopify Developers For Fun Long Term and Mini Projects · May 2018
Rated 5 out of 55.0
“It has been a pleasure to work with Jun! He's done a great job fixing the website issues. His skills were reasonably strong. It's not only about getting the job done but also doing it correctly! I enjoyed working him and will likely have additional jobs for him in the future.”
Upwork client
WordPress Blog Content Updates · May 2018
Rated 5 out of 55.0
“Jun-Jun conducted excellent work. He understood what I needed to accomplish and executed perfectly within the time frame expected.”
Upwork client
Life Cycle WordPress · May 2021
Rated 5 out of 55.0
“Developer did a great job on my site that required some updates. As usual on T&M type jobs you must be very specific on the requirements. Overall, I would recommend this developer and I'll certainly use him again. Thanks...”
Upwork client
Current Website Update · Jan 2017
Rated 5 out of 55.0
“Jun-Jun did exactly what I needed in a timely manner. I will definitely get in touch again when I expand my website.”
Upwork client
Add city pages to WordPress website · Feb 2019
Rated 5 out of 55.0
“Provided a quick performance evaluation and suggestions of our website. Thank you for the help!”
Jeremy P.
WordPress custom theme optimization · May 2021
Rated 5 out of 55.0
“Great developer!”
Khary R.
Need an Expert WordPress Developer / Beaver Builder Expert · Aug 2019

09Questions

Before we talk.

The things people usually ask first.

Anything else, just email me.

How does a project start?

Send me the details by email: what the site is for, any design files you have and when you need it. I'll reply with how I'd build it and what I need from you.

Can you work from a design file?

Yes. I regularly work from Figma, XD or Photoshop files and turn them into pixel-accurate, responsive WordPress or Shopify builds. If you don't have a design yet, tell me what you do have and I'll say how I'd approach it.

WordPress or Shopify - which should I choose?

I build with both, plus WooCommerce for WordPress stores. I'll recommend one based on what you sell and how your team will update the site.

Where are you based?

Cebu City, Philippines (UTC+8). I work remotely with clients worldwide, including the Netherlands, Australia, the United States and Italy.

Can I see client work that isn't shown here?

Yes. The rest of my portfolio is private out of respect for those clients. Request access and I'll send you a password.

Will I be able to edit the site myself afterwards?

That's the goal. I use custom fields and Custom Post Types so content can be updated without touching code. Website maintenance is also available if you'd like ongoing help.

Ask me something

10Contact

Have a project in mind?Let's build it.

Need a WordPress website, a WooCommerce store, Shopify customisation, a landing page or front-end implementation? Send me the details and I'll tell you how I'd build it. I work remotely from Cebu City, Philippines.

What I can help with

WordPress
WooCommerce
Shopify
Landing pages
Front-end builds

Tell me about it

contact@junjunragodos.me

Email reaches me directly. You can also find me on the profiles below.

What helps me quote faster

1The design file (Figma, XD or PSD) or a site you like
2The pages and features you need
3Your deadline, and the platform: WordPress, WooCommerce or Shopify

Get started

Start a project View my work Download résumé

View online ↗

Find me online

Jun-Jun RagodosSenior Web Developer, Cebu City, PhilippinesWordPress& ShopifyDeveloper

Verified freelance standing

Building digital experiencesfrom design to production.