
코토세라믹 웹사이트는 타일·세라믹 전문 브랜드의 제품 경쟁력과 시공 신뢰도를 직관적으로 전달하기 위해 기획된 브랜드 중심의 기업 사이트입니다. 다양한 제품군과 적용 사례를 한눈에 이해할 수 있도록 정보 구조를 정돈하고, 소재의 질감과 컬러가 돋보이도록 여백 중심의 레이아웃과 안정적인 타이포 시스템을 적용했습니다. 방문자가 브랜드의 전문성과 품질 기준을 자연스럽게 체감하도록 제품·프로젝트·문의 흐름을 명확히 설계한 것이 핵심입니다.
본 프로젝트는 코토세라믹의 제품 탐색 경험을 강화하는 데 초점을 두고 진행되었습니다. Webflow CMS 기반으로 제품 카테고리와 속성 체계를 정리하고, Finsweet Attributes 라이브러리를 활용해 필터·소팅 기능을 구현하여 사용자가 필요 제품을 빠르게 좁혀볼 수 있도록 설계했습니다. 디자인은 소재의 질감과 컬러가 돋보이도록 절제된 그리드와 여백 중심의 레이아웃을 적용했으며, 반응형 최적화로 모든 디바이스에서 일관된 탐색 흐름을 제공합니다.




