보드게임메이트

보드게임메이트에 Meta의 Astryx를 적용해봤습니다

지난번 소개했던 보드게임메이트의 화면을 정리했습니다.

두 아이와 보드게임을 하며 만든 서비스인데, 기능을 하나씩 붙이다 보니 화면마다 버튼과 카드의 모양이 조금씩 달라져 있었습니다.

이번에는 Meta의 오픈소스 디자인 시스템 Astryx를 적용했습니다. 따뜻한 바탕과 녹색을 쓰는 Matcha 테마를 바탕으로, 버튼·입력창을 맞추고 정보가 보이는 순서도 손봤습니다.

가장 크게 바꾼 건 홈입니다.

긴 소개와 메뉴를 먼저 보여주던 화면에서, 가족에게 맞는 게임을 찾는 버튼과 실제 게임 사진이 먼저 보이도록 바꿨습니다.

다른 탭도 함께 정리했습니다.

• 검색: 나이·인원·시간을 바로 고르고, 사진·제목·컬렉션 버튼이 겹치지 않도록 카드 배치를 정리했습니다.
• 랭킹: 순위와 게임 이미지를 함께 보여주고, 분류 탭과 목록의 스타일을 맞췄습니다.
• 도구: 용도별 아이콘과 설명을 붙이고, 게임 이름으로 점수 계산기를 찾기 쉽게 다듬었습니다.
• 점수표: 입력칸을 키우고, 합계와 현재 선두가 더 잘 보이도록 했습니다.

적용하면서 느낀 점도 있습니다.

공통 테마를 연결해도 각 페이지에 예전 스타일이 남아 있으면 통일감이 생기지 않더라구요. 처음에는 홈 중심으로 바꿨다가, 검색·랭킹·도구 본문까지 다시 살펴보고 정리했습니다.

아직 사용성이 얼마나 좋아졌는지는 더 확인해봐야 합니다. 이번에는 “처음 들어온 사람이 무엇을 눌러야 할지 조금 더 쉽게 알 수 있는 화면”을 목표로 했습니다.

직접 써보시고, 게임을 찾거나 도구를 여는 과정에서 헷갈리는 부분이 있으면 알려주세요. 특히 아이와 함께 보드게임을 하시는 분들의 의견이 궁금합니다.

https://boardgamemate.com

아이와 보드게임 하다 막힌 세 가지

https://boardgamemate.com

Why — 왜 만들었나

어린 두 아이와 보드게임을 자주 합니다. 하다 보니 세 군데서 계속 막혔습니다.

1. 우리 아이 수준에 맞는 게임을 고르기가 어렵다
2. 재미있어 보여서 산 게임의 룰북이 어렵다
3. 점수를 매번 종이에 적어야 한다

이 셋이 출발점입니다.

기능을 추가할지 판단할 때 세 가지를 순서대로 묻습니다. 위 셋 중 무엇에 답하는가, 찾기·도구·이해 중 어느 갈래인가, 그리고 아이와 함께 쓸 수 있는가. 입문자와 아이가 기준이고, 하드코어 게이머용 기능은 그다음입니다.

What — 지금은 무엇인가

게임하다 멈추게 되는 순간마다 열어보는 사이트입니다.

• 게임 150여 종의 규칙 요약과 검색. 그중 32종은 도식과 FAQ까지 붙인 심화 가이드입니다
• 점수 계산기 31종 + 어떤 게임이든 쓰는 범용 점수표
• 진행 도구 14종 (선 정하기, 턴 타이머, 체스클락, 덱 추적기 등)
• "오늘 2인인데 뭐 하지" 같은 인원별·상황별 추천

설치도 회원가입도 없습니다. 기록은 브라우저에만 남습니다.
폰을 테이블에 놓고 쓰는 용도라 모바일을 먼저 맞췄습니다.
한국어와 영어를 지원합니다.

How — 어떻게 만드나

• 영문 공식 룰북, 한국어 공식 룰북, 위키피디아, BoardGameGeek 을 기반으로 가이드 내용을 도식화하여 정리합니다. 보유게임은 직접 사진 촬영 후 반영합니다.
• 점수 로직은 공식 룰북을 직접 확인하고 테스트 코드를 붙인 뒤에만 공개합니다
• 규칙 검증 상태를 세 등급으로 표시합니다. 2차 자료 교차 확인 / 공식 룰북 원문 대조 / 보유자가 실물로 검수
• 가이드 품질 하한선은 스크립트가 검사합니다. 룰북 출처 없이 "룰북 대조" 등급을 붙인 등급 사칭, 도식 0개, FAQ 3개 미만이면 빌드가 실패합니다
• 랭킹·게임 정보는 BoardGameGeek 데이터를 씁니다. API 정식 사용 승인을 받았습니다.

Next — 고도화 방향

이 서비스 하나로 연령별, 상황별 적합한 보드게임을 쉽게 찾을 수 있어야 합니다.
게임 방법을 쉽게 이해할 수 있어야 합니다.
게임 진행에 도움이 되는 도구들을 활용하여 즐거운 시간을 보낼 수 있어야 합니다.

결국, 보드게임 관련된 모든 것을 찾기 쉽고 활용하기 편하게 제공하고자 합니다.

지금은 연령별로 찾는 페이지를 준비하고 있습니다.
어릴수록 카탈로그가 비어 있어서 데이터부터 채우는 중입니다.

마지막으로

아직 사용자가 거의 없는 초기 단계입니다.
써보시고 이상한 점이나 필요한 기능을 알려주시면 그게 다음 작업 순서가 됩니다.
특히 규칙 요약에서 틀린 부분을 발견하시면 꼭 말씀해주세요.

다들 보드게임 재미있게 즐기시길 바라겠습니다.

https://boardgamemate.com