addHere

UX/UI Design

.

Market and User Research

.

Prototyping

.

Improve communication, employee workload, and overall project management by streamlining all remote work into one application

addHere

Improve communication, employee workload, and overall project management by streamlining all remote work into one application

UX/UI Design

.

Market and User Research

.

Prototyping

.

addHere

Improve communication, employee workload, and overall project management by streamlining all remote work into one application

UX/UI Design

.

Market and User Research

.

Prototyping

.

Overview

Overview

The Problem

Design an application to create a collaborative worskspace for remote workers

The Solution

An online workspace that centralizes all communication, including project management, messaging, and video calls, into one application

Tools and Skills

UX/UI Design, Research & Competitive Analysis, Wireframing, Prototyping, Figma, Adobe Creative Suite

As society progresses into the digital age and adapts to a post-COVID world, an increasing number of organizations are transitioning to remote work arrangements. Despite the existence of various platforms like Trello, Slack, and Zoom catering to the remote work environment, using multiple tools can pose challenges and result in poor integration.

With addHere, we plan to streamline all the tasks these platforms achieve into one application space, integrating all your remote work into one place.

The Problem

Design an application to create a collaborative worskspace for remote workers

The Solution

An online workspace that centralizes all communication, including project management, messaging, and video calls, into one application

Tools and Skills

UX/UI Design, Research & Competitive Analysis, Wireframing, Prototyping, Figma, Adobe Creative Suite

As society progresses into the digital age and adapts to a post-COVID world, an increasing number of organizations are transitioning to remote work arrangements. Despite the existence of various platforms like Trello, Slack, and Zoom catering to the remote work environment, using multiple tools can pose challenges and result in poor integration.

With addHere, we plan to streamline all the tasks these platforms achieve into one application space, integrating all your remote work into one place.

The Problem

Design an application to create a collaborative worskspace for remote workers

The Solution

An online workspace that centralizes all communication, including project management, messaging, and video calls, into one application

Tools and Skills

UX/UI Design, Research & Competitive Analysis, Wireframing, Prototyping, Figma, Adobe Creative Suite

As society progresses into the digital age and adapts to a post-COVID world, an increasing number of organizations are transitioning to remote work arrangements. Despite the existence of various platforms like Trello, Slack, and Zoom catering to the remote work environment, using multiple tools can pose challenges and result in poor integration.

With addHere, we plan to streamline all the tasks these platforms achieve into one application space, integrating all your remote work into one place.

Challenges with Remote Work

Miscommunication

Remote work can cause misunderstandings due to no in-person interaction or visual cues, which can lead to errors and uncertainty about workloads.

Difficulty Building Relationships

Remote work can be isolating and feel impersonal and make it difficult to build relationships

Technical Issues

Rapid forced change due to the pandemic has made it difficult for current technology to keep up with the needs of hybrid/remote workers

Challenges with Remote Work

Miscommunication

Remote work can cause misunderstandings due to no in-person interaction or visual cues, which can lead to errors and uncertainty about workloads.

Difficulty Building Relationships

Remote work can be isolating and feel impersonal and make it difficult to build relationships

Technical Issues

Rapid forced change due to the pandemic has made it difficult for current technology to keep up with the needs of hybrid/remote workers

Goals

Improve Communication

Improve communication and accurately showcase employees’ workloads

Relationship Building

Help improve relationships by adding the personal feel back into remote work

Streamline Remote Work

Streamline all remote work communication into one platform, easing the technological burden

Goals

Improve Communication

Improve communication and accurately showcase employees’ workloads

Relationship Building

Help improve relationships by adding the personal feel back into remote work

Streamline Remote Work

Streamline all remote work communication into one platform, easing the technological burden

Goals

Improve Communication

Improve communication and accurately showcase employees’ workloads

Relationship Building

Help improve relationships by adding the personal feel back into remote work

Streamline Remote Work

Streamline all remote work communication into one platform, easing the technological burden

Meet the Team

Stephanie Dineen

Designer, Research (academic & competitive analysis), Wireframes, UI Finalization

Alana Le

Designer, Research (academic), Wireframes, UI Finalization

Dan Qiao

Designer, Competitive Analysis, Logo Design, Style Guide, Wireframes

Jay Horfsall

Competitive Analysis, Wireframes, Presenter

Riley Grow

Designer, Research, Wireframes, Style Guide

Nancy Tran

Designer, Research (interviews), Wireframes, Presentation Design

Will Claunch

Designer, Competitive Analysis, Logo Design, Style Guide, Wireframes

Competitive

Trello

Trello is an organization tool that allows users to organize and prioritize tasks by using a visual board format

  • Tasks can be categorized and colored

  • Multiple people can be added to a Trello board for collaboration

  • Tasks have space for descriptions, checklists, labels, attachments, and dates for customization

  • Comments allow for collaboration

  • Stickers can be added to tasks for fun and recognition of good work

Trello

Trello is an organization tool that allows users to organize and prioritize tasks by using a visual board format

  • Tasks can be categorized and colored

  • Multiple people can be added to a Trello board for collaboration

  • Tasks have space for descriptions, checklists, labels, attachments, and dates for customization

  • Comments allow for collaboration

  • Stickers can be added to tasks for fun and recognition of good work

Todoist

Todoist is a calendar and project planner, with associated project views and task completion systems.

  • Free plan offers up to 5 project boards

  • Tasks can be assigned to boards based on priority, date, etc.

  • Sub-tasks can be associated with each task

  • Karma system tracks task completion consistency

  • User's karma level can increase by passing point milestones

Surveys

As part of the research for addHere, we sent out a survey 30 people ages 20-30 to understand their experience with remote work.

As part of the research for addHere, we sent out a survey 30 people ages 20-30 to understand their experience with remote work.

As part of the research for addHere, we sent out a survey 30 people ages 20-30 to understand their experience with remote work.

94.1%

Had worked with a team in a remote setting before

94.1%

Had worked with a team in a remote setting before

23.5%

Found collaborating in a remote workspace intimidating

23.5%

Found collaborating in a remote workspace intimidating

35.3%

Had difficulty collaboarting with peers remotely

35.3%

Had difficulty collaboarting with peers remotely

52.0%

Believed working collaboratively produced greater quality work that working individuallly

52.0%

Believed working collaboratively produced greater quality work that working individuallly

Findings

From the surveys, we learned that even though remote work is very prominent in today’s society, with 94.1% of surveyed individuals saying they had worked on a team remotely, there is still a large number of people who struggle collaborating in a remote space. We wants to reduce that percentage, as people often find the quality of collaborative work is greater than the quality of work made individually.

Findings

From the surveys, we learned that even though remote work is very prominent in today’s society, with 94.1% of surveyed individuals saying they had worked on a team remotely, there is still a large number of people who struggle collaborating in a remote space. We wants to reduce that percentage, as people often find the quality of collaborative work is greater than the quality of work made individually.

Findings

From the surveys, we learned that even though remote work is very prominent in today’s society, with 94.1% of surveyed individuals saying they had worked on a team remotely, there is still a large number of people who struggle collaborating in a remote space. We wants to reduce that percentage, as people often find the quality of collaborative work is greater than the quality of work made individually.

User Personas

User Personas

To plan for what will need to be included in addHere, I created three different user personas for three different people who could be using addHere, all with different goals in mind.

To plan for what will need to be included in addHere, I created three different user personas for three different people who could be using addHere, all with different goals in mind.

To plan for what will need to be included in addHere, I created three different user personas for three different people who could be using addHere, all with different goals in mind.

Userflow

Userflow

To begin planning our final designs, we created a user flow of everything we knew we wanted to include.

To begin planning our final designs, we created a user flow of everything we knew we wanted to include.

To begin planning our final designs, we created a user flow of everything we knew we wanted to include.

Wireframes

Wireframes

Wireframes

Each member of the team worked on lo-fi wireframes in order to plan out where all the information would below are a few pages we planned out.

Each member of the team worked on lo-fi wireframes in order to plan out where all the information would below are a few pages we planned out.

Final Designs

Home Base

  • Lists all projects the employee is on

  • Employee is able to see all company projects, which will help them understand the workload of other team members, and allow them to offer help if workload is low

Side Navigation

  • Side navigation includes profile and status. Being able to update status helps communicate what the employee is currently working on, and allows a space to add the personal feel back into remote work

  • Global navigation includes links to Assigned Tickets, Work History, Chats, Work History, and Settings for easy access

Project Dashboard

  • Check project completion status

  • View all project tickets and who is assigned to each ticket

Opened Ticket

  • See who the ticket is assigned to

  • View full description of ticket

  • View chat linked to ticket for quick questions adn comments

  • View due dates for ticket and project

  • View attachments for ticket

  • View quick notes

User Modal

  • See status of coworkers

  • Send quick messages

  • See mutual projects

  • See current ticket coworker is working on

Project Collab Space

  • View whiteboard and meeting spaces

  • Jump to project chat

Whiteboard

  • Work collaboratively in a whiteboard space

  • Includes video conferencing for improved communication

Chats

  • Chat individually and in groups

  • Chats are organized by teams and projects

Prototype

Final prototype made in Figma

Meeting the Goals

Meeting the Goals

Improve communication between manager and employee and accurately showcase employee workload

  1. Multiple ways to communicate, including chat, whiteboard spaces, and video conferencing help improve communication and showcasing visuals

  2. By showing which projects employees are working on, managers and coworkers can get an accurate idea of employee’s workloads

  3. Including notes, comments, and files within projects will help improve communication by quickly being able to answer questions relating to projects

Improve relationships by adding the personal feel back to remote work

  1. The ability to update status, send quick chats with coworkers and check what coworkers are working on through the user modal makes it feel like you're in the office checking in on a coworker

  2. Encouraging in-person conversations reduces the distant feel of chatting online

Streamline remote work into one application

By having messaging, meeting rooms, work board spaces, project planning, and a place to store files in one application, addHere combines apps like Slack, Zoom, Microsoft Teams, FigJam/Miro, and more into one application

Improve communication between manager and employee and accurately showcase employee workload

  1. Multiple ways to communicate, including chat, whiteboard spaces, and video conferencing help improve communication and showcasing visuals

  2. By showing which projects employees are working on, managers and coworkers can get an accurate idea of employee’s workloads

  3. Including notes, comments, and files within projects will help improve communication by quickly being able to answer questions relating to projects

Improve relationships by adding the personal feel back to remote work

  1. The ability to update status, send quick chats with coworkers and check what coworkers are working on through the user modal makes it feel like you're in the office checking in on a coworker

  2. Encouraging in-person conversations reduces the distant feel of chatting online

Streamline remote work into one application

By having messaging, meeting rooms, work board spaces, project planning, and a place to store files in one application, addHere combines apps like Slack, Zoom, Microsoft Teams, FigJam/Miro, and more into one application

How Everyone Wins

Employee Benefits:

addHere offers a complete communication platform to enhance relationships with colleagues and track productivity.

Manager Benefits:

The addHere platform helps teams work together and gives employers a complete view of work performance. It also improves tracking of project progress toward goals.

Company Benefits:

addHere offers an all-in-one solution, reducing cost and overhead, and allows easy reassignment of projects based on staffing needs.

View More Projects

Let's get in touch!

Like what you see? Feel free to reach out and let's get a cup of coffee!

Contact