sada

John Lloyd Segismar Mayol

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

Results-driven Frontend Developer with over 6 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


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

Adobe AEM, WordPress

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.
+ Configured builds, tested applications, and optimized technology architecture.
+ Ensured all custom components 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), Git, Storybook
  • TOOL: AWS, JIRA, Microsoft Azure, MS Teams

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


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