사이트 스타일로 만드는 사례 연구 페이지 목업

결과물 예시

서비스 소개

사례 연구 페이지는 작업물을 근거로 보여 줍니다. 보통 커버, 고객사 이름, 작업 유형, 핵심 성과 하나가 담긴 프로젝트 카드 그리드와, 과제, 한 일, 결과로 이야기를 들려주는 개별 사례 레이아웃으로 구성됩니다. 사이트나 포트폴리오의 스크린샷을 올려 주시면, 그 색상, 글꼴, 간격으로 사례 목록이나 사례 페이지 하나를 그리고 프로젝트 이름과 성과는 요청 사항에 적힌 그대로 넣습니다. 약 1.5메가픽셀 PNG 목업을 받으시며, 각각 보내 주신 스크린샷 중 한 장으로 같은 비율(데스크톱은 가로형, 휴대폰은 세로형)로 만듭니다. HTML이나 CSS 코드, Figma, Sketch, XD 파일, 설치할 테마가 아닙니다.

포함 사항

• 제공 내용프로젝트 그리드와 개별 사례 페이지 하나 이상처럼 사례 연구 섹션의 PNG 목업 1개, 3개 또는 5개를 받으십니다. 패키지보다 적은 수의 스크린샷을 보내시면 남는 이미지는 같은 파일의 다른 버전으로 드립니다.
• 프로젝트 그리드커버, 고객사 이름, 작업 유형이 있는 카드
• 카드마다 핵심 성과실제 성과에서 가져온 짧은 수치나 한 줄
• 개별 사례 레이아웃고객 스타일의 과제, 해결, 결과 블록
• 프로젝트 이미지직접 만든 시각 자료를 위한 임시 그림의 커버 자리
• 행동 유도 문구다음 고객에게 연락을 권하는 마무리 블록

진행 방식

1. 1
   프로젝트와 스크린샷사이트를 올리고 프로젝트와 성과를 적어 주세요
2. 2
   사례 페이지사이트 스타일로 그리드와 사례 레이아웃을 그립니다
3. 3
   확인과 수정이름과 수치를 확인하고 패키지 범위 안에서 수정을 요청하세요

준비해 주실 내용

한 장에 페이지 하나씩 담은 사이트나 포트폴리오의 선명한 PNG, JPEG 또는 WebP 스크린샷 최대 5장(PDF 불가), 사용 권한이 있는 파일만 보내 주세요. 프로젝트마다 고객사 이름, 작업 유형, 실제 성과 하나를, 개별 사례는 과제, 해결, 결과를 각각 한 줄로 알려 주세요. 라틴 문자 언어가 가장 깔끔하게 나오며, 모든 수치는 고객이 확인합니다.

다음 내용을 여쭤봅니다:

• 그리드에 어떤 프로젝트를 보여 줄까요?
• 프로젝트마다 핵심 성과는 무엇인가요?
• 개별 사례 페이지가 필요하신가요? 어떤 프로젝트인가요?
• 커버 이미지에는 무엇을 담을까요?

패키지 비교

질문과 답변

답을 찾지 못하셨나요? 질문하기