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