오늘은 "이거 어때?" 프로젝트의 주요 내용이 될 플랫폼 페이지를 제작해 보려고 합니다.
페이지 제작에 사용한 것은 네이버 모두입니다. 기획 단계에서 시각적인 자료를 제공하기 위해 플랫폼의 디자인을 미리 만들어 보여줄 목적으로 사용하였습니다.
코디 공유 게시판을 제외한 모든 화면의 이미지는 저작권 없는 무료 이미지 사이트인 pixabay에서 수집하였습니다.
1. 플랫폼 메인 화면
플랫폼의 메인 화면입니다. 메인화면에서는 플랫폼의 다양한 페이지(회원가입, 자유게시판, 행사안내, 코디 공유 게시판 등)를 선택하여 이용할 수 있습니다.
2. 회원가입 페이지
회원가입 페이지에서는 회원의 정보를 기입하고, 마지막 질문인 패션에 관심이 있는지 응답을 받아서 없다고 응답한 회원에게는 최근에 유행하는 코디를 추천해줄 계획입니다.
(추천해주는 코디는 플랫폼 관리자가 미리 작성해둔 내용입니다.)
3. 자유 게시판
자유 게시판 페이지 입니다. 회원들이 코디를 공유하는 것 외에도 패션 아이템 공유, 소통 등 다양한 활동을 이 게시판에서 할 수 있게 됩니다. 하지만 플랫폼의 운영을 위해 악성유저는 즉시 퇴출 되게 됩니다.
해당 화면에는 관리자가 작성한 공지사항을 보여주었습니다.
4. 패션 스타일, 용어정리 페이지
패션스타일, 용어 정리 페이지 입니다. 패션에 입문한 사람들은 해당 게시판을 통해서 패션과 관련된 다양한 정보를 얻을 수 있습니다.
5. 개인 프로필
다음은 회원 프로필 페이지 입니다. 자신의 프로필 조회를 기준으로 프로필 화면은 회원의 닉네임과 프로필 사진으로 구성되어 있고 채팅내역, 스크랩내역을 조회할 수 있습니다. 또한 글 작성도 해당 페이지에서 이용 가능 합니다.
6. 코디 추천
다음은 코디 추천 페이지 입니다. "이거 어때?" 프로젝트에서는 TPO(시간,장소,상황)와 체형에 맞는 의상을 추천해주기 위해 코디 추천의 세부 기능을 세가지로 나누었습니다.
장소에 맞는 의상, 기온에 맞는 의상, 체형에 맞는 의상을 회원이 각각 추천 받을 수 있습니다. 버튼을 클릭할 경우, 플랫폼 관리자가 준비해둔 페이지로 이동하여 일련의 과정을 거쳐서 의상을 추천받게 됩니다.
7. 기온에 맞는 의상 추천 페이지
기온에 맞는 의상을 추천받을 경우에는 해당 페이지에서 버튼으로 기온을 각각 나누었기 때문에 자신이 원하는 기온의 버튼을 클릭하면 해당 기온에서는 반팔티를 입어라, 긴팔티를 입어라, 외투를 걸치는 것이 좋다, 패딩을 입는 것이 좋다 등의 옷의 아이콘과 설명이 담긴 페이지가 나오게 됩니다.
해당 페이지는 아직 기획 단계이기 때문에 따로 구현하지는 않았습니다.
8. 행사 안내
다양한 브랜드에서 진행하고 있는 소식이나 행사 등을 관리자가 게시한다. 글 작성 권한은 오직 관리자만이 가지고 있으며 회원은 작성이 불가능 하다. 서비스 악용(허위 사실 유포 등)을 방지하기 위함이 목적이지만 추후 변경될 가능성이 있다.
코디 공유 게시판
마지막으로, 코디 공유 게시판 입니다. 회원들이 공유한 다양한 스타일의 패션 정보를 접할수 있습니다. 페이지에 들어가있는 사진은 저와 김민서 학우의 사진입니다.
마치며..
대학교 2학년 수업으로 웹 프로그래밍 수업을 수강한 적이 있습니다. 해당 수업에서 기말프로젝트로 html, css, javascript로 간단한 웹 페이지를 제작한 경험이 있는데 네이버 모두를 사용하면서 그 당시의 기억이 떠올랐습니다.
쉽고 간단하게 웹 페이지를 만들 수 있는 네이버 모두가 있다는 것을 인터넷 검색을 통해 알게 되었습니다. 막상 사용해보니 시간이 좀 걸렸으나, 네이버 블로그를 운영했던 경험과 블로그의 스킨을 제작해 본 경험이 있기 때문에 비교적 수월하게 작업을 마칠 수 있었습니다.
디자인 툴에는 figma 등의 툴이 있지만, 사용이 미숙하여 현재 기획중인 프로젝트에서는 사용하지 않을 계획 입니다. 다음에 기회가 되면 figma를 공부하여 디자인을 해보겠습니다!
읽어주셔서 감사합니다!
