John Lloyd Mayol

Frontend Engineer

Minglanilla, Central Visayas, Philippines10 yrs 10 mos experience

Most Likely To SwitchHighly Stable

Key Highlights

Over 7 years of experience in frontend development.
Proficient in modern frameworks like React.js and Next.js.
Led teams to improve user engagement by 30%.

Stackforce AI infers this person is a Frontend Developer with expertise in modern web applications and UI/UX design.

Contact

Skills

Core Skills

React.jsNext.jsUi/uxWordpress

Other Skills

Redux.jsFigma (Software)Adobe Experience Manager (AEM)DevOpsAWSJiraMicrosoft AzureSASSNetworkingServersPugJSExpress.jsJavaScriptNode.jsVue.js

About

Results-driven Frontend Developer with over 7 years of experience in building modern, responsive, and user-centric web applications. Adept in React.js, Next.js, Redux, and UI/UX design tools. Proficient in working with cross-functional teams in Agile environments and delivering pixel-perfect solutions aligned with business goals.

Experience

10 yrs 10 mos

Total Experience

2 yrs 8 mos

Average Tenure

3 yrs 7 mos

Current Experience

Accenture in the philippines

Multiplatform Frontend Developer Sr Analyst

Oct 2022 – Present · 3 yrs 7 mos · Philippines · Remote

+ Built new components and pages using React JS, Next JS, Redux, and Storybook to enhance UI/UX consistency and reusability.
+ Transformed designs (PSD/XD/Figma) into responsive code.
+ Created and maintained Storybook components for scalable UI development.
+ Integrated and consumed RESTful and GraphQL APIs to enable dynamic data-driven applications.
+ Designed reusable API services and handled authentication, error handling, and performance optimization.
+ Configured builds, tested applications, and optimized technology architecture.
+ Ensured all custom components API integrations met performance goals and business requirements.
+ Led the team to complete backlog tickets efficiently.
+ Led the team through Agile sprints and served as Scrum Master on a GenAI project.
+ Reviewed pull requests (PRs) before merging with the development branch.
+ Managed CI/CD pipelines on servers to streamline deployment processes.
+ Collaborated with developers, designers, and architects to meet project goals.
+ Communicated issues and dependencies with the technology architect and project manager.
+ Planned project structures and development workflows before implementation.
+ Attended company training sessions to stay updated on new technologies and best practices.
CMS: Adobe AEM
DESIGN: Adobe XD, Figma
LANGUAGE: HTML, CSS (SASS, Tailwind, Bootstrap), JavaScript (React JS, Next JS), Redux, Storybook, REST API, GraphQL
TOOL: AWS, JIRA, Microsoft Azure, MS Teams, Git, Postman, Swagger
projects:
Gen AI in TDLC - Training Labs
IX DMO - Fincantieri
ZATCA Digital Transformation
MS-LH-Sitecore AVA-KDDI-Chubu Telecoms
MS IPS - LH - AVA - BDR - Sitecore Capacity - BDR THERMEA

Next.jsRedux.jsFigma (Software)Adobe Experience Manager (AEM)DevOpsAWS+30

Dna micro

UI/UX Designer and Developer

Jul 2021 – Oct 2022 · 1 yr 3 mos · On-site

+ Take responsibility on responsive web, tablet and mobile views
+ Testing and improving the design of the project
+ Maintaining the appearance of project by enforcing content standards
+ Determine how users interact with products
+ Integrated and consumed RESTful and GraphQL APIs to enable dynamic data-driven applications.
+ Designed reusable API services and handled authentication, error handling, and performance optimization.
+ Identify and troubleshoot UI/UX problems
+ Transformed designs (PSD/XD/Figma) into responsive code.
+ Create new components
+ Manage the Search Engine Optimization (SEO)
+ Optimized site performance, reducing load time by 40%
+ Led a 10 - member team to deliver the UI/UX GoRentals, improving user engagement by 30%
DESIGN: Adobe XD, Figma, MockFlow
LANGUAGE: HTML, CSS (SASS, Tailwind), JS (React.JS, Next.JS, Express.JS, Pug.JS), Storybook, Git, GitHub, GitLab
project:
gorentals.com
23point5.com

Figma (Software)HTMLRedux.jsCascading Style Sheets (CSS)Tailwind CSSExpress.js+7

Centrality marketing solutions

Frontend Developer

May 2021 – Jul 2021 · 2 mos · On-site

+ Create company website from scratch using CMS
+ Leading the work of a team to achieve all projects
+ Maintaining company website, company system and client website
+ Design company website
+ Transformed designs (PSD/XD/Figma) into responsive code.
+ Manage hosting
+ Make video presentation for the company
+ Trouble shoot company technology
+ Manage the Search Engine Optimization (SEO)
+ Identify and troubleshoot UI/UX problems
CMS: Wordpress
PLUGINS: Brizy, Elementor and more
DESIGN: Adobe Photoshop, Adobe Illustrator
LANGUAGE: Laravel, Vue.js, Github, AWS
project:
centralityms.com
blog.centralityms.com
workforce
remaxprocebu

Figma (Software)Vue.jsJavaScriptWordPressUI/UXAdobe Photoshop+3

Hipe japan inc.

Web Developer

Nov 2019 – May 2021 · 1 yr 6 mos · Keppel Center, Unit 606, Cebu City, 6000 Cebu · On-site

+ Create new website and maintaining company website and client website
+ Setup and maintaining the company internet network
+ Manage hosting
+ Trouble shoot company laptop
+ Transformed designs (PSD/XD/Figma) into responsive code.
+ Manage the Search Engine Optimization (SEO)
+ Optimized site performance, reducing load time by 50%
CMS: Wordpress
PLUGINS: ACF, Elementor, Ninja Form, and more
DESIGN: Adobe Photoshop, Adobe Lightroom, and Adobe Illustrator
LANGUAGE: HTML, CSS (SASS, Bootstrap, Tailwind), PHP (Laravel), GIT, GitLab, GitHub, Yarn
projects:
hipe.asia
en.hipe.asia
drp-estate.com
delie.jp
bukkenkingdom.com
seicho-fudousan.com
suidobi-fudousan.com
forest-ie.com
momonoki-est.jp
harmony-fudousan.jp
daiken-rs-estate.jp
withbe.jp