Process Comparison
A heading and intro above a two column comparison table, contrasting the usual studio approach with how I work across five ruled aspect rows.
A heading and intro above a two column comparison table, contrasting the usual studio approach with how I work across five ruled aspect rows.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Process Comparison sets the usual studio way of working beside how I actually work across five aspects of an engagement: kickoff, communication, revisions, handoff, and pricing. A two column header names the sides, and each ruled row states the common approach on the left and the alternative on the right, so a visitor can weigh the difference one aspect at a time.
Rows are one array of objects, each with an aspect label and two contrasting sentences; the header hides on mobile and every row prints its own inline labels instead. The side by side contrast is the distinctive choice, turning positioning into something concrete rather than a list of adjectives.
Reach for this block on a services or about page when the practice differs from what a client expects and that difference is worth naming directly. The installer swaps the five aspects and both sentences on each row to match how they really work.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the freelancer against agency contrast for a relationship-led practice. Other comparisons:
Tip: keep the left column fair rather than a straw man, an honest usual case is what makes the right column read as credible.