CoreStory

Overview

Fun Fact!
The internal code name for CoreStory was "Kenobi". A nod to the Jedi Master known for bringing clarity to complex situations.
Click anywhere to close
AI Workflow for Generating the Artifacts
This is a small portion of the workflow that results in generating the artifacts in CoreStory.
Click anywhere to close
What is CoreStory?
CoreStory is an AI-powered platform that analyzes codebases across three levels of abstraction. Giving developers, architects, and business stakeholders the insights they need to modernize and maintain legacy systems. Built specifically for massive codebases where off-the-shelf LLMs, traditional tools, and human analysis alone fall short.

CoreStory emerged from a major rebrand of Crowdbotics, and is now the company's sole product offering.
Role
Senior Product Designer (only designer on project)
Timeline
February – September 2025
Team
Cross-functional (Engineering, AI/ML, Product)
Scope
Enterprise B2B web application

The Problem

Legacy systems visualization
Enterprise clients had massive systems built decades ago by people who no longer work there. Written in legacy languages like COBOL, FORTRAN, and early C++, these codebases have become black boxes. Modernization projects stalled because nobody could answer: "What does this system actually do?"

Companies were spending €50,000–80,000 rehiring retired developers just to interpret their own code. Delaying projects by months.
Why companies urgently need to modernize:
Unfixable Bugs
Critical bugs that nobody understands well enough to fix safely. Each patch risks breaking something else.
Customer Churn
Outdated systems can't keep up with customer expectations. Slow performance and missing features drive users away.
Monolithic Architecture
Tightly coupled systems where changing one thing affects everything. Impossible to scale or update independently.
Compliance Risk
Regulatory requirements (HIPAA, GDPR, Basel III) that legacy systems weren't built to handle. Failed audits and legal exposure.

Research

Methodology

Conducted 18 one-on-one discovery interviews with architects, developers, and technical leads across 4 industries (infrastructure, finance, healthcare, industrial automation) managing systems 12–25 years old. Each session lasted 30–45 minutes.

To handle the volume efficiently, I used AI to transcribe and synthesize findings in real-time. Spending just 10 minutes per call to extract structured insights while maintaining accuracy and depth.
I built an AI-powered workflow that automatically transcribes calls, extracts key themes, and generates structured insights. This not only cut synthesis time from hours to minutes, but also unlocked value from older interviews that lacked structured notes. Turning historical data into actionable insights.
Read how I synthesize research in 10 minutes instead of 2 hours

Insights

The Retiree Problem
Companies were paying €50–80K to rehire retired developers just to interpret their own legacy code. This pain point shaped the product's primary goal.
Knowledge Locked in Code
No documentation, cryptic comments, and systems understood by only 1–2 people who had since left. Tribal knowledge was the norm.
High-Stakes Errors
Miscategorized features caused real damage. One example: "patient consent" filed under "user settings" instead of "compliance" led to a failed audit and days of rework.
Existing Tools Fell Short
Current tools averaged 4.8/10. They showed code structure but not meaning, and couldn't answer "what does this do?" or "which parts handle compliance?"

Needs

Human-in-the-Loop Control
Correct AI misclassifications in real-time. Flag errors, adjust priorities, exclude irrelevant components. Without this, teams waste days fixing outputs manually.
Business Context Integration
Upload regulatory docs (HIPAA, GDPR, Basel III), compliance checklists, and domain rules. Generic outputs that miss critical business logic aren't useful in regulated industries.
Meaningful Q&A Over Code
Ask natural questions like "How do we ensure GDPR compliance in this module?" or "What handles patient consent?" and get answers grounded in the actual codebase.
Faster Discovery
Teams expected 40–50% reduction in discovery time. Enough to justify switching from manual grep searches and line-by-line analysis.
"This could be the reset button that prevents future retiree reunions."
Research Participant

Personas

Successful modernization requires developers, architects, and business stakeholders to operate from a shared understanding of what a legacy system does. I designed one interface that serves all three personas without compromising any.
Developers
Insights into code quality, complexity, and design patterns. AI-powered suggestions to optimize implementation.
Architects
Visualize system design, understand dependencies, analyze cohesion and coupling, and receive structural recommendations.
Business Stakeholders
Track feature completeness, understand compliance needs, allocate resources effectively, and identify business risks.
These insights directly shaped our design priorities: building trust through transparency, enabling human oversight of AI, and surfacing meaning rather than just structure.

Design Exploration

Navigation Patterns

Landing Experience

Early
Revised
Final
Projects exploration A
This is the first page users see after logging in. From here, they can choose the project they're working on or start a new one. Although it seems simple and low in functionality, it's the perfect opportunity to make a first impression. This early concept was rejected because the styling of the graphics was deemed too distracting.

Collaboration & Cadence

Partnering with AI/ML Engineers
In the beginning of the project, I joined daily reviews with the AI team to understand the capabilities and constraints of the system. Together with the PM and engineering lead, we planned multi-sprint roadmaps for executing the vision.
Cross-Functional Design Critiques
Weekly triad meetings where I presented work to the PM, engineering lead, and sometimes the CPO to ensure we were on the right track and plan for the following week. We also validated that designs worked for all target customers.
Prototyping & User Testing
Each week I created a fully interactive Figma prototype that was shared with the team for internal testing, usability testing, and sent to a limited number of design partners outside the company.
Prompt Design Collaboration
Due to my experience with LLMs and prompt engineering, I was included in meetings where we planned the workflows for generating all the artifacts and designed the prompts for each step of the process.
Every week, I created a fully interactive prototype in Figma and shared it internally with stakeholders for feedback. We often sent these prototypes to potential customers and existing customers for review as well, ensuring our designs were validated by real users throughout the process.

How CoreStory Works

01
Connect Repo
Developer
02
Add Context
Business / Architect
03
Generate Artifacts
Automated
Chat with Your Code - the core feature, used by all personas
Generated Artifacts
for Developers
  • Legacy File Analysis
  • Code Dependency Map
  • Code Relationship Graph
  • File Entry Points
  • External Library List
  • Code Modules
  • Module Details
  • Module Features
  • Inheritance Viewer
for Architects
  • Process Sequence Diagrams
  • UML Diagrams
  • Domain Objects
  • Core Logic
  • 3rd Party Dependencies
for Business
  • Epics & Features
  • Business Process
  • User Personas
  • Process Flows
  • Acceptance Criteria List
+ Users can generate custom artifacts
Click anywhere to close

Designing for AI Trust

Users were skeptical of AI in high-stakes scenarios. I designed transparency into every interaction:
Confidence Levels
Human in the Loop
Source Traceability
Version Control
Confidence levels UI
Each artifact displays a confidence score showing how certain the AI is about its analysis. This transparency builds trust by signaling to users that we're aware of limitations and uncertainties, rather than presenting everything as definitive. (Research showed users rated existing tools 4.8/10 because they couldn't verify outputs.)

Outcome & Learnings

Impact

70–80%
Reduction in discovery time (weeks → days)
€50–80K
Saved per project by eliminating retiree dependency
7 months
From concept to pilot customers

User Feedback

"This is the reset button we've been waiting for. We can finally understand our own systems without tracking down people who left five years ago."
Infrastructure Architect
"The human-in-the-loop refinement is what makes this work."
Healthcare Developer

Reflection

Key Lesson
Users don't trust AI outputs they can't verify. The breakthrough came when we shifted focus from "showing AI results" to "letting users guide and validate AI reasoning." Human-in-the-loop wasn't a fallback; it was the core value proposition. Trust in AI systems must be designed in from day one. It's not something that can be added later.

Looking Ahead
Earlier access to real legacy codebases would have accelerated learning. Simulated examples helped, but nothing compares to the chaos of 30-year-old production code. I never thought my fascination with large language models and AI would lead to prompt engineering at work. But by following what excited and interested me, that skill became surprisingly valuable.
"You can't connect the dots looking forward; you can only connect them looking backward." - Steve Jobs

Skills Strengthened
• Designing trust and transparency into AI interfaces
• Building for multiple personas with one unified system
• Collaborating with AI/ML engineers on prompt design
• Creating enterprise-grade design systems from scratch

Bonus Content

Design System

I built a comprehensive design system from scratch to ensure consistency across all modules and accelerate development velocity. I worked closely with frontend developers to ensure that components in Storybook matched Figma exactly, with all variations aligned and using the same nomenclature to streamline communication between design and engineering.
Fonts
Colours
Buttons
Modal Spacing
Progress Bars
More
Typography & Fonts
A limited selection of font sizes ensures consistency and reduces mistakes and odd patterns. Using Inter for UI elements and system fonts for code, with consistent weights and line heights for readability across all contexts.

A video to unify the team

The sudden pivot was difficult for the team. Everyone had to abandon projects they'd invested over a year in. To help lift spirits, I created this video in about four hours to celebrate our new direction. I also had one-on-one conversations with developers who felt their work had been discarded, helping them see how their efforts still mattered and keeping morale high during a challenging transition.
Tools Used
Figma
Spline
Paper.design
Final Cut Pro
Eleven Labs
React Bits