Project Statement
빙글 커뮤니티, 인터레스트 아이콘 디자인, 노티피케이션, 인터렉션 리디자인

Project Output   
어플리케이션, 웹

Project duration
July 2019 - Sep. 2019

Role
UI Design 100%






01 커뮤니티, 인터레스트 분류 작업

Vingle은 소셜 네트워킹이 아닌 새로운 문화를 구축하는 커뮤니티 서비스에 더 중점을 두기 때문에 기존의 Interest(해쉬태그)와의 명확한 구분이 필요했습니다. 빙글의 카운슬 아이콘을 리디자인하여 사람들이 모이고 문화를 만드는 장소의 이미지를 떠올릴 수 있게 디자인 했습니다. 

At Vingle, I worked on changing community and interest icons for IOS, Androids, and Web. As Vingle has more focused on a community service building new culture rather than social networking, communities should be more recognisable than interest. The community icon is designed to emphasize the face and give a strong image of people gathering.







02 에디터 노티피케이션 분류 이미지 디자인

에디터가 받는 노티피케이션 이미지 색을 설정하여 어떤 액션이 필요한지 즉각적으로 알 수 있게 리디자인 하였습니다. 빙글의 커뮤니티에서 에디터의 역할은 다양합니다. 커뮤니티 사용자들이 올린 글을 확인하고 퍼블리싱하는 역할, 신고가 누적된 글을 검열하고 삭제하는 역할 등, 사용자들이 양질의 컨텐츠를 많은  볼 수 있게 카드를 관리합니다. 각각의 상황이 발생함에따라 노티를 중립, 독려, 긍정, 부정의 의미를 색으로 분류하여 에디터가 쉽게 커뮤니티를 관리할 수 있게 도왔습니다. 노티피케이션 뿐만 아닌 서비스 전반의 색 설정도 이에 따라 변경하여 디자인에 일관성를 유지했습니다.

I set the colour of the notification images that editors receive, and redesigned it so that editors know immediately what action is needed. The editor's role in the community varies. They manage the card by viewing and publishing posts posted by community users, and inspecting and deleting posts with accumulated reports with the aim that users can see high-quality content. As each situation occurs, The new notification images help the editor to manage the community easily by classifying the meanings of neutral, encouraging, positive, and negative as colour. In addition, colour settings across the service were changed accordingly to maintain consistency in design system.








03 커뮤니케이션 활성화를 위한 커뮤니케이션 바, 코멘트 바 인터렉션 디자인

사용자들의 컨텐츠 커뮤니케이션(댓글, 좋아요, 공유, 저장)을 향상시키기 위해 카드 내의 댓글바, 커뮤니케이션 바를 보여지는 컨텐츠에 따라 하단에 고정 되도록 디자인 하였습니다. 특히 댓글 활성화를 위해 코멘트바를 따로 분리하여 사용자가 코멘트 쓰레드에 더 쉽게 접근할 수 있도록 도왔습니다. 카드 컨텐츠 확인 시 커뮤니케이션 바가 하단에 고정 노출되고 코멘트 섹션으로 진입 후엔 코멘트바가 하단에 고정 노출 됩니다. 

To improve users' content communication (comments, likes, sharing, storage), the comment bar and communication bar in the card are designed to be fixed at the bottom according to the displayed content. In particular, the comment bar was seperated to help users access the comment thread more easily. When checking card contents, the communication bar is fixed at the bottom and after entering the comment section, the comment bar is fixed at the bottom.