fiet 워드프레스 반응형 포트폴리오

[메인 화면 기획]

낯선 AI 헬스케어 서비스를 처음 접하는 고객과 파트너사가 가장 먼저 확인할 것은 기술에 대한 신뢰라는 점에 주목해,

웨어러블 센서를 착용한 인물 영상 위에 '세계 최초 개인 맞춤형 AI 건강 관리 서비스' 메시지를 크게 배치했습니다.

이어서 쥬비스 23년 노하우와 CES·레드닷·iF 수상, 피에트 파트너 솔루션, 제휴 파트너사, 룹코어와 특허 목록, 체험 공간 순으로

신뢰의 근거를 쌓아 도입 문의와 체험 신청으로 이어지도록 구성했습니다.

메인 디자인 시스템

[메인 디자인]

로고의 민트 그린을 포인트 컬러로 삼아 솔루션명과 활성 메뉴, 주요 버튼에만 절제해 사용하고,

화이트와 연한 그레이 배경으로 정보를 정돈해 깔끔하고 정밀한 테크 브랜드의 인상을 만들었습니다.

서브 배너와 솔루션 다이어그램에는 다크 네이비 위로 빛나는 데이터 라인과 민트·블루 그라데이션 원형 그래픽을 써서

AI 센서와 빅데이터라는 보이지 않는 기술을 시각적으로 표현했습니다.

콘텐츠 디자인 및 정보 구조

[콘텐츠 디자인]

Solution, Product, About Us, Press, FIET Space, Contact의 6개 메뉴로 B2B 솔루션과 제품, 회사 정보를 명확히 나누고,

각 메뉴 아래 탭형 서브메뉴로 세부 페이지를 오갈 수 있게 정보 구조를 정리했습니다.

솔루션 소개는 InMotion과 Lifestyle Management를 측정·평가·제안·관리 4단계 흐름과 동작 사진·모션 그래프로 풀어냈고,

도입 전후 비교 다이어그램과 상품 구성 카드로 파트너사가 도입 효과를 한눈에 이해할 수 있도록 구성했습니다.

웹사이트 UX/UI 최적화

[웹사이트 UX/UI]

메인 첫 화면에 '도입 문의하기'와 '체험 신청하기' 버튼을 나란히 두어 파트너사와

개인 고객이 각자의 목적에 맞는 동선으로 바로 진입할 수 있도록 설계했습니다.

화면 하단에는 도입 문의 플로팅 바와 온라인 상담 버튼을 고정해 어느 페이지에서든 상담으로 이어지게 했고,

솔루션 페이지 마지막에는 도입 과정을 5단계로 시각화한 뒤 문의 버튼을 배치해 정보 탐색이 자연스럽게 전환으로 연결되도록 했습니다.