Client Experience Journey Before vs After B2B Infographic

Modern marketing infographic titled "B2B Customer Journey: Before vs After" using a before-after comparison archetype. Create a side-by-side horizontal comparison layout with two columns: left column "Before" and right column "After", each showing the same 4 customer journey stages connected by clear flow arrows from left to right. Stages must be: 1) "Awareness" — caption "Low visibility" / "Targeted visibility" — metric "18%" on Before and "42%" on After — icon brief: eye icon with audience dots. 2) "Consideration" — caption "Generic interest" / "Qualified interest" — metric "12%" on Before and "31%" on After — icon brief: magnifying glass over document. 3) "Decision" — caption "Delayed action" / "Confident action" — metric "7%" on Before and "19%" on After — icon brief: checkmark in circle or handshake icon. 4) "Lead Conversion" — caption "Weak handoff" / "Sales-ready leads" — metric "4%" on Before and "11%" on After — icon brief: funnel or user-plus icon. Add a small comparison callout between columns for each row with subtle arrow indicators showing uplift, but percentages only, no extra claims. Use soft rounded cards, subtle shadows, minimalist Notion-style soft UI, monochrome professional palette with light gray, charcoal, off-white, and one muted accent color such as desaturated blue-gray. Typography mood: clean sans-serif, bold headlines, medium-weight labels, concise captions. Ensure all numbers, labels and arrows are sharp and readable. Include editorial-quality vector illustration, flat-design icons, clean grid composition. Avoid real brand logos, real product UI screenshots, and celebrity faces; use generic placeholders only such as "Brand A" and "Page B" if needed. Visually imply the search intent client experience journey through abstract journey-path cues only, without rendering that phrase as on-image text. All text MUST be written in English (array). Every heading, label, caption, legend and metric name in the image must be in English — not English. Spell each English word correctly using English characters and diacritics. Numbers stay as digits, no watermarks, no real brand logos No real brand logos, no real product UI screenshots, no celebrity faces. Use generic placeholder labels (Brand A, Page B) where a specific company would otherwise appear. Numbers should be plausible illustrative examples, not claims about any real company.