사이트 디자인 시안 작업하기

디자인툴 Figma를 사용하여 만들고자 하는 사이트의 디자인 시안 작업

여러 많은 사이트를 참고하여 만들고자 하는 사이트의 디자인을 구상해 보았습니다.

 

 

각 영역 정리해보기

헤더부분

• 간단하게 사이트 로고와 검색바, 메뉴 부분으로만 구성하였고 position: fixed 속성입니다.

메인부분

• 구글 형식으로 메인의 첫 부분에서 얻고자 하는 정보를 검색할 수 있도록 했습니다.
• 사이트 내의 카테고리에 대한 미리보기가 있는 부분을 바로 아래 배치했습니다.
• 사이트에서 진행하는 이벤트 혹은 전하고자 하는 정보를 슬라이더 형식으로 마련했습니다.
• 좀 더 친근하게 알아볼 수 있는 영상이나 혹은 중요한 정보가 담긴 영상 자료가 들어가는 부분을 넣었습니다.
• 사이트 방문자들이 많이 궁금해하는 분리수거의 내용에 대해 순위를 매겨 슬라이드 형식으로 표현했습니다.
• 좀 더 자세하게 알고 싶은 사항이나 기타 문의사항에 대해 Q&A로 넘어갈 수 있도록 푸터에 같이 넣었습니다.

 

참고 사이트 방문

• 케이티클라우드 : https://www.ktcloud.com/?lan=kor
• 삼성펀드 : https://www.samsungfund.com/fund/main.do
• 톡스앤필 : https://www.toxnfill.com/
• 구글 : https://www.google.com/
• 카카오엔터프라이즈 : https://kakaoenterprise.com/
• 교보문고 : https://www.kyobobook.co.kr/
• CU : https://cu.bgfretail.com/index.do
• 메타버스엔터테인먼트 : https://meta-ent.com/meta/
• 라우드 : https://www.loud.kr 

각 사이트의 헤더, 메인, 푸터 등등 다양하게 참고하여 비슷한 형식으로 저희 팀 프로젝트에 맞는 내용으로 수정해보았습니다.

 

 

이상으로 사이트 디자인을 구상해보았습니다 !