컨디션 최상의 중고칩 국내 최다보유 포텐 게임에서 인생게임을 찾아보세요
메인 로고
메인메뉴

고객님 환영합니다.

메인메뉴

고객님 환영합니다.

닌텐도 DS
닌텐도 스위치
닌텐도 스위치 2
플레이스테이션 4
플레이스테이션 5
포텐게임
포텐게임

전직 코 앞에서 만나 시작된 팀,
z1존포텐1004의 프로젝트

메이플스토리 캐릭터 모음

완벽하게 어설픈 팀 z1존포텐1004와
그들의 개발 연대기,
프로젝트 “포텐게임”을 소개합니다.

z1존포텐1004 팀을 소개합니다

옛날 메이플스토리와 코딩은 비슷합니다.
매우 약한캐릭터로 많은 타격을 가해야 겨우 몬스터를
잡을 수 있었고, 전직후에 더욱 강해지며 더 강한
몬스터를 잡을 수 있게 됩니다.

멋쟁이사자처럼 프론트엔드 부트캠프의 수료라는
전직에 앞서 저희는 파이널프로젝트라는 사냥터에서
깊은 인내끈기를 갖고 전직을위해 서로 묻고 답하며
최선을 다해 “포텐게임” 프로젝트를 완수 하였습니다.

이도울 캐릭터 이미지

목표를 향해 꾸준히 걸어가는 개발자

확실한 목표를 동기부여로 삼고 조금씩 천천히 나아가는 개발자

헤더 GNB로그인회원가입유저기록관리

함께의 중요성을 깨닳았어요.

개발에 있어서 저의 장점은 다양한 시도를 두려워하지 않는 것과 아이디어를 내는것이라고 생각합니다. 그러나 디자인은 잘 하지 못합니다. ui를 만드는데 미숙한 부분이 있고 꼼꼼한 면이 부족하여 문서정리를 어려워 하기도하죠. 혼자였으면 어려웠을 프로젝트를 각자의 장점을 살려 하나의 온전한 결과물을 만들어냈습니다. 서로 부족한 부분을 채워주고 자극받으며 성장한 귀중한 시간이었습니다.

송채은 캐릭터 이미지

365일 연구중인 연구 및 탐색형 개발자 입니다.

학습 욕심이 많아 분야를 가리지 않고 꾸준히 연구하는 개발자

메인페이지모바일 하단 GNBFooter장바구니상품구매검색좋아요

더 좋은 개발자, 더 좋은 사람이 될 수 있었어요.

사소한 문제도 함께 나누고 고민하는 순간들이 모여 모두가 성장했던 추억이 되었습니다. 뛰어난 전문성이 있는 팀원, 성장에 대한 의지가 강한 팀원, 할 일을 성실히 묵묵히 수행하는 팀원에게 정말 많이 배웠습니다. 개발 실력 뿐 만 아니라 더 나은 사람이 될 수 있는 기회에 감사합니다.

배동초 캐릭터 이미지

계속해서 배우며 성장하는 개발자 입니다.

끊임없이 배우고 실천하며, 성장하는 개발자

마이페이지주문조회유저상세조회주소등록게시판UI

협업 속에서 팀과 함께 온전히 성장할 수 있었어요.

팀과의 협업을 통해 팀워크와 책임감의 가치를 깊이 체감했습니다. ‘내가 잘 해낼 수 있을까’ 라는 고민 속에서도, 의견을 나누며 함께 만들어가는 과정은 큰 배움이었습니다. 솔직한 피드백과 꾸준한 노력 끝에, 성장하는 나 자신을 발견한 소중한 시간이었습니다.

김태우 캐릭터 이미지

꾸준히 학습하고, 구현에 파고드는 개발자 입니다.

스스로 부족한 부분을 찾아 끈기있게 공부하여 결국 해내는 개발자

상품 목록 조회상품 필터링상품 목록 정렬상품 상세 페이지페이지 경로관리

사실 이번 프로젝트에서 맡은 바 업무를 제대로 수행할 수 있을까 걱정이 됐어요.

프로젝트 시작할 때, 혼자의 힘으로는 기능 구현조차도 어려웠습니다. 그런 제가 이번 파이널 프로젝트에 담당 업무를 잘 해낼 수 있을까 걱정이 많이 되었지만, Poten 팀원들의 많은 도움을 받으면서 꾸준히 해보니 점차 구현해 낼 수 있었습니다. 그런 과정을 몸소 느끼며, 앞으로 있을 개발자로 임하는 길도 끈기로 가다 보면 반드시 해낼 수 있겠다고 생각하게 되었습니다.

포텐게임 서비스 소개

닌텐도부터 플레이스테이션 까지. 과거의 명작 게임들도
모두 만나 볼 수 있는 B2C 게임 판매 사이트 입니다.

포텐게임만의 강점

동종업계 같은 서비스 홈페이지 분석 결과
다수의 홈페이지가 노후된 홈페이지가 많았습니다.
중고거래품목을 판매하는 서비스 특성상,
노후화된 홈페이지는 제품의 신뢰도를 떨어뜨리고
지속적인 관리가 어렵습니다.

경쟁업체 홈페이지 분석

경쟁업체 1경쟁업체 2
  • x 아이콘

    노후화로 인한 어려운 유지보수 및 
    복잡한 UI

  • x 아이콘

    다양한 크기의 디바이스 대비가 불가능한 
    적응형 홈페이지

  • x 아이콘

    지나치게 비공식적으로 보여지는 
    촌스러운 디자인

  • x 아이콘

    사용자를 불편하고 헷갈리게 만드는 
    마케팅 요소들

포텐게임 개선 POINT

  • 체크 아이콘

    필요 정보를 한번에 알 수 있도록 
    직관적이고, 편리한 UI

  • 체크 아이콘

    다양한 사이즈에 대응 가능한 디스플레이 
    반응형 홈페이지

  • 체크 아이콘

    불필요하게 많은 마케팅적 요소 삭제

  • 체크 아이콘

    SNS로그인과 같은 편의성 기능 추가

포텐게임의 앞으로의 변화

한달이라는 짧은 프로젝트 기간을 염두해 두고,
빠른 제작 및 결과물 도출을 위해
저희는 포텐게임의 기본기능만 작동되는
프로토타입을 목표로 제작하였습니다.
앞으로 어떻게 더 보강해 나갈 수 있을까요?

제작완료
  • 체크 아이콘홈페이지 시안 제작 및 기획 완료
  • 체크 아이콘GNB, Footer 등 글로벌 컴포넌트 완료
  • 체크 아이콘사이트 회원 가입 및 로그인 기능 완료
  • 체크 아이콘상품 조회, 장바구니 등록, 구매 등 상품 구매를 위한 기본적인 기능 제작완료
  • 체크 아이콘PC / Tablet / Mobile 반응형 구현
제작예정
  • 체크 아이콘SNS 로그인 기능 추가
  • 체크 아이콘게시판 기능 개발
  • 체크 아이콘쿠키를 활용한 ACCESS TOKEN 저장
  • 체크 아이콘배송지 주소 검색 이후 상세 주소내용 추가 기능 개발
  • 체크 아이콘다크모드 기능 개발
접근성강화
시간이 없고 기능을 완성하는데에만 급급해 놓친 시멘틱 태그 및 aria 속성, 다수의 이미지로 대체되어 누락된 접근성
화살표
시멘틱 태그 및 h1 ~ h6를 활용한 HTML 구조화와 누락된 alt 속성 및 aria 속성을 강화하여 접근성을 높이는데에 더욱 집중하겠습니다.
성능 강화
SSR이 아닌 CSR로 제작된 다수의 컴포넌트를 SSR로 교체하고자 하였으나 다수의 전역상태와 이벤트 등으로 인해 진행 불가
화살표
성능 개선을 목표로 CSR로 제작된 다수의 이벤트 및 컴포넌트를 SSR로 제작하고, 전역상태로 저장된 데이터를 쿠키로 전환
디자인 강화
중요도와 관계없이 오직 꾸밈 요소로만 제작된 버튼 및 링크 디자인과 통일되지 않은 간격등 스케치 단계에서 마무리된 디자인 시안
화살표
중요도에 따른 컴포넌트 디자인화를 진행하고, 간격, 자간, 폰트 사이즈 등 계층을 나뉘어 체계적으로 계획된 디자인으로 변경
포텐게임

결과물이
궁금하시다면?

바로가기

개발 과정 및
프로젝트 상세내용이 궁금하다면?

바로가기
감사합니다감사합니다

포텐게임 방문을 환영합니다.

멋쟁이 사자처럼

당 사이트는실제 판매 목적의 사이트가 아닌,
멋쟁이 사자처럼 프론트엔드 부트캠프 13기 학생들의
교육 목적으로 제작된 사이트임을 알립니다.