VILLAINS | 데브파이브

소개

Why?

가이드

포트폴리오

소식

문의하기

카카오톡 실시간 상담

#반응형

#UI/UX

#WEB

#인터렉션 애니메이션

#관리자페이지

#Vite

#React.js

VILLAINS

Plain

제작 연도2022

제작 기간2개월

사용 기술React.js, TypeScript, Vite

ABOUT스코플리에서 제작한 VILLAINS 게임의 랜딩 페이지를 CMS부터 웹 페이지까지 모두 개발했습니다. CMS를 이용하여 웹페이지를 간단하게 수정할 수 있으며 실시간으로 반영됩니다. 데브파이브의 다중로그인 방지 시스템 및 기술 시스템으로 한층 더 견고한 웹 인프라를 구성하였고, 서버리스 인프라로 큰 비용 절감을 가능케 하였습니다.

고객 요구사항1. 게임 출시 홍보를 위한 고품질 랜딩페이지 제작 - VILLAINS 게임의 세계관과 분위기를 효과적으로 전달할 수 있는 페이지 요청 - 반응형 구조로 다양한 디바이스에서 자연스럽게 보여야 함 2. 비개발자도 쉽게 콘텐츠를 수정할 수 있는 CMS 도입 - 실시간으로 웹페이지 내용을 수정하고 반영할 수 있어야 함 3. 보안성과 효율성을 갖춘 웹 인프라 구축 - 안정적인 서비스 운영을 위한 보안 시스템 및 비용 효율화 요구

주요 개선 사항✅ CMS 연동 웹페이지 개발 - 콘텐츠 수정 시 실시간 반영되는 CMS 구조 개발 - 텍스트, 이미지, 섹션 등 주요 콘텐츠 자유 편집 가능 ✅ 데브파이브 다중 로그인 방지 및 보안 시스템 적용 - 내부 기술을 활용한 계정 보안 및 비인가 접근 차단 기능 적용 - 사용자 데이터 보호 및 서비스 안정성 확보 ✅ 서버리스 인프라 구성으로 비용 최적화 - AWS 기반 서버리스 구조 도입 - 운영 비용 절감과 함께 확장성 높은 구조로 설계 ✅ 반응형 UI/UX 구현 - 데스크톱, 태블릿, 모바일 환경에서 최적화된 디자인 제공 - 게임의 세계관과 톤앤매너를 살린 몰입형 인터페이스 구현

OUTPUT