Work · 기업 · 2024.07 - 2025.09
엠아이텍(M.I.Tech) 기업 홈페이지 구축
의료기기 제조 기업의 국문·영문 홈페이지를 풀페이지 스크롤과 GSAP 인터랙션으로 구축했습니다.

Overview
한눈에 보기
- Period
- 2024.07 - 2025.09
- Role
- 국문·영문 홈페이지 퍼블리싱
- Stack
- fullPage.js
- GSAP
- Swiper
- AOS
- 애니메이션
Description
작업 설명
- 의료기기(소화기 내과 스텐트) 제조 기업의 국문/영문 홈페이지 퍼블리싱
- fullPage.js 기반 풀페이지 메인 스크롤 및 Swiper를 활용한 메인 비주얼·제품 슬라이드 구현
- GSAP(ScrollTrigger, ScrollSmoother), AOS, Splitting.js를 활용한 스크롤·텍스트 인터랙션 구현
- 비혈관용 스텐트·GI 액세서리·내시경 장비 등 다단계 제품 카테고리 GNB 및 서브페이지 구성
- 홍보센터(보도자료·전시회·SNS), 인재채용, 투자정보, 고객문의 페이지 퍼블리싱
섹션별 화면
PC에서는 fullPage.js로 한 화면씩 넘어가고, 모바일에서는 일반 스크롤로 동작합니다. 각 섹션의 PC 화면(왼쪽)과 모바일 화면(오른쪽)입니다.
메인 비주얼
기업 메시지를 전하는 풀스크린 슬라이드입니다. Swiper로 구성했고, 제품 검색 버튼이 화면 오른쪽 아래에 고정됩니다.
Product
대표 제품을 슬라이드로 넘겨 보는 섹션입니다. 제품 이미지와 설명, 상세 보기 링크를 카드 한 장에 담았습니다.
Public relations center
뉴스, 전시회, SNS 소식을 탭으로 나눠 보여 주는 섹션입니다.
Patient
환자 지원 안내와 연락처를 담은 섹션입니다. 모바일에서는 이미지와 본문이 세로로 쌓입니다.
Contact Us
지구 배경 위에 제품·서비스 문의 폼을 올린 섹션입니다.
More