Comment Blocks

Contextual commenting on live web pages

problem

Teams building and reviewing websites often struggle to capture feedback in context. Traditional methods like documents, spreadsheets or issue trackers separate comments from the page itself, creating friction and miscommunication during design and development. -The key challenges were: -Feedback disconnected from the page where it matters -Versioned screenshots losing context -Review cycles taking too long -Developers and designers lacking shared, live annotations

solution

I helped define and design a platform that lets teams drop real‑time, contextual comments on live web pages. Embedded Commenting -Users can view and add comments directly through the app interface or activate comment mode on a live site by adding a simple URL parameter -Comments are anchored to specific parts of a page rather than separate from the content, improving clarity and reducing misunderstanding Project System -Built a dashboard where reviewers can create projects, add a website URL, and manage all related comments in one place  -Comments update in real time and show up in context on the referenced page, so feedback feels integrated. Collaboration Flow -Commenters can tag others, reference specific UI elements and capture visual issues directly on the live page. -The system supports iterative review cycles with contextual history, keeping all feedback linked to where it matters.

I defined a contextual commenting platform that brings feedback directly to where it matters — on the live page — letting teams talk inside the experience instead of outside it.

Feedback workflows typically live in separate tools — Slack threads, documents, sheets. This disconnect leads to lost context and slow iteration.

Commentblocks changes that. You add a website URL to the project dashboard and instantly comment right on the page. Reviewers see labels over live UI elements, making it clear where issues or ideas originate 

I structured the platform to treat each comment as part of a thread tied to a specific DOM element, so nothing floats without context. Reviewers can switch between overview and detailed view easily.

I also built the project view where stakeholders track all comments together, streamlining approval cycles and eliminating guesswork. By uniting feedback with the page itself, teams can iterate faster with less back‑and‑forth.

impact