배경 설명
채용 공고를 간편하게 제작하고 싶어했습니다.
요구 사항
1.
원 페이지 형태로 볼 수 있게
2.
다른 웹사이트로 빠져나가지 않도록
해결 방법
원 페이지로 문서를 페이지를 만들면 페이지 스크롤이 너무 길어져서 오히려 전달하고 싶은 내용을 모두 전달할 수 없게 됩니다. 메인 페이지에는 원하는 페이지를 쉽게 찾아갈 수 있도록 인덱스 형태로 만들었습니다.
애프터모먼트 채용공고의 장점은 글이 수려하고 재밌다는 점입니다. 일반적인 채용공고는 딱딱하고 재미가 없지만 애프터모먼트는 글이 길어도 재미있고 쉬워서 술술 읽힌다는 장점이 있습니다. 그러나 글이 길면 아무리 재밌어도 눈이 피로해진다는 단점이 있습니다. 그래서 긴 글은 회색으로 처리하고, 중요한 문장은 기본 검정으로 변경해 눈의 피로도를 줄이고, 전달하고 싶은 내용을 확실하게 전달했습니다.
애프터모먼트는 원페이지 형식으로 페이지를 만들고 싶어하셨지만 스크롤이 길어 페이지를 나누었습니다. 페이지를 나누어도 하나의 책이나 브로셔 같은 느낌을 주기 위해 아래에 버튼을 만들었고, 버튼을 누르면 다음 페이지로 이동할 수 있게 제작했습니다.
페이지가 하나의 책처럼 이어지다보니 내가 원하는 페이지로 단숨에 이동할 수 없는 단점이 있습니다. 이동경로 블록을 넣으면 전체 페이지를 넣을 수 없기 때문에 콜아웃 블록을 넣고 동기화 블록 기능을 이용하여 모든 페이지에서 똑같은 형태의 Footer를 볼 수 있으며, 어떤 페이지든 쉽게 접근할 수 있도록 제작했습니다.
