sweech · 위시켓(Wishket)

프로젝트 배경

에이아이메딕은 심혈관 질환 분야의 의료 AI 기술을 보유한 기업으로, 전문성과 신뢰를 효과적으로 전달할 수 있는 홈페이지 리뉴얼이 필요했습니다.

기존 사이트는 의료 이미지 부족, 정보 구조 혼잡, 모바일 비최적화 등의 문제가 있었고, 이에 따라 전체 콘텐츠 구조 재정비와 시각 자산 재구성, 반응형 디자인 설계를 중심으로 리뉴얼을 진행했습니다.

Notion과 Figma를 활용해 홈페이지 워딩과 디자인을 정리하고, 콘텐츠 구성과 이미지 에셋 제작을 병행했으며, 특히 심혈관 분야 특성상 이미지 리소스가 한정적이었던 만큼 에셋 제작에 많은 노력을 기울였습니다.

개발 완료 이후에는 GA 기반 사용자 데이터를 분석해 디자인을 1회 피벗팅할 계획도 포함되어 있습니다.

프로젝트 성과

심혈관 전문 이미지 에셋 직접 제작

• 기존 스톡 이미지 한계 극복을 위해 심혈관 관련 시각 자료를 직접 기획·제작하여 콘텐츠 신뢰도와 전문성 향상

UX 통계 기반 개선 설계 착수

• 초기 디자인 적용 후 GA 기반 사용자 데이터 분석을 통해 UI 피벗팅을 계획하여, 객관적 데이터 기반의 UX 개선을 준비 중

핵심 기능

✅ 의료 콘텐츠 시맨틱 구조 설계

• Notion을 활용해 전체 워딩 체계 및 메뉴 구조를 전문성과 전달력 중심으로 재구성함

✅ 맞춤형 고해상도 이미지 에셋

• 심혈관 특화 콘텐츠의 시각적 정확도를 높이기 위해 자체 이미지 제작 및 구성 활용

✅ 모바일 최적화 반응형 레이아웃

• 터치 기반 사용성을 고려한 모바일 우선 인터페이스 설계로 접근성 개선

진행 단계

기획 및 디자인 정비

2024.08.

• Notion 기반 전체 콘텐츠 구조 정리
• Figma 기반 UI/UX 시안 제작 및 디자인 확정

개발 및 통계 기반 개선 준비

2024.09.

• 개발 완료 및 릴리즈
• 사용자 행동 흐름 분석 기반 1차 디자인 피벗팅 계획 수립

프로젝트 상세

포트폴리오 소개
에이아이메딕의 의료 전문성과 신뢰 이미지를 전달할 수 있는 공식 홈페이지를 리뉴얼한 프로젝트입니다. 정보 구조 재정비, 콘텐츠 에셋 강화, 반응형 웹 설계까지 전 과정을 자체 기획/디자인으로 진행하였습니다.

작업 범위
• 기획: 전체 콘텐츠 구조 및 메뉴 설계
• 디자인: UI/UX 설계 및 이미지 에셋 제작(Figma)
• 개발: 외부 개발사 연동용 가이드 전달 및 반응형 디자인 완성

주요 기능 및 업무
• 콘텐츠 중심 구조 설계 및 문구 정비
• 모바일 중심 반응형 UI 설계
• 고품질 이미지 리소스 제작

주안점
• 심혈관 콘텐츠 특화 시각 자산 제작
• 피벗팅 기반 사용자 흐름 개선 설계
• 콘텐츠 신뢰도 확보를 위한 정보 설계 중심 전략

에이아이메딕 의료 스타트업 홈페이지