AI Chat-based Web Application
Overview

My Role

UX/UI Designer

Teams

Archawin
Junior UX/UI Designer

Pitchayapak
Art Director


Client

FWD Insurance
/Project Overview

MeTime AI Chat is an AI-based web application designed to act as a personalized companion or assistant. The core value proposition is to provide a “me time” space where users can interact with an AI to manage tasks, get emotional support, or engage in meaningful conversation.


/The Problem

Many AI interfaces feel cold, technical, or overwhelming with too many settings.


Solution

A simplified, chat-first interface that prioritizes accessibility and emotional comfort.

User Flow

We designed the chat flow with simply process to help users enjoy the chat and feel like normal chat application but the Userflow must be less task and minimum activity to reducing cognition load and confusion.

UX (User Experience) Strategy


User Journey
  • Onboarding: Quick entry into the chat without complex setup.
  • Interaction: Natural language processing (NLP) focus where the UI “recedes” to let the conversation take center stage.
  • Retention: Personalized history and memory features t
Key UX Principles
  • Minimalism: Reducing cognitive load by hiding secondary features in collapsible menus.
  • Responsiveness: Ensuring the chat experience is fluid across both desktop and mobile web views.

Wireframe

Design Decisions & Psychological Principles.

To ensure MeTime felt like a natural extension of the user’s daily life, I applied Jakob’s Law by utilizing a familiar messaging framework. To combat the ‘blank page syndrome’ often found in AI tools, I leveraged Hick’s Law by providing three contextual ‘Quick Starts’ above the input bar, reducing the cognitive load required to begin a conversation.

User Flow (User Testing)
Design System
Application Flow
Screen UI

Next Project
Nissan Model Pricelist

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save