Process Services Split
A two-column block with four services on the left and four numbered process phases on the right showing both the offer and the method.
A two-column block with four services on the left and four numbered process phases on the right showing both the offer and the method.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Process Services Split shows a two-column layout: the left column holds the heading What I do and how I do it, a lede, and four services in a ruled list; the right column holds four numbered process phases, Understand, Design, Test, and Deliver, each with a phase label, a heading, and a body paragraph. The Deliver phase specifies two weeks of post-handoff availability. The lede names the honest caveat: the services and the process overlap because a design engagement is not a production line.
Services and phases are two typed arrays. Showing both on the same surface is the distinctive choice: a visitor who sees only services does not know what they are buying into; adding the process shows how an engagement actually flows.
Reach for this block as a services page that needs to sell the method alongside the offer. The installer swaps the service titles and phase descriptions to match their actual workflow, keeping the lede honest about where the phases blur.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the offer-and-process split for a freelancer or small studio. Other layouts:
Tip: four phases is the ceiling; more than four and the process column loses its clarity advantage over a plain paragraph.