01 / PROJECT NOTE
제가 맡고 끝까지 책임진 일
완성 화면만 나열하지 않았습니다. 왜 그렇게 만들었고 어떤 변화를 남겼는지 차례대로 설명합니다.
문제를 이렇게 풀었습니다
- Flighty 4.8.2 PC 버전 화면을 캡처하고 정보 구조, 폰트 계층, 카드 구성, 인터랙션 밀도를 분석
- 캡처를 기반으로 Figma에서 원본 디자인을 재구성해 레이아웃 규칙과 시각적 디테일 분석
- 모바일 환경에 맞춰 폰트 위계, 간격, 컴포넌트 크기, 색상 역할을 다시 정리한 최종 디자인 시안 제작
- Nuxt 3 기반으로 워크스페이스, 인증, 설정, 공통 컴포넌트 데모, 그리드 / 차트 / 업로드 UI 골격 구성
- Pinia / Axios / i18n 사전 / GitHub Pages base path를 정리해 다국어 확장과 정적 배포를 고려한 구조로 설계
그래서 실제로 달라진 점
- 서비스 분석부터 Figma 설계, 모바일 UI 재구성까지 일관된 제품 설계 산출물 확보
- Nuxt 3 + Pinia 기반의 공통 UI 컴포넌트와 데모 페이지를 먼저 구축해 서비스 화면 확장 기반 마련
이 프로젝트에서 눈여겨볼 점
- 기존 서비스 벤치마킹을 통해 핵심 기능과 개선 요구사항을 구체화
- 다국어 지원과 기체 데이터 확장을 고려한 확장 가능한 콘텐츠 구조 설계
- 모바일 사용성과 디자인 시스템 기준으로 UI를 재해석해 일관된 화면 경험 구현
02 / SCREENS
화면으로 확인하기
말보다 화면이 빠를 때가 있습니다. 실제 결과물에서 구현의 디테일을 확인해 보세요.
