Storytelling Approach
A narrative section that walks through your process in ordered steps with supporting copy. Use it to explain how you work and win over cautious buyers.
A narrative section that walks through your process in ordered steps with supporting copy. Use it to explain how you work and win over cautious buyers.
Search blocks by description or jump to a page.
Storytelling Approach is a two column personal introduction section. A centered header with an outline badge and headline sits above the main content, which splits into a left column and a right column. The left holds a square portrait photo followed by two stat tiles side by side showing years of experience and projects completed. The right holds two named subsections, "My Journey" and "Philosophy and Approach," written as flowing prose paragraphs. Below both columns, a full width row of four cards lays out the freelancer's core values, each card carrying a short title and one descriptive sentence. A centered call to action button closes the block.
All of the text is independent of the layout, so you can swap the heading, rewrite either prose subsection, update the stat figures, and swap in a different portrait without touching the grid or the card grid. The four value cards are driven by a plain array, so you can add, remove, or reorder values freely.
Reach for this block when a client or hiring manager needs more than a bullet list of skills and wants to understand the person behind the work. It is a strong fit for an online educator or course creator whose audience needs to trust them before buying: the combination of a human portrait, concrete stats, and an honest written narrative builds credibility in a way that an icon grid cannot. Place it after a hero on an about page or as a standalone "About" section on a portfolio landing page where the goal is to convert a cautious first time visitor into a paying student or collaborator.
A natural flow around it on a Portfolio page:
Before
After
The natural fit is a freelancer or educator introducing their background, philosophy, and guiding principles. A few other ways to use the frame:
Tip: keep the core value cards to four so the two column card grid stays balanced and each card gets enough breathing room to read well.