Create your virtual character
Transforming the writing process from Google Docs and programming commands into an intuitive, user-friendly interface. I also developed a comprehensive design system, brand image, and official website.
Transforming the writing process from Google Docs and programming commands into an intuitive, user-friendly interface. I also developed a comprehensive design system, brand image, and official website.
Client
VirtualMe
My Role
Product Designer - UIUX Design, Brand Strategy, Design System
Timeline & Stage
Jan - June 2024 ; Introduction
Overview
Virtual Me is a chatbot virtual character creation platform that allows users to build virtual characters for chatrooms by providing text scripts and materials.
Upon joining, the team had an MVP and partnerships with digital creators and agencies. My role was to transform the script creation process from Google Docs and programming commands into a more intuitive and user-friendly interface. I’ve also build a comprehensive design system, brand image and official website for them.
Virtual Me 是一個 chatbot 虛擬人物創作平台，只要提供文字腳本與素材，Virtual Me 就能協助線上小說、Vtuber等數位創作者建立聊天室內的虛擬人物，發佈在 LINE、FB 等平台。
我加入時團隊透過最小可行性產品打造基本的商業模式，並且已經和數位創作者、經紀公司合作，希望我能協助將原始在Google Doc中創作劇本、使用程式語法下指令的方式，改成更直覺的創作介面。同時我也為他們打造了完整的設計系統、品牌視覺和官網頁面。
Problems:
When I first joined, the team allowed creators to write their scripts in Google Docs and manually transform them into interactive conversations in a chat room. Creators had to learn the instructions to upload sound, images, and other elements into the dialogue.
When I first joined, the team allowed creators to write their scripts in Google Docs and manually transform them into interactive conversations in a chat room. Creators had to learn the instructions to upload sound, images, and other elements into the dialogue.
Pain Points
EXTERNAL
Current writing method - Difficult for users to get started, requiring time to learn.
Dialogue format script creation - Requires clearer distinction between user and character to help authors clarify context.
INTERNAL
Time cost of manual checking - Current syntax input method is prone to errors, requiring time for proofreading.
Challenge
How might we create an intuitive tool for online writers and influencers, enabling them to quickly adapt to a brand-new creative model?
How might we create an intuitive tool for online writers and influencers, enabling them to quickly adapt to a brand-new creative model?
User Flow
3 Design Solutions for Key User Problems
01 | Use a dropdown menu to replace manual command input.
Before
Users need to memorize individual commands to integrate the logic into their scripts.
❌ Inefficient Workflow
❌ High Error Rate
After
A dropdown to allow them to select the function they want.
✔️ Speed up workflow
✔️ 0 Error Rate
主角發送文字
主角發送語音
主角發送圖/影片
客製化訊息
時間間隔
用戶單一選項
用戶複數選項
付費點
character send text message
character send
text message
character send voice message
character send
voice message
character send photo/video
character send
photo/video
custom message
custom message
delay time
delay time
single option for user
single option
for user
multiple options for user
multiple options
for user
pay point
pay point
02 | Upload media easily
03 | Link to Chatroom effortlessly
Branding & Design System
The logo design for VirtualMe replaces the letter "a" with a speech bubble, highlighting the brand's focus on its conversation-driven content creation engine. The color palette of magic ink and turquoise was chosen to emphasize VirtualMe's vibrant and tech-savvy image.
The font used is Montserrat Alternatives, which perfectly aligns with the brand's simple yet lively style. The overall logo is clear and easy to read, underscoring VirtualMe's core value of delivering authentic interaction experiences in the virtual world, as well as its aim to provide clients with more impactful text creation tools.
The logo design for VirtualMe replaces the letter "a" with a speech bubble, highlighting the brand's focus on its conversation-driven content creation engine. The color palette of magic ink and turquoise was chosen to emphasize VirtualMe's vibrant and tech-savvy image.
The font used is Montserrat Alternatives, which perfectly aligns with the brand's simple yet lively style. The overall logo is clear and easy to read, underscoring VirtualMe's core value of delivering authentic interaction experiences in the virtual world, as well as its aim to provide clients with more impactful text creation tools.
Create your virtual character
Transforming the writing process from Google Docs and programming commands into an intuitive, user-friendly interface. I also developed a comprehensive design system, brand image, and official website.
Client
VirtualMe
My Role
Product Designer - UIUX Design, Brand Strategy, Design System
Timeline & Stage
Jan - June 2024 ; Introduction
Overview
Virtual Me is a chatbot virtual character creation platform that allows users to build virtual characters for chatrooms by providing text scripts and materials.
Upon joining, the team had an MVP and partnerships with digital creators and agencies. My role was to transform the script creation process from Google Docs and programming commands into a more intuitive and user-friendly interface. I’ve also build a comprehensive design system, brand image and official website for them.
Virtual Me 是一個 chatbot 虛擬人物創作平台，只要提供文字腳本與素材，Virtual Me 就能協助線上小說、Vtuber等數位創作者建立聊天室內的虛擬人物，發佈在 LINE、FB 等平台。
我加入時團隊透過最小可行性產品打造基本的商業模式，並且已經和數位創作者、經紀公司合作，希望我能協助將原始在Google Doc中創作劇本、使用程式語法下指令的方式，改成更直覺的創作介面。同時我也為他們打造了完整的設計系統、品牌視覺和官網頁面。
Problems:
When I first joined, the team allowed creators to write their scripts in Google Docs and manually transform them into interactive conversations in a chat room. Creators had to learn the instructions to upload sound, images, and other elements into the dialogue.
Pain Points
EXTERNAL
Current writing method - Difficult for users to get started, requiring time to learn.
Dialogue format script creation - Requires clearer distinction between user and character to help authors clarify context.
INTERNAL
Time cost of manual checking - Current syntax input method is prone to errors, requiring time for proofreading.
Challenge
How might we create an intuitive tool for online writers and influencers, enabling them to quickly adapt to a brand-new creative model?
User Flow
3 Design Solutions for Key User Problems
01 | Use a dropdown menu to replace manual command input.
Before
Users need to memorize individual commands to integrate the logic into their scripts.
❌ Inefficient Workflow
❌ High Error Rate
After
A dropdown to allow them to select the function they want.
✔️ Speed up workflow
✔️ 0 Error Rate
主角發送文字
主角發送語音
主角發送圖/影片
客製化訊息
時間間隔
用戶單一選項
用戶複數選項
付費點
character send text message
character send voice message
character send photo/video
custom message
delay time
single option for user
multiple options for user
pay point
02 | Upload media easily
03 | Link to Chatroom effortlessly
Branding & Design System
The logo design for VirtualMe replaces the letter "a" with a speech bubble, highlighting the brand's focus on its conversation-driven content creation engine. The color palette of magic ink and turquoise was chosen to emphasize VirtualMe's vibrant and tech-savvy image.
The font used is Montserrat Alternatives, which perfectly aligns with the brand's simple yet lively style. The overall logo is clear and easy to read, underscoring VirtualMe's core value of delivering authentic interaction experiences in the virtual world, as well as its aim to provide clients with more impactful text creation tools.