플러스프로젝트 배경
1) 문제점 - 기존 HTML 정적 홈페이지가 모바일 미대응으로 제품 정보 접근성 저하 - 로봇 자동화 전문기업 이미지에 맞지 않는 구식 디자인으로 신뢰도 하락 - 제품 라인업, 납품 실적 등 콘텐츠 업데이트가 개발자 의존적이라 비효율 2) 프로젝트 목표 - 반응형 웹 디자인으로 전 디바이스 최적화된 기업 홈페이지 구축 - AMR 제품 라인업과 기술력을 효과적으로 보여주는 모던 UI/UX 구현
프로젝트 성과
반응형 웹 전환으로 모바일 접근성 확보
기존 데스크톱 전용 HTML 사이트를 Next.js 기반 반응형으로 전환하여 모바일, 태블릿 등 전 디바이스에서 최적화된 사용자 경험을 제공합니다.
히어로 영상 슬라이더로 기술력 시각화
자율주행 무인지게차 데모 영상 4종을 히어로 섹션에 자동 재생하여 방문자에게 AMR 기술력을 직관적으로 전달하고 기업 신뢰도를 높였습니다.
핵심 기능
히어로 영상 슬라이더
자율주행 무인지게차 데모 영상 4종을 자동 전환하는 풀스크린 히어로 슬라이더. 영상별 타이틀과 CTA 버튼으로 제품 페이지 유도.
진행 단계
기획 및 디자인
2025.01
기존 사이트 분석, 요구사항 정의, 와이어프레임 설계, UI/UX 디자인 시안 제작. 제품 라인업과 납품 실적 중심 정보 구조 설계.
프로젝트 상세
공장/로봇 자동화 전문기업 (주)에이로보틱스의 반응형 홈페이지 리뉴얼 프로젝트입니다. 기존 정적 HTML 기반 사이트를 Next.js 16 + React 19 기반의 모던 웹 애플리케이션으로 전환하여 기업 이미지를 대폭 개선하였습니다. [주요 작업 내용] · 반응형 웹 디자인: 데스크톱, 태블릿, 모바일 전 디바이스 최적화 · 히어로 영상 슬라이더: 자율주행 무인지게차 데모 영상 4종 자동 재생
