Plok

어떻게 만들어졌나

원본은 국내 UI/UX 에이전시의 회사 사이트입니다. 작업 사례·구성원·회사 소개·문의 네 갈래로 나뉩니다.

메뉴는 알약 하나이고 페이지마다 위치가 바뀝니다. 홈은 가운데, Glimmer는 오른쪽, Brief는 왼쪽에 둡니다.

홈 캐러셀은 고른 프로젝트만 160×205 카드로 펼칩니다. 나머지는 70px 원이고 전환 시간은 300ms입니다.

의뢰·지원 대화상자는 5단계 폼입니다. 칸별 오류 문구와 약관 미동의 확인 상자를 옮겼습니다.

홈 배경 영상 3개는 정지 사진으로 바꿨습니다. 카카오맵은 직접 그린 약도로, Apple 이모지는 Noto Color Emoji로 대신했습니다.

주요 기능

• 알약 메뉴 · 분류 필터
• 캐러셀 · 바둑판 보기 전환
• Request · Recruit 5단계 폼
• 좋아요 · 주소 복사 · 브로슈어 PDF

어디에 어떻게 쓸 수 있나

작업 사례, 구성원 소개, 의뢰·채용 접수를 한 사이트에 두려는 에이전시에 맞습니다. 분류 필터로 사례를 갈래별로 보여 줍니다.

확인할 점

폼은 검사만 하고 전송하지 않습니다. 원본 홈의 움직임은 대부분 영상이라 프로젝트 영상이 있어야 같은 인상이 납니다.