웹디자인&기획 하며 알게된 - 디자인 협업 웹서비스들
UX UI 디자이너가 추천하는 예쁘게 생긴 협업 웹서비스 사이트들!
직업이 디자이너이다보니 뭔가 괜찮다고 말할려면 기능뿐만아니라
예쁘기 까지 해야한다. 협업툴들 중에서 괜찮고 예쁜 것들을 발견하는일은 즐겁다.
에이전시에서 일하게 되면서
가장 힙하고 트랜디하고 멋진 사이트를 찾아야 할일이 많다.
이래 저래 리서치하면서 공유하고 싶은 사이트들을 모아보았다.
1.Milanote : 무드보드를 만들고 콜라보레이션 할 수 있는 사이트
무료 이미지가 무려... 500,000개가 있다고 한다. 디자이너라면 공감하는 무드보드 만들때 이미지 서칭노가다질을 조금 더 산뜻하게 업그레이드 해주는 웹서비스이다. 앱으로도 있다고 한다. 웹으로만 사용해 보았는데 실제로 영어로 검색만해도 바로 이미지를 끌어다가 캔버스에 올릴 수 있어서 이미지를 저장 > 폴더에서 찾기 > 붙여넣기 의 단계가 줄어서 편리하다.
물론 무료로 제공하는 이미지 이외에 내가 추가하고 싶은 이미지를 추가 할 수도 있다.
'Urban'이라는 보드를 만들어보았다. 왼쪽에 검색어로 간단하게 검색을 하고 어울리는 이미지를 끌어다 바로 보드에 올릴 수 있다.
https://app.milanote.com/1Ii4ls1ugO0sbX/urban
서비스 전체적인 UX, UI도 참고할 것이 많다. 깔끔한 디자인으로 이 부분도 영감을 많이 받았다. 아이콘 디자인도 깔끔하고 예쁘지만 한글폰트도 예쁜것으로 적용되는 것 보니 분명 센스있는 디자이너가 디자인했음이 분명하다. 중간 중간 나오는 튜토리얼 말풍선 디자인과 폰트, 간단한 일러스트레이션까지 정말 깔끔하게 디자인 되어있다.
2.Miro : 마인드맵부터 기획까지 콜라보레이션 할 수 있는 사이트
https://miro.com/
이것도 일단 칼라감이 정말 좋다.
어떤 보드를 선택할찌 안내하는 섬네일도 깨알같이 칼라로 잘 표현되어있다.
만드맵에 연결되는 선들의 색이 'Enter'만 눌러도 자동으로 생성되는데
자동으로 추가되는 색감도 예쁘지만 내가 색을 바꾸려고 팔레트를 열어도
정리되어있는 색감이 마음에든다.
마인드맵 뿐만 아니라 텍스트: 마인드맵
다양한 포스트잇 메모를 붙이고 떼는 느낌으로 아이디어를 정리하고
팀원들과 협업 할 수 있는 보드도 칼라가 예쁘다.
여기 저기 포스트잇을 붙여보았다. UX부분에서 정말 칭찬하고 싶은 점은 광활한 캔버스의 위치에서 내가 어느 위치쯤 있는지 알려주는 작은 지도같은 것이 좌측 하단에 있어서
감각적으로 내가 어디쯤에 있는지 줌아웃을 꼭 하지 않더라도 알 수 있다.
위의 보드 링크는 https://miro.com/welcomeonboard/aaAVUmIw3W9ZitYJMw3eosdDLHOhhfwy0jWdivwKDBMBi12e9R8oq38YGn7NoTuF 이다. 한번 들어가서 체험하고 싶다면 눌러보길요!
3.Witeboard : 정말 간단하게 뭔가 그리고 공유하고 싶을때
간단하게 웹링크로만 누군가에게 뭔가 그려서 보내고 싶다면
이렇게 그릴 수 있다. 협업으로!!
간단하게 마우스로 그리고 줄긋고 텍스트를 입력 할 수 있다.
너무 간단하게 정말 빠르고 급할때는 이 링크로 들어가서 서로 추가 할 수 있다.
내가 그린 고양이 링크는 요기! 누르시면 더 추가하고 지우고 하실수있습니다.
https://witeboard.com/349af430-ea59-11e9-84c3-07b191ba22f6
여러가지 화이트보드 웹보드 링크들이 있었지만.. 뭔가 조잡스럽거나
선이 이상하게 움직이거나
생각보다 복잡하거나, 공유가 잘 되지 않는 이슈들이 있었는데
Witeboard는 정말 간단하게 공유하고 수정하는 용도로 딱이다.
이렇게 세가지 링크를 보며
나중에 이런 서비스를 만들어보고 싶다는 생각도 들었다.
이글이 도움이 되었다면 좋아요와 공유 부탁드립니다.
@Story copyrights reserved by POTATOHANDS
Social Media : Youtube / Instagram / Linkedin
Blog : https://brunch.co.kr/@potatohands
Work : www.potatohands.com for more design & portfolio.
