Project(1)-1. 주제 & 벤치마킹

국비학원을 다니고 처음으로 하게 된 아주 작은 프로젝트를 시작했다.

여태 배운 HTML과 CSS 내용을 바탕으로 사이트를 한 번 만들어보는 것이었다.

기능 구현까지 하는 것이 아닌 오직 디자인하는 것까지만 하는 프로젝트로, 강사님께서는 팀원들끼리 주제를 잡고 스토리보드를 짜보는 데 의의를 두라고 하셨다. 구현은 인당 2페이지 정도로 이틀이라는 제한 시간 안에 꽤 많은 과제가 주어졌다고 생각했다.

 

  주제 정하기

팀원들끼리 모여 주제를 정했을 때, 처음에는 이렇게 막막할 수가 없었다.

이때 우리가 가장 중요하게 생각한 포인트는 '초보자인 우리가 구현할 수 있는 주제인가'였다.

그래서 정한 주제가 바로 흔하디 흔한 마켓 사이트였다.

마침내 우리는 요리 레시피라는 콘텐츠를 중심으로 레시피를 공유하고 그에 맞는 재료를 구매할 수 있는 사이트로 주제를 정하게 되었다.

 

  콘셉트와 벤치마킹

스토리보드를 짜기에 앞서 주제에 대한 콘셉트를 정했다. 요리 레시피 사이트인 만큼 '요리'라는 단어를 조합해 'Cookooo(쿠쿠)'라는 이름을 지어주었다.

나름 배고플 때 웃음이 난다는 의미를 부여했지만 밥솥 쿡쿠가 생각나는 건 어쩔 수 없었다...😂

그럼에도 쿠쿠라 세뇌를 하고 벤치마킹할 사이트를 찾아보았다.

이때 내가 나름 괜찮다고 생각한 사이트가 바로 '마켓컬리'였다.

개인적으로 마켓컬리는 마켓 사이트들 가운데 처음으로 고급화시켰다고 생각해서 제안하게 되었다.

 

벤치마킹한 내용은 다음과 같다.

 

1. 장점

• 분위기 있는 색상 배치
• 깔끔한 레이아웃

2. 단점

• 복잡한 상단바
• 지저분한 판매 이미지

이렇게 벤치마킹을 하여 색상과 전반적인 레이아웃을 따라하고 상단바와 판매 이미지를 깔끔하게 나타내고자 하였다.