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

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.

Multiplatform Frontend Developer Sr Analyst

+ 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:

October 2022 - Present

DNA Micro Software Inc.

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

projects:

July 2021 - October 2022

Centrality Marketing Solutions

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

projects:

May 2021 - July 2021

HiPE Japan Inc.

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

projects:

November 2019 - May 2021

KREDO IT ABROD INC.

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
October 2018 - May 2019

University of Cebu - Main Campus

WORKING SCHOLAR

+ Technical Support for hardware and software
+ Assisting students and teachers on computer laboratory
+ Sorting and filing documents

May 2015 - October 2019

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

Accenture Inc.
Contact: +63 961 827 1956
Email: john.rosell.magalso@gmail.com

Ms. Ma Thania Sinogaya

DNA Micro
Contact: +63 961 831 1801
Email: ma.thania.sinogaya@gmail.com

Mr. Kevin Rey Co

Operation Manager – Fat House Distributors LLC
Contact: +63 995 930 1450
Email: kevinreyco2@gmail.com