놀칸 NOLKAN 보드게임 취미 키트 쇼핑몰 디자인
분야: 디자인 · 퍼블리싱 / 웹 / 쇼핑몰, 카페24, 반응형 참여 기간: 2026.10 관련 기술: 카페24 스마트디자인, HTML5, CSS3, JavaScript, 반응형 웹 [프로젝트 개요] 보드게임과 만들기 키트를 파는 취미 몰입니다. 게임판의 칸처럼 굵은 선으로 화면을 나누고 파스텔 네 색으로 칸을 채워 들뜬 분위기를 내되, 정보는 숫자로 또렷하게 적었습니다. 첫 화면에서 모이는 인원을 고르면 아래 찾기와 연결되고, 모든 카드에 인원, 시간, 나이, 난이도 네 칸을 붙였습니다. 보드게임, 만들기 키트, 모임 세트로 구성했습니다. [주요 기능] 1. 게임판 첫 화면 - 2px 선으로 나눈 다섯 칸에 이번 주 1위 게임과 가격, 오늘 모이는 인원 선택, 퍼즐과 뜨개 상품, 새로 들어온 상품을 넣었습니다. 2. 몇 명이서, 몇 분? - 인원과 시간 칸을 누르면 카드가 바로 걸러지고 남은 개수가 바뀝니다. 맞는 게임이 없으면 조건 풀기 버튼이 나옵니다. 3. 숫자 칸 상품 카드 - 사진 아래 인원, 시간, 나이, 난이도 네 칸을 아이콘 없이 숫자로만 적고 카드마다 칸 색을 달리했습니다. 4. 만들기 키트 카드 - 완성까지 걸리는 시간과 나이, 난이도, 재료 구성을 한 줄로 적었습니다. 5. 모임 세트와 플레이 기록 - 세트는 인원과 총 시간, 게임 수와 세트가를, 후기는 인원과 걸린 시간, 판 수를 칸으로 보여 줍니다. [디자인] - 흰 바탕과 잉크 칸 선에 라임, 살구, 하늘, 라일락 네 색을 칸에 채우고 빨강은 할인율에만 썼습니다. - 한글은 Pretendard, 숫자와 영문은 Bricolage Grotesque입니다. - 상품 카드는 1:1 비율에 모서리 없이 칸 선을 공유합니다. [범위] - 메인 페이지 PC·모바일 반응형 디자인과 퍼블리싱 - 상품 카드는 반복 구조로 짜서 카페24 메인 진열 모듈로 옮길 수 있는 구조



이런 프로젝트를 준비하고 계신가요?
이 사례로 상담하기