Skip to content
Back

AI Chat

Designing a conversation that feels like a product, not a chatbot.

MagicPad, the AI assistant inside BusinessPad: a side panel and a full-screen workspace for asking questions, reading files and acting on the results.

Company
AVK Consulting
Role
Product Designer
Timeline
2023–2025
Type
AI · Interaction Design
Felix’s result: the file is a goods invoice in PDF, 46 of 50 fields recognised, 4 need checking, with a «Проверить документ» button

01 Context

An assistant that lives where the work is.

MagicPad opens as a panel next to any BusinessPad screen. Its assistant, Felix, can search across the platform, answer questions and turn documents into data, without the user leaving the list they are working in.

Once answers and actions enter a conversation, a text field is not enough. The interface has to show what the AI is doing, how sure it is, and what the person should check.

Contractor payments list with the MagicPad side panel open: Felix banner and suggested requests for today and for finance
  1. 01

    Opens beside the list

    The payments stay in view.

  2. 02

    Felix

    A mascot that says what he knows.

  3. 03

    Suggestions for this context

    Today’s summary, what needs attention, finance requests.

  4. 04

    One composer

    Text, files and emoji.

02 Asking

Every step of a question has its own state.

Click through the prototype below. A question goes from typed to sent to thinking to answered, and each stage looks different, so the user never wonders if anything happened.

  • Typing

    The send button turns active only when there is something to send.

  • Sending

    The button becomes a spinner, so a second click doesn’t send twice.

  • Thinking / analysing

    Felix says what he is doing: «Думаю…» for a question, «Анализирую…» for a file.

  • Answer

    Answers are signed by Felix and timestamped, like any message in BusinessPad chats.

Contractor payments list with the MagicPad side panel open: Felix banner and suggested requests for today and for finance
Asking MagicPad a question · 1 / 5 · Open the panel

03 Files

From an invoice to data a person has checked.

The main scenario: a user attaches a goods invoice and asks Felix to analyse it and help create a process instance. Felix names the document type, says how many fields he recognised and how many he couldn’t, and offers to open the document.

The check screen shows the original invoice next to every recognised field, with a confidence score and the place in the document it came from. Nothing is imported until the user confirms.

Plus menu in the composer: attach an image or attach a file
From a file to a checked document · 1 / 8 · Attach
Felix’s result: the file is a goods invoice in PDF, 46 of 50 fields recognised, 4 need checking, with a «Проверить документ» button
  1. 01

    Says what it found

    A goods invoice in PDF.

  2. 02

    The source file

    Linked in the answer.

  3. 03

    Honest about gaps

    46 of 50 fields, 4 to check.

  4. 04

    Next step as a button

    Open the document to verify.

04 Responding

Answers you can reply to, react to and report.

Felix’s messages work like messages from colleagues. They can be replied to with a quote, branched into a new chat, read aloud, reacted to, or reported if something is wrong.

Reactions and a message menu on Felix’s answer: reply, thread in a new chat, read aloud, report a problem
Responding to an answer · 1 / 4 · Message menu

05 Modes

A side panel for quick questions, a full screen for longer work.

Full-screen MagicPad keeps a history of chats, offers quick actions to start from, and switches between MagicPad and Agent modes. Users can also pick a mascot and voice, and talk to Felix instead of typing.

Full-screen MagicPad with recent chats on the left, «Чем я могу помочь?», MagicPad and Agent modes, and four quick actions
Full-screen MagicPad · 1 / 2 · New chat
Choose a mascot and voice: Fenichka, Felix and Tei, each with a short personality
Choose a mascot and voice: Fenichka, Felix or Tei.
Voice mode with Felix, a microphone button and a hint to set up the microphone
Voice mode.

06 Principles

A few rules behind the assistant.

  1. 01

    Next to the work, not instead of it

    MagicPad opens beside the list the user is in, and its suggestions follow that context.

  2. 02

    Always say what is happening

    Sending, thinking and analysing each have their own visible state.

  3. 03

    Show how sure the AI is

    File results say how many fields were recognised and how many need a human check.

  4. 04

    The person confirms

    Recognised data goes to a check screen with sources before anything is imported.