사이트 제작 - 메인 페이지 시안 짜집기
사이트 메인 시안 작업을 했습니다.
팀 프로젝트 오픈런 대행사 사이트를 만들기 입니다.
제 기준으로 사이트를 트렌디 하면서 심플하게 만들려고 노력했고,
생각한거 만큼 쉽지 않았습니다. 각종 유명한 브랜드 사이트, 쇼핑몰 사이트를 살펴 보았고
'나중에 필요 할 수 있겠다.' 싶은 사이트들을 저장해놨으며 더 추려서 피그마에 따로 정리했습니다.
Figma
[ 여러 사이트를 부분 짜집기 한 시안입니다. ]
쓸만한 사이트 주소
찾아본 사이트 중에 쓸만한 사이트 주소를 저장하고,
Figma에 추리기
더 추려서 피그마에 따로 풀페이지로 캡쳐를 떴습니다.
헤더, 슬라이더, 이미지, 텍스쳐, 푸터 유형을 마음에 드는것들을 골라 짜집기 했습니다.
헤더 유형
https://www.sloggi.com/brandpage/
심플하고 깔끔해 보여서 sloggi 사이트의 헤더 부분으로 골랐습니다.
슬라이더 유형
https://www.jomalone.co.kr/home
조말론 사이트의 슬라이더 부분입니다.
제가 보기엔 사진 위에 더 알아보기 부분이 좀 에러지만 제가 찾던 슬라이더랑 제일 비슷해서 가져왔습니다.
제가 디자인을 직접 코딩해주고 싶습니다.
연락주세요 조말론
카드 유형
https://perfumegraphy.com/index.html
perfumegraphy 사이트의 카드유형 부분입니다.
회사이름, 제품명, 설명이 들어가 있어서 적절해 보여서 채택했습니다.
이미지 유형
LANVIN 사이트의 이미지 유형입니다.
사진을 왼쪽에서 크게 보여주고 오른쪽 아래에 다른 종류들을 나열하여 구매 의욕을 높이는 느낌입니다.
텍스트 유형
https://www.calvinklein.co.kr/ko/home/
캘빈클라인의 텍스트 유형입니다.
뭐라고 하는지는 잘 모르겠지만 느낌이 좋고 깔끔해 보여서 짜집기 했습니다.
카드+ 푸터 유형
https://www.johnvarvatos.co.kr/
존 바바토스 사이트의 카드 + 푸터 유형입니다.
사진 중앙에 카테고리 목록을 적은게 멋져 보여서 가져왔습니다.
푸터 또한 깔끔하고 가독성이 좋아 가져왔습니다.
봐주셔서 감사합니다!