서비스를 소개하고 문의를 받는 원페이지를 기획부터 배포까지 혼자 진행했습니다. 무엇을 했는지 방문자가 어떤 순서로 읽어야 문의까지 이어지는지를 먼저 정한 뒤, 그 순서대로 화면을 짰습니다. 문제 제기, 제공 서비스, 실제 결과물, 진행 방식, 약속하는 것과 하지 않는 것, 문의 순서입니다. 문안도 직접 썼습니다. 어떻게 만들었는지 외부 라이브러리와 폰트 CDN을 하나도 쓰지 않았습니다. 방문자 대부분이 휴대폰으로 들어오는데, 느리면 내용을 보기도 전에 나가 버리기 때문입니다. 그래서 첫 화면이 즉시 뜹니다. 화면 폭에 따라 끊기지 않고 이어지도록 만들었습니다. 특정 폭에서 갑자기 레이아웃이 튀지 않고, 좁은 휴대폰부터 넓은 모니터까지 글자 크기와 여백, 카드 배치가 연속적으로 변합니다. 실제로 320px부터 데스크톱까지 확인했고 가로 스크롤이 생기는 구간은 없습니다. 한국어 문장이 어절 중간에서 끊기지 않게 처리했고, 어두운 화면 설정을 쓰는 분께는 자동으로 어두운 배색이 적용됩니다. 결과 빌드 단계가 없어서 문구를 고치면 곧바로 반영됩니다. 관리 부담이 거의 없는 구조라, 만들어 드린 뒤 직접 수정하시기도 쉽습니다. 이런 분께 맞습니다 소개할 곳도 문의를 받을 곳도 마땅치 않아 매번 같은 설명을 반복하고 계신 분, 복잡한 관리자 화면 없이 가볍고 빠른 사이트가 필요하신 분께 같은 방식으로 만들어 드릴 수 있습니다.

휴대폰 화면. 문제 제기부터 문의까지 읽는 순서대로 이어지도록 구성했습니다.