Front-End Case Study

Building InkRecycling.org

Creating an online system that would make ink cartridge recycling easy and intuitive for end-users.

Project Overview

This project involved designing and developing a fully-responsive, high-performance web platform from concept to code. The primary goal was to create an online system that would make ink cartridge recycling easy and intuitive for end-users while providing our partners in the remanufacturing industry with a scalable and easy-to-manage supply channel.

Our team focused on a user-centric design approach, conducting extensive research to understand the pain points of both individual recyclers and large-scale remanufacturers. We implemented modern front-end technologies to ensure a fast, reliable, and secure application.

The Challenge

The ink recycling market was fragmented, with no centralized online system for users to get paid for their empty cartridges. Our challenge was to build a platform that could:

  • Create a seamless and intuitive online recycling process.
  • Integrate with an open-source e-commerce system to handle payments and tracking.
  • Ensure the site was fully responsive and accessible on all devices.
  • Build a dynamic product catalog for hundreds of ink cartridge model numbers.

My Role & Solution

As the lead front-end developer for this project, I was responsible for the entire user interface and user experience implementation. I worked closely with our partners to translate business goals into a functional, pixel-perfect website. My solution involved:

  • Technology Stack: I used HTML5, CSS, and JavaScript to build the site, leveraging the Bootstrap framework for mobile-first responsive design. The trade-in system was powered by an open-source e-commerce platform that I customized to meet our specific needs.
  • Intuitive User Flow: I designed a simple, 3-step process for users to recycle their cartridges, from listing their items to receiving a prepaid shipping label and payment.
  • Visual Design: I created a custom style guide based on the Bootstrap framework to ensure design consistency. I also implemented a fluid grid system to guarantee a seamless mobile-first experience.

Results & Takeaways

The new platform launched successfully, resulting in a 30% increase in recycled cartridge volume within the first quarter. We have created a scalable supply channel for our partners while providing a valuable, easy-to-use service for the community.

This project taught me the importance of a strong foundational architecture and the value of close collaboration between design and development teams. It reinforced my passion for building beautiful and functional web applications that solve real-world problems.

Project Details

  • Client: InkRecycling.org
  • Role: Lead Developer
  • Services: Web Development, UX/UI Implementation, Open Source Ecommerce, Dev Ops
  • Technologies: HTML5, Javascript, Bootstrap 5 CSS, PHP, JQuery, AWS, Apache
  • Date: Q3 2025
Visit Live Site