04. 웹사이트 상세기획하기

이때까지만 해도 본업에서도 상위기획을 주로 진행했었기 때문에 상세기획은 저에게는 큰 도전이었는데요! 네번째 글, 웹사이트 상세기획하기에서는 수많은 온라인 콘텐츠들을 교재 삼아 한 단계씩 상세기획을 진행해 나간 이야기를 담았습니다. 서비스중인 프로덕트에 합류하게 되신 분들이 궁금해하실 만한 이야기인 것 같습니다.

----------------------------------------------------------

❈ 사이드 프로젝트(URURL)를 진행하면서 경험하는 내용들을 기록한 글입니다.

'02. 무슨 제품을 만들까(문제편)'과 '03. 무슨 제품을 만들까(해결편)'에 기록해둔 것처럼 상품에 대한 상위기획을 마쳤다. 이제 실제 서비스에 이용될 웹사이트 상세 기획을 할 차례다. URL 탐색, URL 저장,URL 관리, URL 소비 기능을 제공하는 기반이 될 '웹사이트'를 만들기 위해서는 무엇을 해야할까. 크게 어떤 기기에서 사용할 수 있게 할 것인지, 웹사이트 내에서 제공할 기능을 간추리고, 화면에 배치하고, 어떻게 유기적으로 연결할 것인지 고민이 필요했다.

01.대응 기기 정하기

개인시간에는 모바일로, 업무시간에는 PC를 주로 사용한다는 소비 패턴에 따라 모바일과 PC 모두에서 동일한 사용경험을 제공하는 것이 중요했다. 고객 경험 조사의 선택지에는 없었지만, 콘텐츠를 읽을 때 태블릿을 자주 사용한다는 지인들의 정성적인 피드백 또한 반영했다. 모바일, PC, 태블릿 모두 대응할 수 있도록 반응형 웹사이트를 구축하는 것으로 의견이 모아졌다. 우선 PC를 기준으로 작업했다.

02. 웹사이트 흐름 정하기

우리 제품은 URL 탐색부터 저장, 관리, 소비 기능을 갖춰야 했기에 각각 단계에서 웹사이트에서 구현이 필요한 내용은 무엇일지 정리했다. 또한 계정별로 URL을 저장할 수 있어야하기 때문에 이용자를 계정단위로 관리할 수 있도록 회원가입/로그인 기능은 필수적이었다.

• [기본] 회원가입/로그인 화면
• [URL 탐색] 다른 사람이 저장한 URL 카드 목록 화면(해시태그를 곁들인)
• [URL 검색] 저장된 URL 중 특정 검색어를 입력해 확인하는 화면
• [URL 저장] URL을 저장하는 화면
• [URL 관리] 내가 저장한 URL 카드 목록 화면(해시태그를 곁들인)
• [URL 관리] URL별 코멘트 화면

.

.

.

계속 읽기