GemTR.kr 포털은 기술 프로젝트를 모아 보여 주지만, 차갑고 복잡한 대시보드처럼 보일 필요는 없습니다. 사용자가 해야 할 일은 빠르게 목적지를 찾는 것입니다. 그래서 디자인은 부드럽고 접근성이 높은 Material You 계열로 잡았습니다.

색은 장식보다 구조다

Material You의 장점은 강한 색을 많은 곳에 칠하는 것이 아니라, 톤이 다른 표면으로 정보의 층위를 만드는 데 있습니다. 배경은 완전한 흰색이 아니라 따뜻한 표면색을 사용하고, 카드와 섹션은 조금 다른 톤으로 구분합니다.

GemTR 포털에서는 보라색을 주요 액션과 상태에만 사용합니다. APG, DECI DECA, 블로그 같은 연결 대상은 서로 다른 표면 톤과 라벨로 구분해 한 색에만 의존하지 않도록 했습니다.

버튼은 명확한 이동 경로다

포털의 버튼은 장식이 아니라 이동 경로입니다. GemTR 플레이, 블로그, 프로젝트 전체 보기처럼 사용자의 다음 행동이 분명한 곳에만 CTA를 둡니다. 모든 주요 버튼은 충분한 높이와 pill 형태를 갖춰 모바일에서도 누르기 쉽게 만듭니다.

텍스트 링크도 같은 원칙을 따릅니다. “저장소 보기”, “게임 열기”, “블로그 읽기”처럼 행동을 직접 말해야 합니다.

첫 화면에서 연결성이 보여야 한다

이 포털의 핵심은 설명보다 연결입니다. 첫 화면에서 GemTR, APG, DECI DECA, Blog가 바로 보여야 합니다. 긴 소개문보다 네 개의 대표 카드가 더 중요합니다. 방문자는 브랜드 설명을 읽기 전에 자신이 어디로 가야 하는지 알아야 합니다.

이 구조는 AdSense 재검토에도 유리합니다. 루트 도메인이 단순 리디렉션이나 빈 랜딩이 아니라, 실제 콘텐츠와 프로젝트로 이동하는 포털임을 보여 주기 때문입니다.

과한 장식을 피한다

Material You는 둥근 카드와 부드러운 표면을 쓰지만, 모든 요소를 장식 카드로 만들면 정보 밀도가 떨어집니다. GemTR 포털은 핵심 카드와 섹션만 강조하고, 블로그 글과 정책 페이지는 읽기 쉬운 단일 본문 폭을 유지합니다.

디자인의 목표는 “멋져 보이는 랜딩”이 아니라 “연결된 프로젝트를 빠르게 이해하게 하는 포털”입니다.