Brake Pad Website Revamp

Jun 2025 - Nov 2025

Role: Web Developer

Project Link Access to this project is restricted because it runs in an internal environment.
Brake Pad Website Revamp thumbnail
Tech Stack

Overview

This project focused on building a new product-oriented website chapter for the upcoming brake pad release while the broader BRIX website was also being refreshed. The work combined new page development, UI changes from the design team, and tighter collaboration with marketing and media stakeholders who had started using the CMS and giving more structured input.

In Collaboration With: Marketing Team, Design Team, and Media Team

Responsibilities

  • Translated updated design direction into a new brake pad-focused website implementation
  • Developed dedicated product presentation pages for the upcoming brake pad release
  • Adjusted the frontend structure to accommodate larger UI changes requested by the design team
  • Worked iteratively with marketing and media stakeholders as the CMS became part of their daily workflow
  • Balanced delivery speed and UI quality while the timeline remained relatively tight
  • Integrated the new section into the broader BRIX website direction instead of treating it as an isolated page

Outcome

BRIX gained a more launch-ready and more polished product presentation layer for the brake pad initiative. The result was not just a new page, but a more credible and better-directed product web experience shaped by cross-team input.

Detailed Breakdown

The section above is optimized for fast recruiter review. If you want the full implementation context, open the details below.

BRIX needed a more launch-ready digital presentation for a new brake pad product, while the existing website structure and UI quality were no longer enough to support a stronger marketing push. The challenge was to implement a clearer product experience while also responding to ongoing feedback from multiple non-technical teams.

The solution was to develop a dedicated brake pad-focused website section and iterate on the frontend based on design and marketing input. Instead of only adding one more page, the work refreshed the product presentation layer so the upcoming release could feel more intentional and more aligned with the new brand direction.

Product Presentation Flow

01

Review the new product launch direction and map which content blocks are needed for the brake pad section.

02

Implement the updated UI structure so product information can be presented more clearly and more convincingly.

03

Refine the visual flow based on design and marketing feedback until the page feels ready for launch support.

Collaboration Flow

01

Receive feedback from design, marketing, and media stakeholders after the CMS made collaboration more active.

02

Translate that feedback into frontend adjustments and page-structure decisions.

03

Keep iterating until the final section better reflects the desired product narrative and brand quality.

Compared to the earlier maintenance phase, this project was less about preserving a static structure and more about building a stronger product-facing experience. The technical challenge sat in implementing evolving UI direction quickly while still keeping the resulting page cohesive and usable.

Implementation Flow

01

A new product section structure is prepared around the launch needs of the brake pad release and the latest design direction.

02

Frontend implementation is adjusted iteratively as design revisions and stakeholder feedback continue during development.

03

The resulting pages are aligned with the rest of the website so the new release feels connected to the broader BRIX ecosystem.

Implementation Details

  • Built new product-focused frontend pages for a future release campaign
  • Handled broader UI revamp requirements instead of only isolated page edits
  • Worked with design handoff and iterative stakeholder feedback loops
  • Balanced responsive behavior with a more visual marketing-oriented layout
  • Integrated launch-oriented product content into the wider BRIX site structure
  • Delivered the last major visible website chapter before the next operational tools phase

This project shows a more collaborative product-presentation phase where frontend execution had to absorb input from several business-facing teams at once.

Explore More Projects

A few more top picks that show adjacent product, platform, and operations work across the portfolio.

View All Projects
Brill One-Page Landing Page Development preview Brill One-Page Landing Page Development Brill Hepa Filter | New product development Strapped Plate Generator Enhancements preview Strapped Plate Generator Enhancements Strapped Plate | Product enhancement QRIS Refund Reconciliation System preview QRIS Refund Reconciliation System Alfamart | New product development Stock Opname Application preview Stock Opname Application BRIX Performance | New product development