바이오AI 테크 기업 소개 랜딩페이지
3일PM / 풀스택 개발120만원



Technology
goNext.jsvercelTailwind CSSVercelReactFlutterSupabasefluttersupabaseTypeScriptAWSawsPostgreSQLRedisGraphQLredisgraphqlGoPythonTensorFlowDockertensorflowdockerThree.jsthree.jsFramerframerNode.js
Project Details
프로젝트 개요
바이오AI 테크 기업 소개 랜딩페이지 구축
AI 기반 바이오테크 기업의 기술력과 연구 방향성을 효과적으로 전달하기 위해, 단기간 내 완성도 높은 원페이지 랜딩을 기획·개발하였습니다.
복잡한 바이오·AI 기술을 직관적으로 이해할 수 있도록 콘텐츠를 재구성하고, 브랜드 신뢰도를 강화하는 디자인과 퍼포먼스를 동시에 고려하여 짧은 시간 내 고품질 웹 경험을 구현하는 데 중점을 두었습니다.
주요 작업 내용
1. 기술 중심 정보 구조 설계
기업 소개 → 기술 영역 → 연구 방향 → 협력 문의 구조 설계
바이오 + AI 융합 기술을 단계적으로 이해할 수 있도록 콘텐츠 구성
핵심 메시지를 강조한 스토리텔링 구조 설계
2. 원페이지 랜딩 UX/UI 구현
스크롤 기반 자연스러운 콘텐츠 흐름 구성
Hero 섹션에서 브랜드 메시지를 강하게 전달
핵심 구간마다 CTA 배치로 문의 전환 유도
3. 바이오·AI 기술 시각화
복잡한 연구 내용을 시각적으로 단순화하여 표현
데이터 및 연구 흐름을 직관적으로 전달하는 UI 구성
전문성과 가독성을 동시에 고려한 레이아웃 설계
4. 성능 및 SEO 최적화
Lighthouse 기준 퍼포먼스 점수 95점 달성
SEO 점수 100점 달성
메타데이터 및 구조 최적화를 통한 검색 엔진 대응
리소스 최적화를 통한 빠른 로딩 속도 구현
5. 초단기 개발 및 배포
3일 내 기획부터 개발, 배포까지 완료
핵심 기능 중심 MVP 전략 적용
단기간 내 높은 완성도 확보
성과
3일 만에 기업 랜딩페이지 구축 완료
Lighthouse 퍼포먼스 95점, SEO 100점 달성
기술 중심 브랜드 메시지 효과적으로 전달
단기간 내 고품질 웹사이트 구현 사례 확보
비슷한 프로젝트가 필요하신가요?
프로젝트 의뢰하기 →