프로그래밍/웹 프로그래밍

[학교/웹프로그래밍프로젝트/20.06.22] 웹 프로그래밍 프로젝트 기획 (2)

pxatd 2020. 6. 28. 20:21
728x90

저번 중간과제에 이어서 교수님께서 요구하신 기말과제 조건은 다음과 같습니다. 

-웹사이트 여정 맵

-웹페이지 유저플로우

-와이어프레임 제시

-페이지 프로토타입

-웹페이지 요약 및 차별점 도출

-PPT와 발표영상 제출

 

사실 용어가 생소하고 내용 또한 이해가 잘 되지 않아 구글링을 통해 다른 여러 웹페이지 기획 예시들을 참고하였습니다. 

중간과제는 무에서 유를 창조해내는 아이디어라 그런지 시간이 오래걸렸는데, 최종과제는 중간과제에서 아이디어를 제시해 놓은 것을 바탕으로 구체화시키면 되었기 때문에 상대적으로 수월했습니다.

 

주제 : 부수입을 효율적으로 만드는 것을 도와주는 웹페이지

 

1. 리서치
1.1 웹사이트 여정 맵 (고객여정지도)

우선적으로 생각나는 것을 막 쓰기 위해 A4용지에 각각 다른 색으로 내용을 기록하였고 결과물은 다음과 같습니다.

 

 

저는 이 웹페이지에서 의 가치와 목적을 자산증가, 정보수집, 비교및 검토, 목표달성 총 네 가지로 분류하였고 욕구, 현실, 행동, 기분, 터치포인트, 기회제공 총 6개로 고객을 파악하고자 하였습니다. 각각의 내용은 다음과 같습니다.

 

 

2. 브레인스토밍 

2.1 유저플로우

유저플로우도 우선 A4용지에 손그림으로 표현해 보았습니다

 

 

이것을 순서도로 나타내면 다음과 같습니다.

 

 

 

2.2 와이어프레임

영상이라 캡쳐로 대신하는 점 양해 부탁드립니다. 

 

 

 

3. implement

3.1 프로토타입

웹페이지의 메인 프로토타입입니다. 왼쪽에 로그인 하면 오른쪽에 부수입과 동시에 자산관리가 노출됩니다. 중앙에는 설문조사와 기업의 이벤트 부수입이 추천되고 그 밑에는 지난 달 가장 많은 부수입을 기록한 회원의 인터뷰가 실려있습니다. 그 옆에는 가장 수입이 많았던 스펙을 보여주고 이로써 사용자들은 어떤 스펙을 갖추는 것이 유리할 지 알 수 있습니다

두번째 프로토타입은 자산관리 탭을 누르면 이동되는 페이지로 만들었습니다. 이 페이지에서는 자산관리를 좀 더 세부적으로 볼 수 있고 사용자의 소비 정도에 따라 가장 유리한 카드의 혜택을 보여줍니다. 예를들어 지금 이 고객은 편의점에서의 소비가 가장 많았고, 그렇기때문에 편의점에서 천원당 백원이 할인되는 카드를 추천해주었습니다. 한가지가 아닌 여러가지 카드를 추천해주어 사용자의 선택 폭을 넓혔습니다.

 

 

3.2 요약 및 차별점 도출 (결론)

일을 하면서 월급이 매달 들어온다는 것은 기쁜 일입니다. 하지만 매달 정해진 금액이 들어오기에 큰 성취감이나 보람을 느끼기 힘들다는 단점이 있습니다. 물론 야근수당이나 연봉 상승의 기회가 있지만 한계가 분명히 있을 것입니다. 그래서 나는 자산을 불리는 것에 관심이 많은 2030세대들에게 재미를 주고자 부수입을 만드는 웹서비스를 기획하게 되었습니다.

부수입을 증가시키기 위한 사용자 맞춤형 웹페이지는 없을 뿐더러 기존에 있는 웹서비스 중 첫 번째로 카드사의 웹서비스는 다른 카드사와 혜택을 비교하는 기능이 없어 사용자가 선택하는데 어렵고 불편합니다. 두 번째로 알바관련 서비스는 사용자의 나이, 성별 등 기본정보는 고려하지만 사용자가 갖고 있는 경험이나 개개인의 스펙은 고려하지 않아 완벽하게 맞춤형이라고 볼 수 없습니다.

이에 따라 기획한 웹페이지의 서비스는 여러가지 혜택을 한번에 비교해볼 수 있는 기능과 사용자의 스펙을 입력 받아 부수입을 맞춤 추천하는 등 기존 웹 서비스의 불편한 점을 개선하였습니다. 시간이 흐름에 따라 돈에 대한 사람들의 욕망은 더욱 커질 것입니다. 그러나 사람이 사용할 수 있는 시간은 한정되어 있고 주수입 만으로는 만족하지 못 합니다. 그렇기 때문에 내가 개발한 웹서비스의 맞춤형 부수입 서비스를 이용한다면 한 번에 큰 수입을 벌 수 있지는 않더라도 꾸준히 사용한다면 자산을 불리는 데 분명 도움이 될 것이라고 생각합니다.

 

728x90