Three Phase Process
A two-column split with design philosophy and three belief statements on the left and three numbered phases as a ruled list on the right.
A two-column split with design philosophy and three belief statements on the left and three numbered phases as a ruled list on the right.
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
Three Phase Process splits a heading and design philosophy on the left against a ruled list of three numbered phases on the right: Understand (no design tool opens until the problem is written down), Design (tight loops, one structured feedback round per stage), and Deliver (annotated files plus availability during the first build sprint). Three bullet beliefs sit beneath the lede: good process makes the work faster, not slower.
Phases are one array and beliefs a second. The side-by- side layout is the distinctive choice, the philosophy earns the method; placing both in view at once lets the reasoning support the steps.
Reach for this block on a services or about page where the designer wants to explain both what they do and why they do it that way. The installer swaps the beliefs, phase titles, and detail copy to match their own method.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the method-and-philosophy split. Other split arrangements:
Tip: the brief is the most important document in the project is more persuasive than any five-point list, one stated belief beats a stack of bullet features.