← Selected work
AI / Product Design / Personal system

Interactive AI portfolio

Full case study

A self-initiated portfolio product built around a structured knowledge base and AI assistant that helps visitors explore Patrycja's experience, projects, strengths, and role fit.

AIProduct DesignAssistant DesignKnowledge BaseRole FitConversational UXPortfolio
Homepage of the interactive AI portfolio with positioning copy and calls to explore projects or ask the assistant.
The current portfolio opens with two clear paths: visitors can browse case studies directly or ask the assistant about experience, process, and role fit.
Role
Product Designer, UX Writer, AI prototyper
Status
In active development
Relevant for
Product Designer roles involving AI-assisted experiences, startup roles, UX writing/content design roles, and portfolio/recruitment contexts.
Evidence focus
Portfolio strategy, assistant behavior, knowledge structure, and role-fit logic.

Context

Most portfolios are static: they present the same linear story to every visitor. But recruiters, hiring managers, founders, and design leads often arrive with different questions and limited time. A static page can show evidence, but it rarely adapts to the visitor’s intent.

Problem

How can a portfolio behave more like a product — helping someone browse selected work, ask targeted questions, and assess role fit without forcing them to connect every dot alone?

My role

I own the product concept, positioning, information architecture, knowledge-base design, assistant behavior, conversation flows, UX writing, interface direction, scope, trust rules, project selection, and AI-assisted prototyping.

Key challenges

  • Making the AI layer useful rather than gimmicky
  • Structuring portfolio knowledge so the assistant can answer from reliable source material
  • Designing role-fit answers that are helpful but not overpromotional
  • Balancing personality with professional credibility
  • Keeping key portfolio information visible even for visitors who do not use chat

Process

I started by turning portfolio content into a structured knowledge base: profile, positioning, projects, strengths, UX writing, AI experience, tools, work style, and role-fit guidance. From there, I defined assistant behavior rules, useful visitor questions, conversation flows, page structure, and the first MVP interface.

What I worked on

Portfolio as product

Structuring the website around visitor tasks: understand the profile, choose relevant projects, evaluate role fit, and find a clear contact path.

Knowledge-base design

Turning portfolio materials into structured source content the assistant can use without relying on vague memory or inflated self-description.

Assistant behavior

Defining how the assistant should answer, what it should avoid, how it should handle uncertainty, and when it should point to specific projects.

Role-fit logic

Designing a more honest way to compare Patrycja's profile with a job description or product-team need: strengths, relevant evidence, gaps, and next questions.

Key design decisions

Problem

A chatbot can easily feel like a gimmick if it is not connected to a real user need.

Decision

Frame the assistant as a way to explore portfolio evidence by question, role, or project — not as an AI novelty.

Why it mattered

This keeps the AI layer useful before it is impressive.

Problem

Portfolio assistants can overclaim, invent results, or make every answer sound like a sales pitch.

Decision

Ground the assistant in a structured knowledge base with explicit rules about uncertainty, limits, and unsupported claims.

Why it mattered

Trust matters more than a flattering answer, especially in hiring contexts.

Problem

Not every visitor wants to use chat, and essential evidence should not be hidden behind an assistant.

Decision

Keep project pages, navigation, and visible content strong enough to work without chat.

Why it mattered

The assistant complements the portfolio instead of becoming the only way to understand it.

Solution

The result is an evolving portfolio experience with two complementary layers: curated pages for direct browsing and a connected portfolio assistant that can help visitors explore by question, skill, role, or project. The current implementation keeps the page useful on its own while the assistant answers from the approved knowledge base.

Visual evidence

Homepage of the interactive AI portfolio showing the main positioning statement and navigation paths.

Two entry paths: browse or ask

The homepage frames the portfolio as a product experience and gives visitors a choice: browse case studies or ask the AI assistant a targeted question.

AI portfolio assistant interface with suggested questions and a message input.

Assistant as a guided exploration layer

The assistant gives visitors a faster way to explore experience, projects, AI work, UX writing skills, and role fit while staying grounded in the approved portfolio knowledge.

Selected work page showing project cards and filters for browsing portfolio case studies.

Evidence stays visible outside chat

The project index keeps the portfolio useful for visitors who prefer direct browsing, with filters and case-study cards acting as the main evidence layer.

What this project demonstrates

  • AI assistant design
  • knowledge base structure
  • system prompt design
  • role-fit logic
  • portfolio as product experience
  • conversational UX
  • product positioning

Reflection

Treating the portfolio as a product changed the question from “what should I show?” to “what does each visitor need to understand?” The assistant is not the whole experience; it is a navigation and interpretation layer that makes a broad background easier to explore.

Ask the assistant about this project

Portfolio Assistant
Based on Patrycja's approved portfolio knowledge

Hi, I'm Patrycja's AI portfolio assistant. I can help you explore her experience, projects, AI work, UX writing skills, and potential fit for your role or team. You can ask a specific question or paste a job description for a role-fit check.

Please do not paste confidential or sensitive personal information. This assistant sends your question to Google Gemini API free tier and answers from Patrycja's approved portfolio knowledge base. Some details may still need to be confirmed directly with her.