Alena KoptsikAlena KoptsikProduct Designer · B2B
Resume

All work

Case study

UniPrompt

One product. Two stages of growth.

Role
Product Designer — Sole Designer
Domain
B2B SaaS
Period
2025–2026
Platforms
Web
+30%engagement
+25%partner conversion
-30%UI maintenance time

Redesign and design system

From a fragmented UI to a unified design system

About the Project

UniPrompt is a large AI platform that brings together experts, tools, and content. The product was growing fast, but the UI wasn't keeping up — different parts of the platform looked like they were designed by different people at different times. At some point it became clear: to move forward, the platform needed a single visual core.

Problem

The interface was fragmented: inconsistent visual styles across the product, hard-to-read cards, weak visual hierarchy, no centralized design system, scaling was difficult and risky. At the same time, the existing product logic could not be changed. So the challenge was delicate: bring order without breaking a working product.

Context

The client wanted the product UI to visually align with the corporate website: about.uniprompt.org

Sticky notes mapping the corporate website and product UI
Process Reference

My Role

I was responsible for the full cycle: auditing the existing UI, building a design system from scratch, redesigning key product areas, supporting implementation with developers. I worked closely with the development team and designed solutions within real technical constraints.

Approach

1
UI Audit → Hypotheses
Issues found: inconsistent typography, chaotic spacing, multiple card styles, small clickable areas, unnecessary visual noise, weak hierarchy.

Hypotheses: removing extra accents would make cards easier to scan; more whitespace would improve readability; unified buttons/tags/icons would create a cohesive feel; consistent rhythm would reduce visual chaos.
2
User Flow → Visual Priorities
User flows helped define what matters most and where.

Scanning areas — Feed, Talks, cards, tags: speed, hierarchy, contrast, whitespace.

Reading & analysis — Blog, Talk details, Admin Panel: structure, typography, content density.

Quick actions — reactions, likes, tags, filters: lightweight and highly clickable UI.

Deep actions — profile editing, moderation, user management: calm interface with minimal noise.
3
Tokens, Grid, Typography → System Proof
Moved colors into tokens (primary, secondary), defined a grid for consistent rhythm, set typography rules (sizes, spacing, weights), unified cards/buttons/tags.
User flow redesign diagram showing visual priorities
User flow redesign diagram showing visual priorities
Design tokens, grid and typography workshop notes
Process Reference

Before / After

Drag the divider to compare the original and redesigned interface.

The Feed is the main source of expert content. Previously, it was too dense and noisy, making scanning difficult. What I changed: simplified card design, improved hierarchy (content type, author, time), refined reactions and quick actions, introduced consistent visual rhythm. Before — visual noise and competing elements. After — clean cards, clear rhythm, modern and lightweight feel.

BeforeAfter
Feed section after redesignFeed section before redesign

Feed · Before / After

New Feature

Widgets Inside Posts

Authors can now add interactive widgets directly into posts: choose widget type (feedback, donation, todo, etc.), customize button color and icon, control visual style without developers. This turned the blog into an interactive platform for communication, sales, and feedback.

Widgets inside blog posts feature
Widgets inside blog posts feature

Results & Impact

For Users
+30%
engagement
Easier content discovery and interaction.
For Business
+25%
partner conversion
Stronger visual identity and modular system increase trust and speed up feature launches.
For Developers
-30%
UI maintenance time
Tokens and components reduce manual adjustments.

Recommendation

A recommendation letter from management.

Signed recommendation letter
Signed recommendation letter

“Alena demonstrated exceptional professionalism, creativity, and a deep understanding of both user-centered design and business goals.”

She successfully led the UI redesign of key pages — Feed, Talks, and Blog — unifying them under a consistent modern visual system. Beyond visual improvements, she created a scalable design system in Figma, optimized design-to-dev workflows, and ensured consistency with backend architecture.

Kiryl Lazarevich

CEO, Kirakito Technologies · Signed 13.10.2025

Board & Teams

From a content platform to a B2B-ready collaboration workspace

Project Context

After the redesign and design system implementation, UniPrompt entered a new growth phase. However, the product was still primarily a content-driven platform, not a working tool. Users could read content, discuss ideas, interact in comments. But they couldn't actually do the work inside the product. This limitation made it impossible to move forward into the B2B and enterprise space.

Problem

UniPrompt did not support real collaboration: no tasks or statuses, no roles or ownership, no team structure, no connection between people → tasks → projects.

As a result: the product couldn't be used as a workspace, the business couldn't scale its B2B model, users moved their work to external tools (Jira, Discord).

Business Goal

Build a collaboration layer that: turns discussions into actionable tasks, connects people, roles, and projects, scales across different teams, stays lightweight and clear, integrates into the existing product without breaking UX.

My Role

I worked as a Product Designer with full ownership of the UX architecture, responsible for: designing Board (Tasks), designing Teams (People & Roles), defining the UX logic connecting People → Tasks → Projects, navigation and user flows, role models and permission logic, UX solutions for Admin & Business accounts, preparing the product for enterprise use, supporting the development process.

Approach & Process

1
Context & User Behavior Analysis
At the start, focused on how UniPrompt was actually used: where discussions happened but tasks couldn't be captured, where responsibility was lost, how users switched between external tools (Jira, chats), which actions were repeated and caused frustration.
2
UX Hypotheses
Tasks should naturally emerge from conversations, not require a separate tool; roles and ownership matter more than screens or UI blocks; complex operational logic must be hidden behind simple and predictable actions; users shouldn't adapt to the system — the system should adapt to users.
3
Product Architecture Design
Defined core entities (People, Talks, Tasks, Teams), designed relationships between them, created access scenarios and role models (user, admin, business), so future enterprise cases reuse the same entities instead of introducing new ones.
Product architecture reference — entities, relationships, and role models sketched on sticky notes
Process Reference

Admin Overlay

For administrators and business accounts, I designed an overlay mode that allows: converting a private chat into a task, converting a task back into a chat, moderating workflows, managing access without losing context. This solution reduces fragmentation, preserves history, makes administration fast and intuitive.

0:00 / 0:00

Admin Overlay walkthrough

Board (Tasks)

The Board became the core of task execution. Key features: kanban logic, statuses and priorities, drag & drop, assignees, tags, compact and expanded cards.

UniPrompt Board — kanban task view
UniPrompt Board — kanban task view

Task status can be updated directly in the card. This approach, requested by the business, keeps users focused on task content and minimizes unnecessary navigation.

UniPrompt Board — open task card
UniPrompt Board — open task card
UX Principle: Minimum clicks — maximum controlBoard supports complex workflows without overwhelming the user.

Teams

Teams manages people, not just the visual interface. Designed features: team structure, roles and access levels, invitations, responsibility tracking, linking people to tasks and projects.

UniPrompt Teams — create team flow, empty state
UniPrompt Teams — create team flow, empty state
UniPrompt Teams — create team flow, filled state
UniPrompt Teams — create team flow, filled state
UniPrompt Teams — created team overview
UniPrompt Teams — created team overview
Focus was on transparent responsibilities, not decorative screens.

What shipped

Adoption and usage were never instrumented on this project. So instead of numbers I can't stand behind, here's what actually went to production and what I owned.

Scope
2
Product areas shipped
Board (tasks) and Teams (people, roles, access) — both live in production.
Access model
3
Role types designed
User, admin, and business accounts, each with its own permissions and views.
Team
1 of 4
Designer on the team
Sole designer alongside two frontend and one backend engineer.

What these decisions were meant to change

For Users

A task can be created directly from the conversation it came out of, instead of switching to a separate tool to capture it.

For Business

Roles, invitations, and per-account permissions exist — the structure a B2B pilot needs before it can start.

For the Product

People, talks, tasks, and teams are modelled as one connected structure, not four separate ones.

What I'd instrument first if I picked this up again: time from a talk to a created task, the share of tasks that get an assignee within 24 hours, and how many teams still have more than one active member in week two. None of it was tracked while I was designing — that's the gap I'd close before anything else.