Vladimir Kvach

Kortext

Canada · Product design

Kortext needed a scalable and intuitive user experience for their comprehensive digital learning platform. I owned the product design strategy and led the UX/UI for complex, data-intensive dashboards, aiming to simplify academic workflows, enhance user engagement, and establish a clean, cohesive design system.

  • Figma
  • Gemini
  • Claude

UI/UX Evolution

Three iterations of the core study workspace: from a static notes list to a modular, AI‑assisted environment that keeps sources, chat and study tools in one view.

  1. Before

    Fragmented notes

    This is what the UI/UX looked like before I first joined the early project.

    Kortext study workspace before the redesign: a static notes list
  2. Iteration

    Floating AI chat

    Floating chat UI designed to assist users directly within the active workspace.

    Kortext study workspace with a floating AI chat
  3. Final solution

    Modular study workspace

    Transforms fragmented insights into a modular and intuitive visual structure.

    Kortext modular study workspace, final design

Problem + Requirements

The legacy Kortext “workbook” model was strictly linear, limiting students to static reading and basic note‑taking. The core problem was a fragmented learning experience: users had to switch contexts and tools to process and memorize their material.

My objective was to transform this rigid model into a unified, multi‑modal study workspace. I needed to design a centralized environment where every part of the learning journey could happen in one place.

Problem solving · Task 1Sentiment: Neutral

Every time I switch from reading to solving problems I lose my train of thought. I wish it all happened in one place.

Key insight: Participant abandoned the task midway and restarted twice before completing it.

  • Flow Disruption
  • Navigation
James RiveraHumber College
  • Duration 11m 05s
  • Desktop
  • Date 3 Mar
Peer review · Task 5Sentiment: Negative

Switching between reading their work and filling in the rubric spreadsheet makes it really hard to give thoughtful feedback.

Key insight: User toggled between two windows 22 times. Feedback quality dropped in later submissions.

  • Cognitive Load
  • Context Switching
Oliver MensahAlgonquin College
  • Duration 9m 55s
  • Desktop
  • Date 1 Apr

Mental Model & User Journey

The core architecture for the new workspace was designed around a natural learning loop: from consumption, to comprehension, to active creation.

  1. Source

    Students begin with their primary materials.

  2. AI Chat

    They question and synthesize them with the AI chat.

  3. Study Artifacts

    They create quizzes, flashcards, audio tracks.

A predictable yet adaptable pathway gave students a clear navigational anchor, so advanced AI tools felt intuitive and digestible.

Solution • Modular Study Workspace

Integrating reading, note‑taking, and active study tools often causes cognitive overload, but by leveraging an AI assistant, we built a unified learning environment.

To support this, I designed a modular layout that dynamically adapts to the student’s task, keeping primary materials and interactive tools such as chat and flashcards instantly accessible on any screen.

Panel States

To maximize workspace efficiency, I designed a responsive panel system that dynamically scales to the student’s needs while providing a flexible foundation to accommodate future study tools and workflows seamlessly.

  1. Source Panel

    This is where all user-provided sources or “inputs” live. It’s the starting point of the user’s journey.

  2. Action Panel

    Where reading turns into understanding. This is the space for analyzing sources, shaping thoughts, and capturing work.

  3. Chat Panel

    As the focal point of the interface, the chat seamlessly adjusts its dimensions to support other tools as they open.

  1. Source Panel

    This is where all user‑provided sources or “inputs” live. It’s the starting point of the user’s journey.

    • Source(s)Every user source is housed in a distinct section, making its format instantly recognizable at a glance.
    • Add SourcesThe key interaction takes a single click, clearly featured as the biggest button on the panel.
    Closed
    Default
    Open
    1. Closed
    2. Default
    3. Open
    Closed
  2. Action Panel

    Where reading turns into understanding. This is the space for analyzing sources, shaping thoughts, and capturing work.

    • Creation entry pointsQuick‑action buttons provide instant access to creating new study materials.
    • Unified LibraryAll generated assets in one list, with icons making formats instantly recognizable.
    Closed
    Default
    Open
    1. Closed
    2. Default
    3. Open
    Closed
  3. Chat Panel

    As the focal point of the interface, the chat seamlessly adjusts its dimensions to support other tools as they open.

    • Instant summaryProvides instant context to build user confidence and clarity at a glance.
    • Smart entry pointsSmart suggestions perfectly tailored to the specific content of the notebook.
    • Suggested questionsEliminates empty‑state friction by guiding users to their first interaction.

Brand Identity

A cohesive visual system designed to build trust, ensure consistency, and reflect the product’s core values.

Press a tile to swap its ground.

Visual Assets

From media assets to launch campaigns, I produced the complete visual rollout. Check out some of my top picks below.

Flashcards: the deck Reflections on Existence, based on 3 sources, card 1 of 23, with a card menu and the Chapters (5 selected) and Literature (from your lecturer) filters. Question: What is the primary focus of "Contemporary Strategic Marketing"? Answer: It provides frameworks for understanding customer value as a critical component of strategic marketing decisions
Workbook Guide, a Kortext product screen.

Workbook Guide

Help me create

Summary

These sources provide a comprehensive exploration of the core principles of contemporary strategic marketing, spanning digital transformation, global brand positioning, and advanced consumer behavior analysis. The sources meticulously analyze market forces like competitive rivalry, rapid technological disruption, and shifting cultural demographics, using

real-world business case studies to demonstrate their direct influence on market share and long-term brand equity.

Help me understand

Workbook in Reader

Bridging the gap between consumption and creation, the Workbook is designed to live natively alongside the Reader. This split‑view approach minimizes context switching, allowing users to instantly capture insights, draft notes, and generate study assets without ever losing their place in the source material.

Interactive

Reader with the Workbook panel in a split view. Select text in the book to highlight it, add a note or ask Kortext AI; create quizzes, flashcards, notes and evaluations from the Actions panel.

Introduction to Sociology 2

Actions

Create

All

All

Actions / Quizzes

A status is a position a person holds in a group or in society, and each one comes with rights and duties. Some statuses arrive at birth or with age, and no one chooses them: being a daughter, a teenager or a pensioner. Others are earned or taken on, like becoming a pharmacist, a team captain or a first‑generation graduate. Sociologists call the first kind ascribed and the second achieved.

A role is what people expect from someone who holds a status. The status is the label; the role is the behavior that goes with it. Robert Merton pointed out that one status rarely carries a single role. A teacher deals with pupils, parents, colleagues and the head of school, and each group expects something a little different. Merton called this bundle of roles a role‑set.

Holding many roles has a cost. When one role asks for more time or energy than a person has, the result is role strain: a nurse on a double shift who still has notes to write is a familiar case. Role conflict appears when two roles pull in opposite directions, such as a part‑time job that schedules a shift on the night before an exam.

Most people handle these tensions without naming them. They rank their roles, keep some of them apart, or quietly let one go. The choices they make over the years say a lot about who they become.

Presentation of Self

We cannot see what a person thinks about the role they play. We can only watch what they do, and sociologists call that visible part role performance. Erving Goffman took the idea further and compared everyday life to theatre. In his view, people act out their roles in front of an audience and adjust the act to whoever is watching.

Goffman named this approach dramaturgy. Its central idea is impression management: the work we do to be seen the way we want. A job candidate rehearses answers and picks a jacket. A waiter is calm and polite at the table, then jokes and complains in the kitchen. Goffman described these two areas as the front stage and the back stage.

Settings and objects support the performance. A doctor’s white coat, a lecturer’s slides and a shop uniform tell the audience which scene they have entered and how to behave in it. When people read the scene differently, for instance when a dinner guest acts as if the house were a hotel, the performance breaks down and everyone in the room feels it.

Students perform too. The same person can be a careful note‑taker in a seminar, a relaxed teammate at practice and a reliable colleague at a weekend job. Each version is real, and each is fitted to a different audience.

Page78(85 of 509)

Vova is a thoughtful, talented UI designer who truly understands the balance between form and function. During his year on my team, he stood out for his ability to refine features and suggest improvements that prioritized the user experience. If you're looking for a designer who thinks deeply about 'the why' behind every pixel, I highly recommend him.

Portrait of Marina Robina

Marina Robina (opens in a new tab)

Kortext · Head of Design & Innovation

Read on LinkedIn

Want to learn more about the process and design decisions?

Let’s talk