WayUp Message Center 2.0

Message Center 1.0

• Angular 1.x
• Low message response rates
• Unused features
• Unreliable and dropped messages
• Slow and poor UX
• Users could not sort or filter

Message Center 2.0

• "Greenfield" and experiment
• Iterative (Sprint 1: Presentational, Sprint 2: Containers)
• Simple and clean interface

New technology and patterns:

• Atomic Design
• Presentational/Container components
• Styled Components
• New Microservice

Goal: Increase message response rates

Title Text

New Design

Atomic Design

Designing

Employer

Candidate

<MessageCenter />

MessagePreviewSection

MessageThreadSection

MessageSenderSection

MessagePreviewHeader

MessagePreviewToggle

MessagePreviewBox

MessageThreadHeader

MessageBubbleRow

MessageComposeRow

MessageSenderInfoBox

<Text />

<Button />

<PlainTextLink />

<Icon />

<Avatar />

<Input />

<Date />

...

Containers

<Employer />

<Candidate />

<MessageCenter />

Redux

async-connect

Mobile

Results and Learnings:

• Iterative (completed and deployed in 6 weeks)
• Developer can start working quicker if they joined in the middle of the project
• Organized
• Reusable

Key Result

Increased response rate in one week

live