Project(1)-2. 스토리보드

주제와 벤치마킹을 모두 완료한 끝에 페이지를 어떻게 구성하면 좋을지 이야기했다.

우리는 총 4명으로 2페이지씩 총 8페이지를 구성해야 했다.

따라서 기본적으로 메인페이지와 로그인 및 회원가입 페이지, 레시피 상세 보기 페이지를 구성하기로 했다.

그 다음, 상품 판매 페이지와 상품 상세설명 페이지, 결제페이지와 마이페이지까지 총 8가지를 생각해냈다.

 

이 중에서 내가 맡은 페이지는 상품 판매 페이지와 상품 상세설명 페이지다.

 

  스토리보드

스토리보드는 우리가 만들 페이지에 대해 어떻게 만들지 구체적으로 이미지화하지만 설명은 간단하게 설명해주는 것이다.

팀원들끼리 각자 맡은 페이지도 직접 스토리보드를 짜보기로 했고, 나는 다음과 같이 작성해보았다.

 

* 참고로 나는 header와 footer를 제외하고 화면을 구성했다.

 

1. 상품 판매 페이지

상품 판매 페이지는 정말 간단하게 나타냈다. 상단에는 연결된 레시피 요리의 사진을 배경으로 이름을 작성했다. 이때 배경을 반투명화하고 조명을 어둡게 줘 분위기 있는 연출을 시도하고자 했다. (잘 됐는지는 모르겠다🙄)

재료는 3열로 나누었고 일반적인 마켓 사이트와 마찬가지로 간단하게 사진과 재료 이름, 가격 등을 나타내주었다.

 

2. 상품 상세 정보 페이지

상품 상세 정보 페이지에서는 상품 판매 페이지에서 보이지 않은 구체적인 정보를 나열해보았다. 이때 어떤 정보를 작성하면 좋을지에 대해서는 쿠팡을 많이 참고했다. 그리고 상품의 사진은 최근 배운 이미지 슬라이더를 이용해보고자 했다.