MOHAE

OVERVIEW

모해(Mohae)는 해외 거주 한국인들이 서로 소통할 수 있는 도시 기반 커뮤니티 플랫폼으로 설계되었습니다. 이 앱은 한국인들이 서로 유사한 사람들과 소통하고 경험을 공유하며 새로운 관계를 형성할 수 있는 안전한 공간을 제공합니다. 채팅, 피드, 그룹, 마켓 등의 기능을 통해 모해는 한국인 교포들이 해당 도시에 대한 정보를 얻고 자신과 관련된 관심사를 공유하고 연결될 수 있도록 지원하는 서비스입니다.

Responsibility

프로덕트 디자이너로서, UX/UI, Conversion rate, Design System 등의 측면에서 디자인을 총괄 및 전반적인 문제를 파악하고 해결책을 도출하는 데 주력했습니다. 이윤 창출보다는 사용자 경험을 우선시했습니다.

Impact

  • 현재까지 +7000명의 신규 가입자를 확보하였습니다.

  • 다수의 밴쿠버 지역 언론에서 소개되었습니다.

  • 한국 총영사관과 한인 사회 스타트업 관련 회의에 초대되었습니다.

✔️ Contribution

UX/UI Designer

User Survey

UX Research

User-testing

Design System

UX/UI QA

Wireframe

Web Design

Mobile (IOS/Android)

Accessibility

Tools

Figma

Notion

Storyboard

Team

Engineer

Designer

Marketing

OVERVIEW

모해(Mohae)는 해외 거주 한국인들이 서로 소통할 수 있는 도시 기반 커뮤니티 플랫폼으로 설계되었습니다. 이 앱은 한국인들이 서로 유사한 사람들과 소통하고 경험을 공유하며 새로운 관계를 형성할 수 있는 안전한 공간을 제공합니다. 채팅, 피드, 그룹, 마켓 등의 기능을 통해 모해는 한국인 교포들이 해당 도시에 대한 정보를 얻고 자신과 관련된 관심사를 공유하고 연결될 수 있도록 지원하는 서비스입니다.

Responsibility

프로덕트 디자이너로서, UX/UI, Conversion rate, Design System 등의 측면에서 디자인을 총괄 및 전반적인 문제를 파악하고 해결책을 도출하는 데 주력했습니다. 이윤 창출보다는 사용자 경험을 우선시했습니다.

Impact

  • 현재까지 +7000명의 신규 가입자를 확보하였습니다.

  • 다수의 밴쿠버 지역 언론에서 소개되었습니다.

  • 한국 총영사관과 한인 사회 스타트업 관련 회의에 초대되었습니다.

✔️ Contribution

UX/UI Designer

User Survey

UX Research

User-testing

Design System

UX/UI QA

Wireframe

Web Design

Mobile (IOS/Android)

Accessibility

Tools

Figma

Notion

Storyboard

Team

Engineer

Designer

Marketing

OVERVIEW

모해(Mohae)는 해외 거주 한국인들이 서로 소통할 수 있는 도시 기반 커뮤니티 플랫폼으로 설계되었습니다. 이 앱은 한국인들이 서로 유사한 사람들과 소통하고 경험을 공유하며 새로운 관계를 형성할 수 있는 안전한 공간을 제공합니다. 채팅, 피드, 그룹, 마켓 등의 기능을 통해 모해는 한국인 교포들이 해당 도시에 대한 정보를 얻고 자신과 관련된 관심사를 공유하고 연결될 수 있도록 지원하는 서비스입니다.

Responsibility

프로덕트 디자이너로서, UX/UI, Conversion rate, Design System 등의 측면에서 디자인을 총괄 및 전반적인 문제를 파악하고 해결책을 도출하는 데 주력했습니다. 이윤 창출보다는 사용자 경험을 우선시했습니다.

Impact

  • Secured over 7000 new subscribers to date.

  • We have been featured in several local area media outlets.

  • Invited to conference with the Korean Consulate General

✔️ Contribution

UX/UI Designer

User Survey

UX Research

User-testing

Design System

UX/UI QA

Wireframe

Web Design

Mobile (IOS/Android)

Accessibility

Tools

Figma

Notion

Storyboard

Team

Engineer

Designer

Marketing

✔️ Why?

저를 포함한 많은 한인들은 기존 한인 커뮤니티 웹사이트의 복잡한 플랫폼으로 인해 필요한 정보를 얻기가 매우 어려웠습니다. 캐나다 밴쿠버에는 6만 명 이상의 한인이 거주하며, 새 이주민들도 지속적으로 도시로 유입되고 있습니다. 이런 상황에서 저는 기존 리소스에만 의존하기 어려운 한인 사회의 불편을 해소하기 위해 새로운 커뮤니티 서비스를 제공하기로 결정했습니다. 이를 통해 사용자들이 필요한 정보를 쉽고 신속하게 얻고, 교류하며 공유할 수 있기를 기대했습니다.

✔️ Defined Problem

북미 지역에 거주하는 한인들이
원활한 소통과 정보 공유를 위한 적절한 플랫폼을 찾는 데 어려움이 있습니다.

북미 지역에 거주하는 한인들이
원활한 소통과 정보 공유를 위한 적절한 플랫폼을 찾는 데 어려움이 있습니다.

✔️ Solution

해외 거주 중인 한인들의 경험을 바탕으로, 기존 방식의 불편함을 해결할 수 있는 포괄적인 환경의 온라인 커뮤니티 플랫폼을 제공하는 것에 초점을 맞췄습니다. 이를 통해 사용자들은 필요한 정보(지역 뉴스 및 생활 활동)를 쉽고 빠르게 접할 수 있으며, 다른 커뮤니티 구성원들과 안전한 익명의 환경에서 상호작용할 수 있는 기회를 제공합니다.

✔️ Design Outcome

저는 기존 한인 커뮤니티와 비교하여 더 높은 품질과 가독성을 제공하여 사용자의 이용 편의성을 향상시켰습니다. 또한 방대한 양의 데이터를 효과적으로 필터링하여 사용자가 필요한 정보를 쉽게 찾을 수 있도록 구조화했습니다. 디자인 시스템을 적용하여 애플리케이션 전반적인 디자인에 일관된 디자인 패턴을 제공했습니다.

As Is

To Be

✔️

UX Priority

사용자 경험을 최우선으로 고려하여, 모든 기능 개발에 적극적으로 사용자 경험 연구와 사용성 테스트를 실시하여 차별화된 서비스를 제공했습니다.

✔️

Design Process

디자인 프로세스를 도입하여 작업 시에 구조화된 접근 방식을 제공하고 계획된 스프린트에서 다른 팀들에게 Visibility을 향상시켰습니다.

✔️

Design system

개발자와 디자인 팀이 컴포넌트 선택에 대한 이해를 높이고, 제품의 일관성을 향상시켜 높은 품질을 제공하기 위해 디자인 시스템 구축했습니다.

UX Priority

사용자 경험을 최우선으로 고려하여, 모든 기능 개발에 적극적으로 사용자 경험 연구와 사용성 테스트를 실시하여 차별화된 서비스를 제공했습니다.

Design Process

디자인 프로세스를 도입하여 작업 시에 구조화된 접근 방식을 제공하고 계획된 스프린트에서 다른 팀들에게 Visibility을 향상시켰습니다.

Design system

개발자와 디자인 팀이 컴포넌트 선택에 대한 이해를 높이고, 제품의 일관성을 향상시켜 높은 품질을 제공하기 위해 디자인 시스템 구축했습니다.

UX Priority

사용자 경험을 최우선으로 고려하여, 모든 기능 개발에 적극적으로 사용자 경험 연구와 사용성 테스트를 실시하여 차별화된 서비스를 제공했습니다.

Design Process

디자인 프로세스를 도입하여 작업 시에 구조화된 접근 방식을 제공하고 계획된 스프린트에서 다른 팀들에게 Visibility을 향상시켰습니다.

Design system

개발자와 디자인 팀이 컴포넌트 선택에 대한 이해를 높이고, 제품의 일관성을 향상시켜 높은 품질을 제공하기 위해 디자인 시스템 구축했습니다.

RESEARCH

01. Process

디자인 프로세스는 Double Diamond Theory와 Lean UX 프로세스를 기반으로 진행하였으며, 프로젝트에 발견(Discovery), 정의(Definition), 아이디어 발생(Ideation), 그리고 구현(Implementation)이라는 주요 단계를 통해 더욱 근본적인 문제 파악과 이에 맞는 솔루션을 제시하는 것을 목표로 설정하였습니다.

02. Background

Mohae는 5명의 팀으로 시작하여 2명의 프로덕트 디자이너와 2명의 개발자들이 주도하여 사용자의 편리함에만 최대한 집중한 디자인 환경을 갖춘 차별화된 플랫폼을 만들었습니다.

모해(Mohae)는 해외 거주 한국인들이 서로 소통할 수 있는 도시 기반 커뮤니티 플랫폼으로 설계되었습니다. 이 앱은 한국인들이 서로 유사한 사람들과 소통하고 경험을 공유하며 새로운 관계를 형성할 수 있는 안전한 공간을 제공합니다. 채팅, 피드, 그룹, 마켓 등의 기능을 통해 모해는 한국인 교포들이 해당 도시에 대한 정보를 얻고 자신과 관련된 관심사를 공유하고 연결될 수 있도록 지원하는 서비스입니다.

03. Quantitative Research

파악한 문제들의 타당성을 확인하기 위해 디자인팀은 10대부터 40대까지의 연령 그룹별로 설문조사를 실시했습니다. 모든 설문은 온라인으로 진행되었으며, 디지털 기기 사용이 불편한 일부 노인 연령 그룹의 참가자들은 모해 디자인 팀의 안내를 받았습니다.

참여자 요건

  • 캐나다 밴쿠버에 거주 중인 18세부터 40세의 한인.

  • 밴쿠버에 입국한 지 1년 미만인 신규 이민자.

  • 영어가 서툴러 현지인들과 소통에 어려움을 겪는 분.

설문조사 방식

  • Google Form을 통해 10개의 양적 질문으로 제작.

  • 지인을 포함 20명에게 설문조사 링크를 공유.

  • 시간, 장소, 위치에 제한이 없는 온라인 방식의 조사.

04. Qualitative Research

"How might we"라는 질문으로 시작되었으며, 현재의 디자이너 및 개발자들과의 협업을 통해 진행되었습니다. 서비스의 특성상 한국인의 피드백이 중요했기 때문에 모든 참가자는 한국인이었습니다.

Workshop from Figma Jam

이 프로세스는 "How might we"로 시작하여 HMW의 구성 요소를 분해하고 열거한 후, 각각의 HMW에 대한 솔루션을 브레인스토밍하고 반복하는 과정을 거쳤습니다.

05. Competitive Analysis

프로젝트 초반에는 밴쿠버에 있는 두 주요 한인 커뮤니티에 초점을 맞췄습니다. 이 지역이 대부분의 활동이 집중되는 곳이기 때문입니다. 제 목표는 디자이너로서 이 커뮤니티에서 발생하는 어려움을 찾아내어 새로운 기회로 전환하는 것이었습니다.

06. Precedents Research

Moahe의 비즈니스 모델과 유사한 개념을 가진 모든 리소스를 조사하기 위하여 모든 팀원들이 각플랫폼당 20분 이상 사용해보고 장단점을 문서화 하여 벤치마킹할 부분에 대한 통찰을 찾았습니다. 대략 10개 미만의 경쟁 업체를 필터링할 수 있었습니다.

07. Define Problem

북미 지역에 거주하는 한인들이
원활한 소통과 정보 공유를 위한 적절한 플랫폼을 찾는 데 어려움이 있습니다.

북미 지역에 거주하는 한인들이
원활한 소통과 정보 공유를 위한 적절한 플랫폼을 찾는 데 어려움이 있습니다.

북미 지역에 거주하는 한인들이
원활한 소통과 정보 공유를 위한 적절한 플랫폼을 찾는 데 어려움이 있습니다.

IDEATE

01. Hypothesis

어떻게 하면 사용자들이 필요한 정보를 쉽고 빠르게 공유할 수 있는 안전하고 건강한 온라인 커뮤니티 문화를 조성할 수 있을까?

밴쿠버에 거주하는 한인 동포들에게 원활한 정보 공유와 교류의 환경을 제공하기 위해, 안전이 보장된 익명 온라인 커뮤니티 환경을 구축합니다. 이를 통해 한인사회의 유동성과 활기를 높이며, 이로써 한인사회의 경제적 발전을 기대합니다.

02. Design Opportunity

리서치 과정에서 실제 Team Mohae가 발견한 3가지의 근본적인 문제를 바탕으로, 디자인 측면에서 어떤 기회가 있는지 고민했습니다. 사용자의 편의성을 우선시하는 디자인을 채택하여, 기존 플랫폼에서 느꼈던 불편함을 해결할 수 있는 솔루션을 제안했습니다.

PROTOTYPE & TEST

Solution 01

익명 시스템

익명 시스템

첫번째 솔루션은 익명 시스템입니다. 한인사회의 특성상 소문이 빠르게 퍼지는 현지인들의 고충은 커뮤니티 문화에 큰 악영향을 미칩니다. 많은 사용자들이 진솔한 의견을 표출하는데 부담감을 느끼고 참여하지 않는 경우가 많았습니다. 이 문제점을 해결하고자 저는 모든 계정 정보가 익명으로 표기되는 게시물 모드를 제공하였습니다.

예시에서 볼 수 있듯이, 동일한 피드에는 사용자가 게시물을 작성할 때 설정할 수 있는 두 가지 다른 모드인 "일반 모드"와 "익명 모드"의 게시물이 있습니다. 각 게시물의 모드는 사용자가 스스로 결정할 수 있습니다. 게시물의 모드에 따라 댓글 환경도 동일하게 변경됩니다. 익명 모드에서는 사용자의 이름이 표시되지 않지만, 중요한 경우를 위해 사용자의 활동을 추적할 수 있는 식별 코드를 할당했습니다.

Solution 02

데이터의 구조화 (Meta Data)

데이터의 구조화 (Meta Data)

두번째 솔루션은 데이터의 구조화입니다. 기존 커뮤니티 플랫폼의 가장 큰 문제점이 바로 구조화 되지 않은 데이터로 인하여 사용자들이 필요한 정보를 찾는데 많은 어려움을 겪는 것이었습니다. 이러한 문제점을 해결하기 위하여 Mohae는 메뉴, 하단 메뉴, 필터 등 데이타를 최대한 카테고리화 시켜 쉽게 이해할 수 있도록 시각화 하였습니다.

Nuge Effect

Nuge Effect

Nuge Effect

Categorized Data

Categorized Data

Categorized Data

사용자가 메인 피드를 탐색하는 동안 가끔씩 마켓이나 쿠폰 기능에 대한 소개 섹션이 나타납니다. 이는 Mohae가 제공하는 서비스를 사용자에게 소개하는 데 사용되는 Nudge Effect 입니다.

Categorized Data는 커뮤니티 페이지에서 가장 정확하게 확인할 수 있습니다. 커뮤니티 페이지에는 현지 사용자들이 가장 많이 찾는 정보를 기반으로 생성된 6가지의 다른 정보 페이지들에 액세스할 수 있습니다. 방대한 양의 데이터를 한 페이지에 모두 표시할 수 없기 때문에, 짧은 썸네일 형식의 시각화를 메인 커뮤니티 페이지에 제공하여 사용자가 어떤 정보에 액세스할 수 있는지를 미리 확인할 수 있습니다.

Mohae 플랫폼에서 사용자가 원하는 페이지에 쉽게 접근할 수 있도록 도와주는 메뉴 기능입니다. 대부분의 메뉴 기능은 모든 페이지에서 접근할 수 있습니다.

Solution 03

직관적인 디자인

직관적인 디자인

세 번째 해결책으로, 시각적으로 이해하기 쉽고 사용하기 편한 직관성을 강조했습니다. 먼저, 사용자가 디지털 경험에서 익숙한 요소들(Mental-modelling)을 고려하여 학습 곡선을 최소화하는 디자인을 채택했습니다. 또한 검색을 통해 사용자가 필요로 하는 정보를 신속하게 찾을 수 있도록 필터링 기능을 제공하여 효율성을 극대화했습니다. 그리고 기존의 녹음 및 음성 전달과 같은 상호 작용 외에도, 다양한 의사 소통 방식을 위젯에 추가하여 사용자가 필요할 때마다 손쉽게 이용할 수 있는 경험을 제공했습니다.

직관적인 사용자 경험

피드는 사용자가 무한 스크롤을 통해 새로운 콘텐츠를 유기적으로 발견할 수 있는 공간입니다. 섬세한 프롬프트로 사용자는 각 개별 탭을 확인하지 않아도 플랫폼 내에서 업데이트된 탭을 탐색할 수 있습니다.

정보의 체계화와 필터링

커뮤니티 섹션의 카테고리는 사용자가 특정 정보를 발견하는 데 도움을 줍니다. 더불어, 필터는 그들의 관심 대상 데이터를 더 잘 찾을 수 있도록 돕습니다.

직관적인 사용자 경험

직관적인 사용자 경험

피드는 사용자가 무한 스크롤을 통해 새로운 콘텐츠를 유기적으로 발견할 수 있는 공간입니다. 섬세한 프롬프트로 사용자는 각 개별 탭을 확인하지 않아도 플랫폼 내에서 업데이트된 탭을 탐색할 수 있습니다.

정보의 체계화와 필터링

정보의 체계화와 필터링

커뮤니티 섹션의 카테고리는 사용자가 특정 정보를 발견하는 데 도움을 줍니다. 더불어, 필터는 그들의 관심 대상 데이터를 더 잘 찾을 수 있도록 돕습니다.

사용자 위주의 기능

위젯을 활용한 정보전달은 사용자에게 다양하고 효율적으로 정보를 찾을 수 있도록 도와주며, 동시에 원치 않는 정보나 소통을 사전에 차단하는 등의 디테일한 작업을 수행할 수 있습니다.

텍스트를 넘어서는 상호 작용

다양한 종류의 위젯을 사용하여 사용자는 이미지를 공유하고 투표하고 음성 메시지를 녹음하며 일대일 메시지를 주고받으며 다른 사용자와 상호 작용할 수 있습니다.

사용자 위주의 기능

사용자 위주의 기능

위젯을 활용한 정보전달은 사용자에게 다양하고 효율적으로 정보를 찾을 수 있도록 도와주며, 동시에 원치 않는 정보나 소통을 사전에 차단하는 등의 디테일한 작업을 수행할 수 있습니다.

텍스트를 넘어서는 상호 작용

텍스트를 넘어서는 상호 작용

다양한 종류의 위젯을 사용하여 사용자는 이미지를 공유하고 투표하고 음성 메시지를 녹음하며 일대일 메시지를 주고받으며 다른 사용자와 상호 작용할 수 있습니다.

접근성의 고민

접근성의 고민

접근성의 고민

Mohae는 포용적인 디자인을 사용자에게 제공하기 위해 노력했습니다. 서비스 제공자로서 보다 포괄적인 경험을 제공하기 위해 고민하였고, Mohae의 비즈니스 모델로서 안전하고 건강한 한인사회 소통의 공간을 고려하여 구조와 설계를 크게 변경시키지 않는 선에서 색에 민감한 사용자를 고려하여 다양한 테마로 이루어진 색상 조합을 제공했습니다.

02. MVP Design

다수의 디자인 반복 과정을 거친 후, 내부 평가와 동료 디자이너와의 공유를 포함하여 최소 실행 가능한 제품(Minimum Viable Product) 디자인을 개발자에게 넘길 수 있었습니다. 전체 과정을 통해 철저한 커뮤니케이션을 유지했기 때문에 우리는 내린 결정에 대해 완전히 인식하고 있었습니다.

03. QA

저와 개발자 사이의 가장 활발한 소통과정은 개발 전달 및 QA 단계에서 일어났습니다. 개발이 완료된 후에는 저는 문서화된 참고자료를 사용하여 전체 애플리케이션 MVP에 대한 QA 테스트를 진행할 준비를 했고. 모든 테스트 포인트와 사용자 스토리를 작성하고, iOS 및 Android 기기에서 경험을 확인하여 문제나 오류가 없는지 확인했습니다.

04. Beta Launch

24명의 사용자를 대상으로 진행한 2주간의 성공적인 베타 런칭을 거쳤습니다. 이 기간 동안 사용자 경험을 세밀하게 조정하고 버그를 수정했습니다. 이후에는 앱 스토어에 입점하는 데 성공했고, 피드백 기능을 활용하여 매일 사용자와 소통을 유지했습니다. 런칭 후 2개월이 지난 시점에서는 초기에 설정한 과제를 검증하기 위해 포괄적인 사용자 만족도 및 피드백 설문조사를 실시했고, 받은 피드백은 대부분 긍정적이었습니다!

FINAL DESIGN

REFLECTION

01. Moving Forward

Mohae의 사용자는 계속해서 증가하고 있으며, 저를 포함한 Team Mohae는 더 높은 품질의 서비스와 혁신적이고 상호작용이 가능한 디자인을 유지하기 위해 노력할 것입니다. 또한 지속적으로 새로운 기능을 소개하고 테스트하여 발전시켜 나갈 것입니다. 최근에는 팀 내에서 웹 환경에서의 Mohae 서비스를 제공하는 방향에 대해 논의하였습니다.

02. Key Takeaways

구조와 과정

처음부터 전략적으로 프로세스와 구조를 세우는 것은 매우 효율적이지만, Mohae 팀에서는 팀원들이 신속하게 앱을 설계하고 개발해야 했기 때문에 형식적인 절차를 모두 이행하는 데 여유가 없었습니다. 그래서 우리는 의사 소통과 협력에 집중했고, 작은 문제나 고민을 무시하지 않고 함께 해결책을 찾아 즉시 채택하는 방식으로 진행했습니다. 이 접근 방식이 임시적인 해결책에 그치는 것이 아니라 앞으로 계속해서 사용될 수 있는 방법에 대해 고민하는 것이 중요합니다.

비전의 일치

팀 구성원들은 동일한 비전을 공유하고 이에 대해 꾸준히 논의해야 합니다. 비전이 모호하고 특히 공동 창업자 간에 의사 소통이 부족한 경우, 특정 결정의 이유를 이해하지 못할 수 있습니다. 이는 오해가 쌓일 수 있습니다. Mohae 팀의 장점 중 하나는 창업자들과 팀이 언제나 이러한 대화를 하며 각자의 의견에 대해 업데이트를 주기적으로 하는 점 입니다.

공감과 이해 (팀)

각 팀원은 서로 다른 스트레스 수준을 갖고 있으며, Mohae 프로젝트 외에도 각자의 직장과 가정이 있습니다. 서로의 상황에 공감하고 이해하는 능력이 팀을 단단하게 유지하는 데 중요한 역할을 한 것 같습니다. 예전에는 좋은 아이디어가 있으면 잘 시작하지만 쉽게 포기하는 습관이 있었습니다. 그러나 개발자들과 함께 일하면서 생각을 즉각적으로 실행에 옮겨 계속하기 위한 더 많은 인내와 탄력성을 갖게 되었습니다.

Copyright © 2024 Jaewan Byun All rights reserved.

Copyright © 2024 Jaewan Byun. All rights reserved.

Copyright © 2024 Jaewan Byun

All rights reserved.