All work 006 · Case study

Building a Portfolio as a Communication Channel

I redesigned my portfolio as more than a repository of finished work. I created a connected publishing system that turns case studies, articles, and professional thinking into a consistent communication channel across my website, Substack, and LinkedIn.

The longer-term goal is even broader: establish the portfolio as a personal digital platform that can eventually connect future AI agents, knowledge, projects, and professional activity into one system.

  • Portfolio Strategy
  • Content Systems
  • Personal Brand
Org
Independent
Product
Johnny Dilan Portfolio & Publishing Ecosystem
Role
Designer · Developer · Content Strategist
Year
2026
Three-column ecosystem diagram. Professional work — projects, decisions and insights — feeds the portfolio platform, the canonical source for work and thinking, which holds case studies as proof and writing as perspective on top of a publishing system of templates, metadata, a visual system and publishing rules. The portfolio feeds two communication channels: Substack for long-form thinking and subscribers, and LinkedIn for discovery and conversation, with an explore-deeper loop back to the work. Tagline: one source of truth, multiple paths to discovery.
The portfolio as the central source, connected to Substack and LinkedIn.

Overview

Most portfolios are passive. They document previous work and depend on someone intentionally visiting the site to discover it.

I wanted to create something different.

I redesigned my portfolio as the central layer of a broader professional communication system. The website remains the canonical source for my work, but individual projects and ideas can extend into channels where professional conversations are already happening.

The model connects three primary surfaces:

Channel model (Portfolio , then Substack , then LinkedIn)

Each has a specific role. The portfolio provides depth and evidence. Substack supports long-form thinking and a direct subscriber relationship. LinkedIn creates discovery, reach, and professional conversation.

The objective was to move from a static collection of projects toward a system for continuously communicating how I approach UX, AI, design systems, accessibility, and digital transformation.

The longer-term goal is even broader: establish the portfolio as a personal digital platform that can eventually connect future AI agents, knowledge, projects, and professional activity into one system.

The challenge

Traditional portfolios create a discovery problem.

A recruiter, executive, or peer must already know the portfolio exists, navigate to it, select a project, and invest enough time to understand the work. Strong case studies can remain largely invisible outside that narrow discovery path.

Social platforms solve part of the problem but create another. Posts are temporary and fragmented. Important ideas disappear into feeds, and the platform controls how content is distributed and rediscovered.

I needed an architecture that supported both durability and distribution.

My role

I treated the redesign as both a product problem and a content-system problem.

I defined the information architecture, visual language, case-study framework, article structure, metadata strategy, publishing workflow, and relationship between the portfolio, Substack, and LinkedIn. I also designed and developed the portfolio itself.

The underlying principle was reuse.

Before-and-after comparison. Before: a project leads to a single portfolio page — one project, one destination. The system model: a project becomes a case study, then a reusable insight that branches into an article, Substack publishing, a LinkedIn narrative and future content, all supported by a shared editorial system of structure, metadata, visual language and templates. Tagline: create once, adapt intentionally.
From project to communication system — the single-output model versus the multi-output publishing model.

One source of knowledge could now support multiple forms of communication without requiring the underlying story to be recreated every time.

Key decisions

Decision 01

Make the portfolio the canonical source

The website remains the deepest representation of the work: context, challenges, decisions, evidence, and outcomes.

Other channels create discovery paths back toward that source rather than replacing it.

Distribution channels can change. The portfolio remains durable.

Decision 02

Separate proof from perspective

Case studies and articles perform different jobs.

Case studies demonstrate how I approached a real problem. Articles extract broader ideas from that experience and turn them into reusable professional perspectives.

A design-system initiative, for example, can provide evidence for articles about governance, AI-readable systems, design-to-code workflows, or organizational scale.

Case studies show what I have done. Articles show how I think.

Decision 03

Give every channel a role

I avoided publishing identical content everywhere.

The portfolio provides depth. Substack provides long-form editorial continuity. LinkedIn compresses an idea into an accessible professional narrative that creates discovery.

The communication model becomes:

Channels become more useful when each performs a specific function.

Channel operating model in three tiers. Discover: LinkedIn offers short narratives, professional reach, conversation and an entry point. Understand: Substack offers long-form thinking, subscribers, editorial continuity and a recurring relationship. Explore: the portfolio offers case studies, evidence, decisions, outcomes and a professional archive as the canonical source of truth. Each tier drives readers to the next, with return paths for new conversations. Tagline: discover, understand, explore.
Channel operating model — the distinct role of LinkedIn, Substack and the portfolio across Discover, Understand and Explore.

Decision 04

Build publishing into the system

I created reusable structures for case-study sections, article graphics, Open Graph images, captions, metadata, descriptions, tags, and social posts.

Publishing became part of the design system rather than an activity performed after the work was complete.

Content becomes scalable when publishing patterns become reusable components.

The solution

The final portfolio operates as a connected content ecosystem.

The website contains two primary forms: case studies and writing.

Case studies communicate execution, leadership, decisions, and outcomes. Articles convert those experiences into reusable thinking about UX leadership, AI, design systems, accessibility, and product development.

Substack extends that thinking into a subscriber-based channel. LinkedIn becomes the distribution layer, using shorter standalone narratives to introduce an idea and create a path toward deeper content.

The operating loop becomes:

Publishing is no longer separate from the work. It becomes a continuation of it.

Publishing workflow in three columns. A source project or idea, with its evidence, decisions and lessons, passes through a shared publishing system — case-study structure, article structure, an image framework, metadata, tags and descriptions, and a social narrative pattern — to produce multiple outputs: a portfolio case study, a portfolio article, a Substack publication, a LinkedIn post and a social OG asset. New conversations and insights loop back to the source. Tagline: publishing patterns become system components.
Publishing workflow — one source topic becomes multiple channel-specific assets without separate content operations.

Impact

The redesign changed the function of my portfolio.

It is no longer simply a destination waiting to be discovered. It is the foundation of an ongoing professional communication system.

A single project can now produce detailed evidence for evaluators, strategic thinking for peers and leaders, long-form content for subscribers, and concise narratives for professional networks.

More importantly, the system creates continuity between what I do and what I communicate.

The larger shift is from portfolio as archive to portfolio as platform.

The work provides the evidence. The articles extract the thinking. Substack creates continuity. LinkedIn creates discovery. The portfolio connects them into one coherent professional narrative.