글로벌 커뮤니티 웹사이트 UI·UX 개선
Budget: $1,500 – $3,000 USD
# ABROAD&BROAD 글로벌 커뮤니티 웹사이트 UI·UX 및 반응형 디자인
## 프로젝트 소개
ABROAD&BROAD는 해외에 거주하는 한국인, 한국에 거주하는 외국인, 한국에 관심 있는 전 세계 사용자를 연결하기 위한 글로벌 지역 기반 커뮤니티 플랫폼입니다.
현재 웹사이트의 기본적인 프론트엔드 화면과 주요 기능은 개발되어 있습니다. 이번 프로젝트에서는 기존 구조를 바탕으로 전체적인 UI·UX를 개선하고, 모바일·태블릿·데스크톱 환경에서 자연스럽게 작동하는 반응형 디자인을 구축하고자 합니다.
단순히 화면을 아름답게 꾸미는 것보다 사용자가 필요한 정보와 기능을 빠르게 찾을 수 있도록 만드는 것이 가장 중요한 목표입니다.
## 주요 서비스 구성
ABROAD&BROAD에는 다음과 같은 기능이 포함되어 있습니다.
* 자유토론 및 주제별 토론
* 지역 커뮤니티
* 구인·구직
* 중고거래
* 부동산
* 모임 및 만남
* 로컬 업체
* 관광명소
* 행사 및 이벤트
* 사이트 전체 콘텐츠 통합검색
각 카테고리의 핵심 기능과 차별점이 사용자에게 명확하게 전달되도록 정보 구조와 화면 구성을 개선하고 싶습니다.
## 디자인 작업 범위
다음 항목의 작업이 가능한 UI·UX 디자이너를 찾고 있습니다.
* 메인 페이지 및 주요 서브 페이지 UI 디자인
* 모바일·태블릿·데스크톱 반응형 디자인
* 사용자 흐름과 정보 구조 개선
* 글 작성 화면 및 입력 과정 개선
* 버튼·메뉴·검색·필터 등 주요 기능의 사용 방식 개선
* 모달, 드롭다운, 알림 및 주요 상태 화면 디자인
* 로딩·빈 화면·오류·완료 상태 디자인
* 재사용 가능한 UI 컴포넌트 설계
* 컬러·타이포그래피·간격·아이콘 등의 디자인 시스템
* 개발자가 실제 구현할 수 있는 컴포넌트별 사용 기준
* Figma 파일 및 개발 전달용 디자인 가이드 제공
현재 화면 구조를 기본으로 활용하되, 사용자 편의성을 높이기 위해 필요하다면 화면 배치와 사용자 흐름을 일부 변경할 수 있습니다.
## 반응형 디자인
현재 가장 중요하게 개선하려는 부분은 모바일 사용성입니다.
디바이스별로 화면 크기만 줄이는 방식이 아니라, 모바일 환경에서 메뉴와 콘텐츠의 우선순위가 자연스럽게 재구성되어야 합니다. 데스크톱·태블릿·모바일에서 각각 사용하기 편리한 화면 구조를 제안해주시길 바랍니다.
## 디자인 방향
구글처럼 여백이 많고 검색 기능에 집중된 단순한 형태보다는, 네이버나 다음처럼 여러 정보와 기능이 하나의 화면에서 연결되는 포털형 커뮤니티 구조를 선호합니다.
다만 정보가 지나치게 많거나 복잡한 화면은 원하지 않습니다. 지역·커뮤니티·생활정보·모임·행사·토론 등의 기능을 간결하게 구성하면서도, 사용자가 원하는 기능에 빠르게 접근할 수 있어야 합니다.
시각적으로 화려한 디자인보다는 다음 요소를 중요하게 생각합니다.
* 명확한 정보 우선순위
* 직관적인 메뉴와 탐색 구조
* 빠른 기능 접근성
* 모바일 사용 편의성
* 일관된 디자인 규칙
* 글로벌 사용자를 고려한 확장성
## 선호하는 색상과 브랜드 분위기
아직 메인 컬러를 최종 확정하지 않았습니다.
개인적으로 바다색과 하늘색 계열을 선호하며, 노란색이나 숲을 연상시키는 색상도 좋아합니다. 자연 속에서 세계 여러 지역을 이동하고 사람과 지역을 연결하는 느낌을 표현하고 싶습니다.
다만 이러한 색상이 ABROAD&BROAD의 브랜드와 가장 잘 어울리는지는 확신하지 못하고 있으므로, 디자이너의 전문적인 컬러 조합과 브랜드 방향 제안을 환영합니다.
현재 제작 중인 로고와 ABROAD&BROAD 워드마크가 전체 디자인에 자연스럽게 어우러지는 것도 중요합니다.
로고와 워드마크의 위치는 화면에 따라 유연하게 적용할 수 있습니다.
* 데스크톱: 로고 오른쪽에 워드마크 배치
* 모바일: 로고 하단 또는 축약형 워드마크 적용
* 필요하면 디자이너가 더 적합한 배치 방식 제안
## 참고 사이트
다음 사이트의 디자인을 그대로 복제하려는 것은 아닙니다. 정보 배치, 탐색 구조, 기능 접근성과 사용자 편의성을 참고하고 싶습니다.
* Craigslist
* 아카라이브
* KONE
* 위키피디아
* 나무위키
* Meetup
* Kialo
* Airbnb
여러 기능이 존재하면서도 사용자가 원하는 정보와 기능을 빠르게 발견할 수 있는 구조를 중요하게 생각합니다.
## 작업 진행 방식
처음부터 전체 화면을 한 번에 작업하기보다는, 우선 핵심 화면이나 주요 기능을 선정하여 **유료 초기 마일스톤**으로 진행하고 싶습니다.
초기 작업에서는 다음 요소를 확인하고자 합니다.
* 데스크톱과 모바일의 반응형 구성
* 핵심 기능과 정보의 우선순위
* 메뉴와 사용자 이동 흐름
* 로고 및 워드마크와 화면의 조화
* 디자이너가 제안하는 전체적인 디자인 방향
초기 결과가 프로젝트 방향과 잘 맞는다면, 이후 전체 페이지와 디자인 시스템 작업으로 확대할 예정입니다.
무료 샘플 제작을 요청하는 것은 아닙니다. 초기 작업 범위와 비용은 디자이너와 협의하여 결정하겠습니다.
## 최종 결과물
* 편집 가능한 Figma 원본 파일
* 데스크톱·태블릿·모바일 반응형 화면
* 주요 컴포넌트와 각 상태 디자인
* 디자인 시스템 또는 UI 스타일 가이드
* 개발자가 참고할 수 있는 간격·크기·색상·동작 기준
* 사용된 폰트·아이콘·이미지 등의 라이선스 정보
* 필요한 경우 개발자와의 디자인 전달 및 질의응답
## 지원 시 포함할 내용
지원하실 때 다음 내용을 함께 보내주세요.
* UI·UX 및 반응형 웹디자인 포트폴리오
* 커뮤니티·포털·마켓플레이스 디자인 경험
* Figma 컴포넌트 및 디자인 시스템 작업 경험
* 예상 작업 기간
* 예상 비용과 비용 산정 방식
* 프로젝트 개선 방향에 대한 간단한 의견
* 개발 과정에서 디자이너의 추가 대응 가능 여부
현재 웹사이트와 기존 화면은 선정 과정에서 공유할 수 있습니다. 장기적으로 함께 프로젝트를 발전시킬 수 있는 디자이너라면 더욱 좋습니다.
## 프로젝트 소개
ABROAD&BROAD는 해외에 거주하는 한국인, 한국에 거주하는 외국인, 한국에 관심 있는 전 세계 사용자를 연결하기 위한 글로벌 지역 기반 커뮤니티 플랫폼입니다.
현재 웹사이트의 기본적인 프론트엔드 화면과 주요 기능은 개발되어 있습니다. 이번 프로젝트에서는 기존 구조를 바탕으로 전체적인 UI·UX를 개선하고, 모바일·태블릿·데스크톱 환경에서 자연스럽게 작동하는 반응형 디자인을 구축하고자 합니다.
단순히 화면을 아름답게 꾸미는 것보다 사용자가 필요한 정보와 기능을 빠르게 찾을 수 있도록 만드는 것이 가장 중요한 목표입니다.
## 주요 서비스 구성
ABROAD&BROAD에는 다음과 같은 기능이 포함되어 있습니다.
* 자유토론 및 주제별 토론
* 지역 커뮤니티
* 구인·구직
* 중고거래
* 부동산
* 모임 및 만남
* 로컬 업체
* 관광명소
* 행사 및 이벤트
* 사이트 전체 콘텐츠 통합검색
각 카테고리의 핵심 기능과 차별점이 사용자에게 명확하게 전달되도록 정보 구조와 화면 구성을 개선하고 싶습니다.
## 디자인 작업 범위
다음 항목의 작업이 가능한 UI·UX 디자이너를 찾고 있습니다.
* 메인 페이지 및 주요 서브 페이지 UI 디자인
* 모바일·태블릿·데스크톱 반응형 디자인
* 사용자 흐름과 정보 구조 개선
* 글 작성 화면 및 입력 과정 개선
* 버튼·메뉴·검색·필터 등 주요 기능의 사용 방식 개선
* 모달, 드롭다운, 알림 및 주요 상태 화면 디자인
* 로딩·빈 화면·오류·완료 상태 디자인
* 재사용 가능한 UI 컴포넌트 설계
* 컬러·타이포그래피·간격·아이콘 등의 디자인 시스템
* 개발자가 실제 구현할 수 있는 컴포넌트별 사용 기준
* Figma 파일 및 개발 전달용 디자인 가이드 제공
현재 화면 구조를 기본으로 활용하되, 사용자 편의성을 높이기 위해 필요하다면 화면 배치와 사용자 흐름을 일부 변경할 수 있습니다.
## 반응형 디자인
현재 가장 중요하게 개선하려는 부분은 모바일 사용성입니다.
디바이스별로 화면 크기만 줄이는 방식이 아니라, 모바일 환경에서 메뉴와 콘텐츠의 우선순위가 자연스럽게 재구성되어야 합니다. 데스크톱·태블릿·모바일에서 각각 사용하기 편리한 화면 구조를 제안해주시길 바랍니다.
## 디자인 방향
구글처럼 여백이 많고 검색 기능에 집중된 단순한 형태보다는, 네이버나 다음처럼 여러 정보와 기능이 하나의 화면에서 연결되는 포털형 커뮤니티 구조를 선호합니다.
다만 정보가 지나치게 많거나 복잡한 화면은 원하지 않습니다. 지역·커뮤니티·생활정보·모임·행사·토론 등의 기능을 간결하게 구성하면서도, 사용자가 원하는 기능에 빠르게 접근할 수 있어야 합니다.
시각적으로 화려한 디자인보다는 다음 요소를 중요하게 생각합니다.
* 명확한 정보 우선순위
* 직관적인 메뉴와 탐색 구조
* 빠른 기능 접근성
* 모바일 사용 편의성
* 일관된 디자인 규칙
* 글로벌 사용자를 고려한 확장성
## 선호하는 색상과 브랜드 분위기
아직 메인 컬러를 최종 확정하지 않았습니다.
개인적으로 바다색과 하늘색 계열을 선호하며, 노란색이나 숲을 연상시키는 색상도 좋아합니다. 자연 속에서 세계 여러 지역을 이동하고 사람과 지역을 연결하는 느낌을 표현하고 싶습니다.
다만 이러한 색상이 ABROAD&BROAD의 브랜드와 가장 잘 어울리는지는 확신하지 못하고 있으므로, 디자이너의 전문적인 컬러 조합과 브랜드 방향 제안을 환영합니다.
현재 제작 중인 로고와 ABROAD&BROAD 워드마크가 전체 디자인에 자연스럽게 어우러지는 것도 중요합니다.
로고와 워드마크의 위치는 화면에 따라 유연하게 적용할 수 있습니다.
* 데스크톱: 로고 오른쪽에 워드마크 배치
* 모바일: 로고 하단 또는 축약형 워드마크 적용
* 필요하면 디자이너가 더 적합한 배치 방식 제안
## 참고 사이트
다음 사이트의 디자인을 그대로 복제하려는 것은 아닙니다. 정보 배치, 탐색 구조, 기능 접근성과 사용자 편의성을 참고하고 싶습니다.
* Craigslist
* 아카라이브
* KONE
* 위키피디아
* 나무위키
* Meetup
* Kialo
* Airbnb
여러 기능이 존재하면서도 사용자가 원하는 정보와 기능을 빠르게 발견할 수 있는 구조를 중요하게 생각합니다.
## 작업 진행 방식
처음부터 전체 화면을 한 번에 작업하기보다는, 우선 핵심 화면이나 주요 기능을 선정하여 **유료 초기 마일스톤**으로 진행하고 싶습니다.
초기 작업에서는 다음 요소를 확인하고자 합니다.
* 데스크톱과 모바일의 반응형 구성
* 핵심 기능과 정보의 우선순위
* 메뉴와 사용자 이동 흐름
* 로고 및 워드마크와 화면의 조화
* 디자이너가 제안하는 전체적인 디자인 방향
초기 결과가 프로젝트 방향과 잘 맞는다면, 이후 전체 페이지와 디자인 시스템 작업으로 확대할 예정입니다.
무료 샘플 제작을 요청하는 것은 아닙니다. 초기 작업 범위와 비용은 디자이너와 협의하여 결정하겠습니다.
## 최종 결과물
* 편집 가능한 Figma 원본 파일
* 데스크톱·태블릿·모바일 반응형 화면
* 주요 컴포넌트와 각 상태 디자인
* 디자인 시스템 또는 UI 스타일 가이드
* 개발자가 참고할 수 있는 간격·크기·색상·동작 기준
* 사용된 폰트·아이콘·이미지 등의 라이선스 정보
* 필요한 경우 개발자와의 디자인 전달 및 질의응답
## 지원 시 포함할 내용
지원하실 때 다음 내용을 함께 보내주세요.
* UI·UX 및 반응형 웹디자인 포트폴리오
* 커뮤니티·포털·마켓플레이스 디자인 경험
* Figma 컴포넌트 및 디자인 시스템 작업 경험
* 예상 작업 기간
* 예상 비용과 비용 산정 방식
* 프로젝트 개선 방향에 대한 간단한 의견
* 개발 과정에서 디자이너의 추가 대응 가능 여부
현재 웹사이트와 기존 화면은 선정 과정에서 공유할 수 있습니다. 장기적으로 함께 프로젝트를 발전시킬 수 있는 디자이너라면 더욱 좋습니다.