sada

John Lloyd Segismar Mayol

Bachelor of Science in Information Technology
PHILIPPINES · +63 943 221 9155 · johnlloydmayol@gmail.com

Frontend Developer with 7+ years of experience in React, Next.js, and API integration. Skilled in building scalable, responsive apps, consuming REST/GraphQL APIs, and leading Agile teams to deliver high-performance solutions.


Technical Skills

Frontend

HTML, CSS (SASS, Tailwind, Bootstrap), JavaScript (React.JS, Next.JS), Redux, Storybook

Cloud, Version Control & Deployment

AWS, Azure DevOps, CI/CD Pipelines, Git, GitHub, GitLab, Microsoft Azure

CMS

Adobe AEM, WordPress

UI/UX Design Tools

Adobe Illustrator, Adobe Photoshop, Adobe XD, Figma, MockFlow

Others

cPanel, Cloudflare, JIRA, MySQL, Microsoft Office, Node.js, NPM, Postman, PHP (Laravel), Swagger, REST API, GraphQL, VS Code, Yarn

Operating Systems

macOS, Windows

about me
  • Personality
    • Communication
    • Creativity
    • Organization
    • Social
    • Team player
  • Organization
    • GDG Cebu – Google Developers Group Cebu (March 2017 – Present)
    • University of Cebu – Association of Working Scholar (AWS) (April 2015 – October 2019)
    • University of Cebu – Philippines Scociety of Information Technology Student (PSITS) (June 2015 – October 2019)
Workflow
  • Agile Development & Scrum
  • Browser Testing & Debugging
  • Cross Functional Teams
  • Responsive Web Design

Project


Professional Experience

Accenture Inc.

October 2022 - Present
Multiplatform Frontend Developer Sr Analyst

Developed scalable and reusable UI components and pages using React JS, Next JS, Redux, and Storybook, improving application consistency and maintainability.

Converted Figma, Adobe XD, and PSD designs into responsive, pixel-perfect, and cross-browser compatible web applications.

Built and maintained Storybook component libraries to support scalable frontend architecture and faster development workflows.

Integrated RESTful and GraphQL APIs to deliver dynamic, data-driven user experiences.

Designed reusable API service layers with authentication handling, error management, and performance optimization.

Utilized AWS cloud services including DynamoDB, Lambda, CloudFront, S3, API Gateway, and CloudTrail for API integration, file management, cloud storage, monitoring, and application delivery.

Integrated frontend applications with AWS-powered serverless and cloud-based architectures to improve scalability and performance.

Configured application builds, performed testing, and optimized frontend performance and application architecture.

Ensured all custom components and API integrations met business requirements, accessibility standards, and performance benchmarks.

Led Agile sprint activities and coordinated backlog completion to ensure timely delivery of project milestones.

Served as Scrum Master for a GenAI project, facilitating sprint planning, stand-ups, retrospectives, and team coordination.

Conducted pull request (PR) reviews to maintain code quality, scalability, and best practices before merging to development branches.

Managed CI/CD deployment pipelines and collaborated with DevOps teams to streamline release processes.

Collaborated closely with developers, UI/UX designers, architects, and project managers to deliver high-quality solutions.

Identified project risks, dependencies, and technical issues, proactively communicating solutions to stakeholders.

Participated in project planning, technical discussions, and architecture decisions before development implementation.

Continuously improved technical expertise through company training, certifications, and emerging technology research.

  • Frontend: HTML, CSS (SASS, Tailwind CSS, Bootstrap), JavaScript (React JS, Next JS), Redux, Storybook
  • Cloud & AWS Services: AWS (DynamoDB, Lambda, CloudFront, S3, API Gateway, CloudTrail)
  • API & Data: REST API, GraphQL, Postman, Swagger
  • Design Tools: Figma, Adobe XD
  • DevOps & Collaboration: Microsoft Azure, Git, JIRA, MS Teams

Key Projects:

DNA Micro Software Inc.

July 2021 - October 2022
UI/UX Designer and Developer

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

Key Projects:

Centrality Marketing Solutions

May 2021 - July 2021
Frontend Developer

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: HTML, CSS, JS (Vue.JS), PHP (Laravel), Git, GitHub, AWS

Key Projects:

HiPE Japan Inc.

November 2019 - May 2021
Web Developer

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

Key Projects:

KREDO IT ABROD INC.

October 2018 - May 2019
ON-THE JOB TRAINIG

Technical Support for hardware and software

Created Inventory System for the company

  • LANGUAGE: HTML, CSS (Bootstrap), PHP (Laravel), SQL, GIT, GitHub

University of Cebu - Main Campus

May 2015 - October 2019
WORKING SCHOLAR

Technical Support for hardware and software

Assisting students and teachers on computer laboratory

Sorting and filing documents


Education

University of Cebu - Main Campus

Bachelor of Science in Information Technology
June 2015 - October 2019

Immaculate Heart of Mary Academy - Minglanilla

High School
June 2011 - March 2015

Certificates


Reference

Mr. John Rosell Magalso

Outsourced PH – Senior Frontend Developer
Contact: +63 961 827 1956

Mrs. Licelyn Labrador

Accenture Inc PH – Business Architecture Associate Manager | People Lead
Contact: +63 927 792 9739

Mrs. Theresa Wingkee

Accenture Inc PH – User Exp Engineering Associate Manager | People Lead
Contact: +63 917 570 3495