플러스프로젝트 배경
① 문제점 기존 홈페이지에는 제공되는 정보가 적어, 더 다양한 콘텐츠 보강이 필요한 상황 서비스와 제품 소개가 혼재되어 있어, 브랜드 정체성이 명확히 드러나지 않음 모바일 환경에서 레이아웃 깨짐·속도 저하 등으로 사용자 경험 저하 ② 프로젝트 목표 브랜드 아이덴티티 강화: 기술력과 디자인 철학을 명확히 표현 정보 접근성 향상: SI·SM·DID 등 주요 사업 영역을 직관적으로 구분 반응형 웹
프로젝트 성과
브랜드 일관성 강화 및 인지도 상승
통일된 컬러·타이포·캐릭터 시스템을 적용해 브랜드 정체성을 명확히 확립
UX 개선으로 사용자 이탈률 감소
사업 영역별 정보 구조 재정비 및 인터랙션 도입으로
사용자의 탐색 경로가 단축되고, 페이지 이탈률 감소
사용자의 탐색 경로가 단축되고, 페이지 이탈률 감소
다양한 해상도 대응을 위한 반응형 퍼블리싱 품질 개선
반응형 구조를 표준화하고 HTML·CSS·JS를 모듈화하여
갤럭시 폴드 320px부터 UHD까지 폭넓은 해상도에서 깨지지 않는 레이아웃과 빠른 로딩 속도 구현
갤럭시 폴드 320px부터 UHD까지 폭넓은 해상도에서 깨지지 않는 레이아웃과 빠른 로딩 속도 구현
핵심 기능
PC, 태블릿, 모바일에 최적화한 반응형 디자인 및 퍼블리싱
PC·태블릿·모바일 전 해상도에 맞춰 레이아웃을 최적화하고,
320px~UHD까지 안정적으로 동작하는 반응형 퍼블리싱을 구현했습니다
320px~UHD까지 안정적으로 동작하는 반응형 퍼블리싱을 구현했습니다
진행 단계
홈페이지 기획 및 와이어프레임 제작
2025.10.
기존 홈페이지의 문제점을 분석하고, 콘텐츠 구조와 사용자 흐름을 재정비했습니다.
주요 서비스와 브랜드 메시지를 효과적으로 전달하기 위해 정보 구조(IA)를 설계하고, 페이지별 와이어프레임을 제작했습니다.
주요 서비스와 브랜드 메시지를 효과적으로 전달하기 위해 정보 구조(IA)를 설계하고, 페이지별 와이어프레임을 제작했습니다.
프로젝트 상세
① 포트폴리오 소개 B2B 중심의 IT 서비스 기업의 기업 브랜드 사이트를 리뉴얼했습니다. 복잡하게 느껴질 수 있는 IT 기술 내용을, 브랜드 캐릭터를 활용해 쉽고 직관적으로 전달하고자 했습니다. SI·SM / 디지털사이니지 등 다양한 사업영역을 시각적으로 명확히 구분하고 방문자가 목적에 따라 빠르게 접근할 수 있는 구조로 설계했습니다. ② 작업 범위 - 기획 및 정보 구조 설계 (IA, 콘
