플러스프로젝트 배경
1) 문제점 - 흩어진 ZELIX 정보로 인해 브랜드 신뢰도 및 유입률 저하 - 플랫폼의 비전과 생태계를 한 페이지 내에서 설명할 수 있는 구조 부재 2) 프로젝트 목표 - ZELIX 메타버스 프로젝트의 핵심 메시지를 담은 랜딩페이지 개발 - 백서, 로드맵, 커뮤니티 링크 등으로 유입과 전환 유도 3) 주안점 - 디자인 시안을 정확히 해석하여 재현하고, 글로벌 사용자 환경을 고려한 개발 최
프로젝트 성과
디자인 시안 기반 고도화된 프론트엔드 구현
- 정적 시안 기반에서도 생동감 있는 인터랙션과 반응형 구현으로 만족도 향상
ZELIX 프로젝트의 브랜드 신뢰도 강화에 기여
- 사용자 친화적 UI로 투자자 및 커뮤니티 유입에 긍정적 영향
글로벌 대상 반응형 환경 완벽 대응
- 다기기/다국가 사용자 접근 환경에서 오류 없이 작동
외부 디자이너와의 협업 성공 사례
- 외부 디자인 소스를 명확하게 반영하고 기획 의도에 맞는 개발 완수
백서 및 커뮤니티 채널 등 외부 링크 안정적 연동
- 주요 콘텐츠 연결로 유입 전환율 향상
핵심 기능
메타버스 플랫폼 및 생태계 소개 섹션
- ZELIX가 지향하는 메타버스 비전과 커뮤니티 철학을 간결하고 시각적으로 설명
- 플랫폼 구조, 주요 기능, ZELIX의 기술적 방향성 등을 명확하게 전달
- 플랫폼 구조, 주요 기능, ZELIX의 기술적 방향성 등을 명확하게 전달
진행 단계
디자인 시안 수령 및 개발 환경 세팅
2024.06.
- 외부 디자이너로부터 전달받은 Figma 시안 기반으로 섹션 및 컴포넌트 구조 파악
- 프로젝트 초기화: Next.js 기반 프로젝트 세팅, ESLint/Prettier 환경 구성
- 프로젝트 초기화: Next.js 기반 프로젝트 세팅, ESLint/Prettier 환경 구성
프로젝트 상세
1) 포트폴리오 소개 - 메타버스 플랫폼 ‘ZELIX’의 글로벌 사용자 대상 랜딩페이지 개발 - Web3 및 가상자산 시장에 관심 있는 유저와 투자자 유입을 위한 정보 중심 사이트 구축 2) 작업 범위 - 퍼블리싱, 반응형 웹 구현, Front-end 인터랙션 개발 및 페이지 최적화 3) 주요 업무 - 프로젝트 로드맵, 플랫폼 설명, 백서 연결, 커뮤니티 채널 등 정보 구조를 담은 정적 페이
