필로 PHYLLO

어떻게 만들어졌나

원본은 자연모방 사례·논문·특허 자료실이면서 교육과 컨설팅을 하는 곳입니다.

홈 절반은 사례 하나와 세 가지 이용 방법을 잇는 이야기입니다.

움직임은 대부분 sticky 배치에서 나옵니다. 스크롤 연동 변형은 없다는 것을 실측으로 확인했습니다.

가장 오래 걸린 곳은 수치 패널 4장이 앞 패널을 덮으며 올라오는 구간(5,040px)입니다.

검색은 키워드와 의미 검색 두 방식이고, 입력 예시로 차이를 보여 줍니다. 자료 목록은 모두 같은 카드 규칙입니다.

주요 기능

• 검색 모드 2종 · 결과 탭
• 사례 상세 모달
• 한국어·영문 전환
• 페이지네이션 · 문의 폼

어디에 어떻게 쓸 수 있나

자료를 쌓아 두고 검색하게 하면서 교육·컨설팅 신청도 받는 기관에 맞습니다.

확인할 점

2019년 수상 당시 화면은 남아 있지 않아 지금 사이트를 기준으로 만들었습니다.