안녕하세요! 오늘은 제가 project를 기획부터 제작까지 전과정을 해보는 과정을 진행하고 기록하기 위해서 글을 쓰게되었습니다. 일단 기획단계를 시작하기전에 저는 운동을 좋아하기때문에 운동관련 사이트를 제작해봐야지 라고 생각하게 되었습니다 일단 a4용지에 홈페이지를 어떻게 구성할지에 대해 스케치 해보았고 figma라는 툴을 이용해 전체적인 과정을 구현해봤습니다!
홈페이지에 홈 영역에는 사용자가 가정먼저 접하게되는 부분이기에 홈페이지가 어떻게 구성되어있는지를 소개하는 것이 중요하다고 생각했기에 우측에 홈페이지가 어떻게 구성되어있는지에 대한text를 넣었습니다. 그리고 사용자 입장에서 이 홈페이지를 둘러보는데 중요한 요소는 이홈페이지가 어떤내용을 제공하는지에 대해 간략한 설명이 필요하다고 판단했기에 text를 홈페이지 좌측에 추가하였습니다.
about 영역에서는 홈페이지에대한 자세한 소개를 하는 영역으로써의 역할을 하게하였습니다. 제가 제작할 홈페이지에 핵심내용은 운동을 꾸준하게 해야하는이유와 운동정보를 제공하는것이 목적이었고 이러한 홈페이지를 만들게된 이유에대해서 자세한 설명을 하기위한 영역입니다
다음은 exercise영역인데 이부분에선 운동을 어떻게해야하는지에대해 소개하는 page로써의 역할을 하게하였습니다. 처음 sketch에서는 image 옆에 text로 부위별 운동방식을 text로 작성하고자 하였으나 가장중요한 영역이기도하고 text로 운동수행에대한 내용을 전달하면 사용자입장에서 와닿지 않을것이라 판단하였기때문에 html에 iframe태그를 이용하여 유튜브 동영상을 넣어주기로 계획을 수정하였습니다.
durg 영역에 대해서는 운동을할때 운동수행능력을 높여주는 영양제에 대해서 소개하였습니다 먹는시간대와 영양제의 효과를 소개함으로써 본인의 여건에 맞는 영양제를 선택하여 섭취 할수 있도록 정보를 제공하는 영역으로써의 역할을 합니다.
community 영역에서는 정보교류를 할수있는 소통에장도 있으면 좋을거같다 라고 생각하여 추가하였습니다.
소통은 내가 모르던정보를 알게되거나 알던내용을 타인에게전파하며 서로가 발전할수있는 좋은수단이라고 생각하였기때문에 community영역은 소통의 역할을하는 page입니다.
이상으로 기획단계를 마치게되었습니다. 필자는 본인이 좋아하는 내용에 대해서 홈페이지를 구현할수있다는것에 대해 기획단계에서 보람을 느꼇으며 내가알던내용만을 기반으로 만들었다기보다는 좀더 구체적인 내용을 소개하고자 구글링과 검색을 함으로써 영양제에와 운동수행에대한 지식에 살을 더붙이고 알던내용은 한번더 점검 할 수 있는 계기가 되었기에 긍정적인 과정이었다고 판단합니다.! 현제 계획은 제작단계에서 html과 css로 홈페이지를 제작할 생각이고 react에 익숙해지면 react로 홈페이지를 다시한번 만들어볼 계획입니다.!