사이트 스타일로 만드는 404 페이지 목업

결과물 예시

서비스 소개

404 페이지는 링크가 깨졌거나 페이지가 옮겨졌을 때 나타나며, 좋은 404 페이지는 방문자를 사이트에 붙잡아 둡니다. 페이지를 찾지 못했다는 짧고 친근한 메시지, 검색창, 가장 많이 찾는 페이지 링크, 홈페이지로 돌아가는 버튼, 그리고 브랜드의 말투를 담은 작은 그림이나 농담까지요. 사이트의 스크린샷을 올려 주시면, 그 색상, 글꼴, 헤더, 푸터에 요청 사항의 메시지와 링크를 담아 새 404 페이지를 그려 막다른 길조차 사이트의 일부처럼 느껴지게 합니다. 약 1.5메가픽셀 PNG 목업을 받으시며, 각각 보내 주신 스크린샷 중 한 장으로 같은 비율(데스크톱은 가로형, 휴대폰은 세로형)로 만듭니다. HTML이나 CSS 코드, Figma, Sketch, XD 파일, 설치할 테마가 아닙니다.

포함 사항

• 제공 내용진지한 톤부터 유쾌한 톤까지 다른 분위기, 또는 데스크톱과 휴대폰처럼 404 페이지의 PNG 목업 1개, 3개 또는 5개를 받으십니다. 패키지보다 적은 수의 스크린샷을 보내시면 남는 이미지는 같은 파일의 다른 버전으로 드립니다.
• 친근한 메시지고객의 말투로 쓴 짧은 헤드라인과 한 줄
• 돌아가는 길홈 버튼, 검색창, 유용한 링크 3~5개
• 브랜드에 맞는 그림아이디어를 바탕으로 사이트 색상에 맞춘 간단한 장면
• 고객의 헤더와 푸터페이지가 사이트의 일부처럼 느껴지게
• 톤별 버전비교할 진지한, 유쾌한, 미니멀한 버전

진행 방식

1. 1
   스크린샷과 메시지사이트를 올리고 메시지와 링크를 적어 주세요
2. 2
   404 페이지헤더, 푸터, 그림 아이디어로 페이지를 그립니다
3. 3
   확인과 수정문구를 확인하고 패키지 범위 안에서 수정을 요청하세요

준비해 주실 내용

한 장에 페이지 하나씩 담은 사이트의 선명한 PNG, JPEG 또는 WebP 스크린샷 최대 5장(PDF 불가), 사용 권한이 있는 파일만 보내 주세요. 헤드라인, 설명 한 줄, 링크 문구 3~5개, 버튼 텍스트를 적어 주시고 그림 아이디어를 몇 단어로 설명해 주세요. 라틴 문자 언어가 가장 깔끔하게 나옵니다.

다음 내용을 여쭤봅니다:

• 헤드라인에는 무엇이라고 쓸까요?
• 방문자가 돌아갈 수 있도록 어떤 링크를 넣을까요?
• 브랜드에 맞는 그림 아이디어는 무엇인가요?
• 어떤 톤을 원하시나요?

패키지 비교

질문과 답변

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