Design case study

UI/UX Design

First PrizeGames의 여러 화면을 하나의 디자인 언어로 정리하고, 데스크톱과 모바일에서 같은 작업 흐름을 유지하는 과정을 기록합니다.

사례 과정 보기 Creator로 돌아가기
Design workflow 현재 사이트 화면과 실제 사용 흐름을 기준으로 검토합니다.
상태계속 개선 중
범위웹 인터페이스
결과물디자인 시스템
유형독립 사례 연구

Case study

보이는 화면보다 먼저 정보 구조와 동작을 정리합니다.

페이지마다 달랐던 탐색 방식, 버튼 위치와 팝업 동작을 공통 규칙으로 묶고 실제 화면에서 반복해서 확인합니다.

  1. 01
    탐색 구조

    페이지 역할을 구분하고 중복 경로를 줄여 필요한 화면을 더 빨리 찾게 합니다.

    적용
  2. 02
    반응형 구성

    데스크톱과 모바일에서 버튼, 메뉴와 콘텐츠 순서가 자연스럽게 이어지도록 조정합니다.

    적용
  3. 03
    지속적인 사용성 점검

    실제 화면의 대비, 텍스트 줄바꿈, 클릭 상태와 기능 연결을 계속 확인합니다.

    진행 중

Design principles

현재 구현에서 확인할 수 있는 작업만 기록합니다.

정보 구조

Home, Creator, Discover, 설정과 정책 페이지의 역할을 구분합니다.

상호작용 상태

버튼, 드롭다운, 모달과 컨텍스트 메뉴의 기본·선택·닫힘 상태를 통일합니다.

모바일 레이아웃

좁은 화면에서도 가로 스크롤이나 과도한 줄바꿈 없이 핵심 작업을 유지합니다.

접근성 검토

키보드 이동, 명확한 레이블, 대비와 모션 감소 설정을 함께 확인합니다.

Evidence note

가상의 성과 수치 대신 구현된 화면과 점검 기록을 보여줍니다.

이 사례에는 확인되지 않은 사용자 수, 전환율 또는 고객 성과를 넣지 않습니다. 현재 사이트에 적용된 구조와 계속 진행되는 화면 검토를 기준으로 업데이트합니다.

현재 사이트 보기 디자인 의견 남기기