이번에 제작한 프로젝트는 고급 주얼리 브랜드의 공식 웹사이트로, 제품 쇼핑몰과 브랜드 소개, 세련된 제품 카탈로그 기능을 모두 담았습니다. 클라이언트는 세련되고 고급스러운 분위기의 사이트를 원했으며, 특히 사용자 경험을 중시하여 직관적인 제품 탐색이 가능한 인터페이스를 강조했습니다. 모바일 환경은 작업하지 않아도 된다는 요구사항에 맞게 pc에만 집중하여 제작하였습니다.
클라이언트의 핵심 요구사항은 상단에 고정된 메뉴바와 호버 시 카테고리별 제품 미리보기 기능이었습니다. 이를 위해 아임웹의 기본 기능을 넘어서는 커스텀 코드를 적용했습니다. JavaScript와 CSS를 활용하여 메뉴에 마우스를 올리면 해당 카테고리의 상품 이미지와 이름이 자연스럽게 나타나도록 구현했으며, 스크롤 시에도 메뉴가 상단에 고정되는 sticky 포지셔닝 기능을 추가했습니다.
이 사이트의 주 타겟층은 25-45세 사이의 경제력 있는 성인으로, 미니멀하면서도 고급스러운 디자인을 중심으로 브랜드 스토리에 집중하여 불필요한 요소는 최소화하고, 브랜드의 가치를 효과적으로 전달하고자 했습니다.
클라이언트의 핵심 요구사항은 상단에 고정된 메뉴바와 호버 시 카테고리별 제품 미리보기 기능이었습니다. 이를 위해 아임웹의 기본 기능을 넘어서는 커스텀 코드를 적용했습니다. JavaScript와 CSS를 활용하여 메뉴에 마우스를 올리면 해당 카테고리의 상품 이미지와 이름이 자연스럽게 나타나도록 구현했으며, 스크롤 시에도 메뉴가 상단에 고정되는 sticky 포지셔닝 기능을 추가했습니다.
기술적인 측면에서는CSS 애니메이션을 통한 부드러운 전환 효과로 고급스러운 느낌을 강화했고, SEO 최적화를 통해 검색 엔진에 노출이 잘 되도록 메타데이터도 세심하게 설정했습니다.
이 프로젝트는 초기 기획부터 런칭까지 총 1주가 소요되었으며, 기본 페이지 구성, 커스텀 코딩, 컨텐츠 기획을 포함하여 아임웹의 기본 기능을 넘어서는 맞춤형 솔루션을 제공함으로써 클라이언트의 브랜드 가치를 높이는 데 크게 기여했다고 자부합니다.
포트폴리오를 불러오고 있어요
