에스와이피 반응형 포트폴리오

에스와이피 반응형

 

메인 디자인 시스템 및 감각적인 테크·전문직 비주얼 아이덴티티

[메인 디자인]

신뢰감과 무게감을 전달하는 딥 네이비와 블랙을 기본 바탕으로 설정하고, 네온 핑크와 일렉트릭 블루를

포인트 컬러로 대비감 있게 매치하여 트렌디하면서도 전문적인 IP 브랜드 이미지를 구축했습니다.

기하학적인 3D 큐브 그래픽 모티브와 볼드한 산세리프 영문 타이포그래피(Jost, Elephant)를

조화롭게 활용하여 전통적인 특허 법률 사이트의 딱딱함을 탈피했습니다.

모든 콘텐츠 블록에 넉넉한 여백과 명확한 카드형 라운드 프레임을 적용하여

방대한 법률·디자인 정보가 한눈에 들어오도록 시각적 균형감을 부여했습니다.

 콘텐츠 디자인 및 직관적인 인포그래픽 정보 구조화

[콘텐츠 디자인]

복잡하고 생소한 상표 및 특허 개념을 누구나 쉽게 이해할 수 있도록 상표의 4대 기능(식별·출처·품질·홍보)과

지정상품 권리범위를 정돈된 카드형 인포그래픽으로 구조화했습니다.

특히 비용 부담을 덜어주는 '정부연계출원 지원사업'은 감각적인 컬러 라벨과 지원 비율(최대 60~100%)을 강조하여

고객이 체감할 실질적인 혜택을 명확히 각인시켰습니다.

상표 미등록 시 발생하는 리스크를 Security·Search·Safety 3대 키워드로 요약하고

10단계 출원 절차를 넘버링 카드와 프로그레스바로 시각화하여 정보 습득의 편의성을 극대화했습니다.

웹사이트 UX/UI 최적화 및 인터랙티브 전환 동선 설계

[웹사이트 UX/UI]

방문자가 첫 화면에서 즉시 브랜드명을 입력하고 등록 가능성을 가늠해볼 수 있는

'무료 상표 검색' 시스템과 상단 고정 GNB를 통해 탐색 동선을 최적화했습니다.

스크롤 시 순차적으로 카드가 반응하는 스크롤매직 인터랙션과 스와이퍼 기반의 10단계 출원 절차 슬라이더를 적용하여

지루함 없이 몰입감 있는 브라우징 경험을 구현했습니다.

데스크톱부터 모바일 환경까지 적응형 그리드와 원터치 햄버거 메뉴를 지원하며,

페이지 하단에 다이렉트 출원 신청 및 상담 버튼을 상시 배치해 이탈 없이 즉각적인 전환으로 이어지도록 사용성을 강화했습니다.