주식회사 브이엔 — 나노 기술 원페이지 웹사이트

풀블리드 커버

배경

주식회사 브이엔은 대학 연구실에서 출발한 나노 기술 스타트업입니다. 회사의 핵심 기술은 3D 나노필름이지만 기술 내용을 일반 방문자에게 설명하기는 쉽지 않았습니다.

사이트의 주요 대상은 기술 연구자만이 아니었습니다. 투자자와 파트너사, 잠재 고객도 회사의 기술과 적용 가능성을 빠르게 이해해야 했습니다. 전문 용어를 줄이는 것만으로는 부족했고 기술의 구조와 차이를 시각적으로 보여줄 필요가 있었습니다.

여러 페이지를 오가게 하기보다 하나의 흐름 안에서 회사와 기술, 응용 분야를 설명하는 방향을 택했습니다. 방문자가 스크롤을 내리며 핵심 내용을 순서대로 이해하도록 만드는 것이 목표였습니다.

접근

회사 소개와 핵심 기술, 기술 우위, 사업 분야를 하나의 서사로 정리했습니다. 각 내용을 독립된 메뉴로 나누기보다 원페이지 안에서 순서대로 이어지도록 구성했습니다.

페이지라이터의 커스텀 워드프레스 테마로 사이트를 제작했습니다. 3D 나노필름의 구조와 작동 방식을 인포그래픽과 다이어그램으로 표현했습니다. 기존 기술과의 차이는 비교 화면으로 정리했습니다.

응용 분야는 헬스케어와 에너지 등 산업별로 나눴습니다. 각 분야가 기술과 어떻게 연결되는지 같은 형식으로 설명해 방문자가 사업 확장 가능성을 비교할 수 있게 했습니다.

스크롤 이동에 맞춰 텍스트와 이미지가 나타나는 애니메이션을 적용했습니다. 화면 효과가 기술 설명을 가리지 않도록 구간별로 사용했고 이미지 최적화와 레이지 로딩도 함께 적용했습니다.

결과

주식회사 브이엔은 핵심 기술과 사업 가능성을 한 페이지 안에서 설명할 수 있는 웹사이트를 갖추게 됐습니다. 방문자는 별도의 메뉴를 여러 번 이동하지 않고 회사 소개부터 응용 분야까지 확인할 수 있게 됐습니다.

3D 나노필름은 문장 중심의 설명에서 인포그래픽과 비교 다이어그램을 함께 사용하는 구조로 바뀌었습니다. 기술의 형태와 차이를 화면에서 확인할 수 있어 설명 자료의 역할도 수행하게 됐습니다.

회사가 다루는 응용 분야도 하나의 기술에서 이어지는 사업 영역으로 정리됐습니다. 투자자와 파트너사에게 회사의 기술과 시장 방향을 설명할 수 있는 온라인 소개 자료가 마련됐습니다.

Stack

사용 기술

  • WordPress 커스텀 테마
  • One Page 스크롤 기반 구성
  • Infographic 기술 시각화
  • Scroll Animation 인터랙션
  • Lazy Loading 이미지 최적화
  • Responsive Web 반응형 디자인

이런 사이트가
필요하신가요?

프로젝트 문의