MENU

MENU

MENU

CHATCAST

CHATCAST

ROLE

UI-UX Designer

TIMELINE

Sep 2015 – May 2016

LOCATION

TOKYO (ON SITE)

Transforming communication by turning live chat into engaging, shareable content

Transforming communication by turning live chat into engaging, shareable content

ABOUT CHATCAST

ABOUT CHATCAST

Chatcast is a platform that transforms live chat into engaging, shareable content. It allows creators to interact with their audience in real-time, turning conversations into dynamic stories that can be easily shared and revisited.


In my role, I focused on enhancing the user experience by designing intuitive interfaces that streamline the process of capturing and curating live interactions. My work ensured that both creators and their audiences could effortlessly navigate the platform, creating a seamless and interactive content creation experience.

Chatcast is a platform that transforms live chat into engaging, shareable content. It allows creators to interact with their audience in real-time, turning conversations into dynamic stories that can be easily shared and revisited.


In my role, I focused on enhancing the user experience by designing intuitive interfaces that streamline the process of capturing and curating live interactions. My work ensured that both creators and their audiences could effortlessly navigate the platform, creating a seamless and interactive content creation experience.

Chatcast is a platform that transforms live chat into engaging, shareable content. It allows creators to interact with their audience in real-time, turning conversations into dynamic stories that can be easily shared and revisited.


In my role, I focused on enhancing the user experience by designing intuitive interfaces that streamline the process of capturing and curating live interactions. My work ensured that both creators and their audiences could effortlessly navigate the platform, creating a seamless and interactive content creation experience.

Design Process

Design Process

Discover

Discover

Discover

User Research

User Survey

Competitive

analysis

Competitive analysis

Competitive analysis

Define

Define

Define

Problem definition

Experience Pillars

Experience

Pillars

Ideate

Ideate

Ideate

User Flow

Information

Architecture

Design

Design

Design

Wireframes

High Fidelity

Design

High Fidelity Design

High Fidelity Design

Prototype

User Survey

User Survey

Yes

No

Do you enjoy
having online
conversations
about
specific topics ?

Have you ever
wished you
could edit or organize
your online chats
after they happen ?

Would you use
a service that helps
turn your chats into
structured,
shareable content ?

Qualitative insight

Qualitative

insight

  1. Process fragmented : there is no tool to be able to scheduled, chat, record, edit and publish at once.

  1. Process fragmented : there is no tool to be able to scheduled, chat, record, edit and publish at once.

  1. Time consuming manual edition : transcribe et edit conversations manually, using seperate tools is time consuming and inefficient

  1. Time consuming manual edition : transcribe et edit conversations manually, using seperate tools is time consuming and inefficient

  1. Better accessibility : users are looking for a tool where they can reach a wider audience with their conversations

  1. Better accessibility : users are looking for a tool where they can reach a wider audience with their conversations

  1. Invitation system : need of being able to scheduled a live chat and invite people publicly at different scale is really important for the users

  1. Invitation system : need of being able to scheduled a live chat and invite people publicly at different scale is really important for the users

  1. More interactivity : The interaction during chat with only two persons can be monotone, users wished to have more interactions with more people during a chat

  1. More interactivity : The interaction during chat with only two persons can be monotone, users wished to have more interactions with more people during a chat

Competitors

Competitors

Personas

Personas

Alex
28 years old
Freelance writer

Alex
28 years old
Freelance writer

Interests: Podcasting, Storytelling, Technology

Goals: Alex wants to create engaging podcast content but prefers written mediums. Looks for a tool to brainstorm and structure their ideas through conversation before turning them into podcast episodes.

Pain Points: Struggle to find a platform that blends conversation with the flexibility of editing and restructuring content.

Maria
40 years old
University professor

Interests: Academic Research, Collaboration, Digital Communication

Goals: Maria is looking for a platform where she can have structured academic discussions with peers around the globe. She values the ability to refine these conversations post-discussion to create comprehensive, publishable documents.

Pain Points: Needs a platform that facilitates easy collaboration and editing to refine academic discussions into formal publications.

Problem definition

Problem

definition

There is a gap in the market for a platform that could schedule, record, edit and publish chat based conversations. Users are looking for a tool that can speed up their process instead of switching between different platform. Users needs the possibility to have more interactions with other people during a chat to be able to increase the quality of their content.

Information architecture

Information

architecture

User flow

User flow

  1. Create a chat

  1. Create a chat

  1. Browsing content

  1. Browsing content

  1. Post from draft

  1. Post from draft

Experience pillars

Experience pillars

Multitask

  • Schedule a chat

  • Record a chat

  • Edit

  • Publish content

Interactive

  • Enable audience members to give instant feedback during the chat.

  • Allow audience members to contribute to the conversation, such as submitting questions or comments

Intuitive

  • An simple system to transform edited chats into attractive formats

  • The UI should be self explanatory and straight forward

Typography

Typography

Hiragino Sans

Hiragino Sans

ヒラギノ

ヒラギノ

Hiragino Sans W3

あ

い

う

え

お

か

き

く

け

こ


さ

し

す

せ

そ

た

ち

つ

て

と

な

に

ぬ

ね

の

は

ひ

ふ

へ

ほ

ま

み

む

め

も

や


ゆ


よ


ら

り

る

れ

ろ

わ


を


ん

Hiragino Sans W5

あ

い

う

え

お

か

き

く

け

こ


さ

し

す

せ

そ

た

ち

つ

て

と

な

に

ぬ

ね

の

は

ひ

ふ

へ

ほ

ま

み

む

め

も

や


ゆ


よ


ら

り

る

れ

ろ

わ


を


ん

Hiragino Sans W7

あ

い

う

え

お

か

き

く

け

こ


さ

し

す

せ

そ

た

ち

つ

て

と

な

に

ぬ

ね

の

は

ひ

ふ

へ

ほ

ま

み

む

め

も

や


ゆ


よ


ら

り

る

れ

ろ

わ


を


ん

Colors

Colors

Wireframes

Wireframes

High fidelity design

High fidelity

design

Post View - Desktop

Post View Page

Desktop

Chatroom - Desktop

Post View Page

Desktop

Post View - Mobile

Post View - Mobile

Post View Page

Desktop

Chatroom - Mobile

Chatroom - Mobile

Post View Page

Desktop

Edit page - Desktop

Edit page - Desktop

Post View Page

Desktop

Profil Page - Desktop

Profil Page - Desktop