5월 14일과 15일에 팀원들과 우리의 프로젝트를 어떻게 진행할지에 대한 아이디어 회의를 하였다. 한 번은 대면 한 번은 비대면으로 회의를 진행하였는데, 나름 괜찮게 웹사이트를 구현할 아이디어를 짠 것 같다! (구현하기 힘들듯하긴 하다..🙄)
아이디어 목록
일단, 웹사이트의 기본 컨셉은 영화 추천을 해주는 웹사이트이다.
세세한 기능에 대한 아이디어가 많이 나왔는데 이는 아래와 같다.
- 유저들이 영화관련 영상을 볼 수 있으면 좋겠다.
- 별점을 기반으로 영화를 추천해주면 좋겠다.
- MBTI 같이 유저에게 설문 같은 것을 하게 하고 이를 기반으로 영화를 추천해주면 좋겠다.
- 영화를 다양한 기준으로 조회할 수 있게 해주면 좋겠다.
- 영화에 대해 유저가 나만의 기록을 남길 수 있으면 좋겠다.
선택된 아이디어
위의 아이디어 중에서 우리는
영화 관련 영상을 볼 수 있는별점을 기반으로 영화를 추천해주고다양한 기준으로 영화를 조회할 수 있는영화에 대한 기록을 남길 수 있는
웹사이트를 개발하기로 결정했다!
Design Thinking
우리는 웹사이트가 가지고 있을 기능들을 위의 목록처럼 정한뒤, 보다 더 구체적인 기획을 하고 싶어 Design Thinking을 진행하였다.
'Design thinking'은 디자이너의 사고방식이라는 의미가 아니라 '생각을 디자인하기' 또는 '고객중심으로의 사고의 혁신', '사고방식의 재설계'를 의미한다.
요약하자면, 유저의 입장에서 우리의 웹사이트가 어떻게 개발되면 유저에게 좋은 웹사이트가 될 수 있을지를 생각해보기 위한 작업이다.
먼저, 저희가 타겟으로 하는 페르소나를 정했는데, 이는 우리와 비슷한 MZ세대로 결정했습니다.
이들의 특징을 살펴보면
- 글 보다는 영상을 선호
- 감성을 중시
- 가볍게 사용해보는 것을 선호
이러한 특징들이 있었고, 이를 참고하여 클릭 횟수를 최소화하고 직관적이고 아름다운 UI를 구현한 웹사이트를 만들자라는 웹사이트 컨셉을 잡고 Brain Storming을 진행했습니다
Brain Storming
- [메인 페이지] 구글 입사 제의 포트폴리오 참고하여 원형으로 돌아가는 추천 영화 목록 구현
메인에 원형으로 돌아가는 카드가 있고, 각각의 카드를 클릭하면 HTML5로 이루어진 다양한 인터랙션을 경험할 수 있는 웹사이트입니다.
- [메인 페이지] 영화 트레일러 재생
- [영화 조회] 메인 페이지에서 버튼 클릭시 배우별, 장르별, 감독별 등의 기준으로 영화 조회 가능(검색창 활용)
- [추천 알고리즘] 회원가입 후 영화 취향에 관한 초기 데이터 수집, 사용자의 좋아요 데이터를 활용하여 구현
- [상세페이지] 영화 정보 출력, 리뷰 출력, 채팅 기능 구현
- [마이페이지] 나만의 영화 이야기, 포토티켓
느낀점
- 생각하고 있었던 것보다 웹사이트를 개발하기 전 기획을 하는 것이 중요하다는 것을 깨달았다.
- Design Thinking을 통해 우리 웹사이트를 사용하게 될
주 사용자즉,페르소나를 설정했던 것이 웹사이트의 모습을 생각하는데 좋은 길잡이가 되주었다. - 개발자의 입장에서 기획을 해보니, 웹사이트가 이런 기능, 이런 UI를 가졌으면 좋겠다라고 말을 하다가도
과연 구현할 수 있을까라는 구현 가능성에 대해 많이 생각을 하게 되는 것 같다. 기한이 한정되어 있기 때문에 이러한구현 가능성도 고려해서 기획을 잘 해놔야 추후에 괜찮게 프로젝트를 마무리할 것 같다. - 기획을 통해서 팀원 모두가 우리의 웹사이트에 대해서
동일한 그림을 머릿속에 가져 갈 수 있다는 것만으로도 큰 장점이 되는 것 같다.
logg