KeeperChat

Project Overview

Created a real-time messaging, archiving, and search platform for teams. It allows users to communicate with each other via instant messaging, voice and video calls, and file sharing. Users can create channels for specific topics or projects, as well as direct message other users.

Timeline

3 Weeks

Platform

KeeperChat Messaging Platform

Desktop for Mac OS

My Responsibilities

Wireframes

Prototype

UI Research

Final Deliverables

Design Tools

Figma

InVision

Jira

Design Challenges

1. Adding a Audio & Video function to the Keeper Desktop Chat

2. Currently the KeeperChat doesn’t have a way to communicating to another member through Audio & Video

3. Screen Sharing need to be customizable for each user

4. Designing response grid views for Audio & Video Call

5. Adding additional members to the team call or 1 on 1 call - Sorting their Name to A-Z

Goals

1. Improving productivity: By allowing team members to communicate and collaborate more efficiently. communicate with each other in real-time

2. KeeperChat can enable users to screen-share desktop during a call, which can make it easier for teams to work together remotely.

3. Increasing accessibility: With the platform, users can join a call from anywhere with an internet connection, let team to participate in meetings or other event

Evolution- User Flow

Wireframe

What I learned

1. Include user-friendly interface that allows users to easily initiate and participate in calls by sending invites, rejoin and adding new member to the audio & video call

2. Gallery view point need to be scalable through different web breakpoint to accommodate large teams & companies for video & audio chat

3. Important to include screen-share feature into the platform by acknowledge the importance of security and privacy: With the sensitive nature of video and audio communications, user decides how they want to share

4. High-quality audio and video are essential to a positive user experience in video and audio chat products. taking that inconsideration - created customizable setting for  high-quality audio and video.

KeeperChat Audio & Video

01 Notification

02  Invite

03  Present

04  Settings