Case Study

JavaScript Troubleshooting

involveMINT.io

Contract, Web Developer

Summary

I replaced outdated JavaScript with a set of responsive, user-friendly buttons.

A malfunctioning custom script in a call-to-action JavaScript prevented user registration. I consulted a web development specialist, who revealed that the script was outdated. I designed a set of responsive, user-friendly buttons to replace the script. The new buttons significantly improved website functionality and user experience, increasing user engagement and facilitating smoother operations.

Situation

A significant issue arose with a malfunctioning custom script in a call-to-action modal critical for user interactions, such as participating in initiatives, starting projects, and registering as vendors. The outdated JavaScript was causing considerable confusion and frustration among users, undermining the site’s functionality and the organization’s digital engagement strategy.

Task

I aimed to:

  1. Diagnose the specific issues causing the malfunction in the call-to-action.

  2. Design and implement a solution.

Actions

  1. Conducted an Initial Analysis: I examined the script to understand the issues.

  2. Consulted a Developer: I sought the advice of a seasoned developer, who identified that the problem stemmed from outdated JavaScript.

  3. Developed a New Solution: I crafted a set of responsive, user-friendly buttons to replace outdated JavaScript. I chose this design to enhance user experience.

  4. Implementation and Testing: After integrating the new buttons into the website, I conducted thorough testing to ensure they functioned correctly.

Screenshot of the JavaScript in WebFlow.

Results

The investigation’s findings determined that the outdated JavaScript code was the main reason behind the malfunction. To resolve the issue, I replaced the obsolete script with interactive buttons. This replacement eliminated the malfunction and restored the system’s functionality and user flow.

The original JavaScript CTA.

The buttons I made to replace the script.

Outcomes

  1. Enhanced Website Functionality: Introducing three new responsive buttons improved the website’s functionality, making it easier for users to interact with it.

  2. Improved User Experience: By replacing the problematic script, we streamlined the user experience, significantly reducing confusion and frustration.

  3. Increased User Engagement: The new buttons sparked a surge in user participation, with more users engaging in projects, initiating new projects, and registering as participants.

  4. Boosted Organizational Efficiency: The front-end design improvements facilitated smoother operations and better alignment with involveMINT.io’s mission of supporting community development through local currency systems.

Previous
Previous

Code for America: UX Copyediting

Next
Next

involveMINT.io: Front-End Development