• date: 2016-03
• language: html, css
• tool: photoshop, webstorm
• URL: http://modernpug.org

우연챦게 PHP사용자 커뮤니티의 사이트를 디자인 작업을 하게 되었다.
이것을 작업하게된 결정적인 계기는 오픈소스 작업이라서 일이 재미있겠다 싶어 시도해보게 되었다.

커뮤니티라고 보이지만 내가 작업한 주요 영역은 Q&A쪽이다. stack overflow와 비슷한 형태로 질문과 답변글에 점수를 주거나 댓글들을 작성하는 페이지를 디자인하고 코딩작업을 하였다.

메인페이지의 모습

컨텐츠는 개발자가 부트스트랩으로 다 만들어둔 상태였다. 그것을 토대로 디자인 작업을 하고, 마크업과 css를 개선하는 수준으로 작업을 시작하였다.

SNS 로그인 화면

첫 버전에는 로그인폼이 있는것이 아니라 SNS API를 통해 로그인을 하는 형식이라서 간단하게 로그인을 할 수 있는 버튼만 마련했다.
SNS를 통한 로그인이 확실히 사용하기가 편리하다. 나도 좀 연구를 해야봐겠는데.. 흠..

Q&A목록화면

핵심 컨텐츠의 Q&A의 목록 페이지.

stack overflow가 가장 최적화된 형태이기 때문에 개발자분이나 다른 사람들도 stack overflow의 UI에 대한 집착이 강했다.
개인적으로 좀 차별화를 두고싶은 욕심은 있었지만 시간을 많이 사용하기도 어려워서 비슷한 형태로 갔다. 어짜피 컬러로 큰 차별점을 두고 있었기 때문에 괜찮다고 싶었다.

Q&A 상세화면

Q&A 본문화면에 들어가는 컨텐츠가 대단히 많이 들어가는 페이지라서 가장 작업양이 많았다.
무엇보다 보기에는 가장 중요한 페이지라고 보여 UI에 대하여 고민하기도 했지만 stack overflow와 같은 형태로 디자인하게 되었다.

처음 접하는 방식의 작업이라서 적응이 안되곤 했지만 여차여차 주요 페이지는 작업을 마쳤다.
나머지 다른 페이지들은 차차 작업을 하기로하고 미룬상태..

git을 사용하여 협업을 처음 접해봤는데 작업하는 방식이 아주 느낌이 좋았다.
저장소에 대한 안전성이 대단히 뛰어나고, 커밋 이력에 의해 코드리뷰가 편해 작업을 넘겨줄때 부담이 없었다.