안녕하세요, 지락실 운영팀입니다. 😊
이번에 밸런스 게임 전체 화면을 전면 리디자인하였습니다.
사용성과 시각적 완성도를 높이기 위해 많은 부분을 새롭게 정비했으니 참고해 주세요.
────────────────────────────────
📌 주요 업데이트 내용
1. 밸런스 게임 소개 페이지 리디자인
게임 시작 전 보이는 소개 화면을 완전히 새롭게 바꿨습니다.
- 상단 풀스크린 히어로 이미지 영역 적용 — 게임 썸네일과 타이틀이 훨씬 인상적으로 표시됩니다.
- 좌측 메인 영역 + 우측 인기 게임 사이드바로 나뉘는 2단 레이아웃 도입
- 게임 설명, 문항 미리보기, 결과 유형, 참여 통계를 한눈에 볼 수 있도록 구성
- 게임 안내 텍스트가 짧을 땐 자동으로 펼쳐진 채로 표시되고, 긴 경우에만 접힘 처리되도록 개선
2. 밸런스 게임 결과 화면 리디자인 (플레이 완료 후 화면)
모든 문항을 완료하면 보이는 결과 화면을 완전히 재작성하였습니다.
- 다크 모드 / 라이트 모드 완벽 대응 — 사이트 설정에 따라 자동으로 전환됩니다.
- 상단 히어로 카드에 게임 썸네일 블러 배경 + 결과 유형 이름과 설명 표시
- ✨ 취향 분석 카드 신규 추가 — 내가 소수파 선택을 얼마나 했는지 분석해 6단계로 표시
(🐑 완전 대세파 → 😊 무난한 취향 → ⚖️ 균형 잡힌 취향 → 🦄 개성파 → 🎨 독특한 취향 → 👽 희귀한 취향)
- 각 문항별 내 선택과 전체 투표 비율을 A vs B 레이아웃으로 나란히 비교 가능
- 하단 고정 버튼: 다시 하기 / 공유 / 목록 이동
- 공유 기능: 카카오톡, X(트위터), 링크 복사 지원
3. 밸런스 게임 공유 결과 페이지 리디자인
링크로 공유된 결과를 볼 때 나오는 화면도 새 디자인으로 통일했습니다.
- 소개 페이지와 동일한 디자인 언어 적용 (히어로 + 2단 레이아웃)
- 공유자의 선택 내역과 각 문항 투표 비율을 VS 카드 형식으로 표시
- 소수 선택 비율 분석 포함 (공유된 결과에서도 취향 분석 확인 가능)
- 다크 / 라이트 모드 완벽 대응
────────────────────────────────
🐛 버그 수정
- 공유 결과 페이지에서 투표 비율이 모두 50%로 표시되던 문제 수정
(DB 컬럼명 불일치로 발생한 이슈였으며 정상적으로 실제 투표 수가 반영됩니다)
- 게임 진행 중 CSS 변수가 사이트 다크/라이트 모드 설정을 덮어쓰던 문제 수정
(결과 화면으로 전환 시 사이트 테마가 올바르게 적용됩니다)
- 문항 설명이 짧은 경우에도 하단 페이드 효과가 나타나던 문제 수정
────────────────────────────────
앞으로도 더 쾌적한 환경을 위해 꾸준히 업데이트해 나가겠습니다.
불편한 점이나 개선 의견은 언제든지 자유게시판에 남겨주세요! 🙏
감사합니다.
지락실 운영팀 드림
