j-node 님의 블로그

https://www.linkedin.com/pulse/nike-epic-saga-value-destruction-massimo-giunco-llplf/ Nike: An Epic Saga of Value DestructionA month ago. June 28th, 2024.www.linkedin.com 배경: 2020년 나이키의 CEO 존 도나호(John Donahoe)는 유통 마진을 줄이고 데이터를 기반으로 고객과 직접 소통하기 위해 DTC(Direct-to-Consumer) 중심 전략을 선언함. CEO가 맥킨지의 컨설팅을 매우 마음에 들어했다고....주요 전략:1) 나이키는 조직에서 (브랜드, 제품 개발, 판매) 범주를 없앴다. 2) 나이키는 도매 유통을 통한 시장 선도를 끝내고 DTC(소비자 직접..

1. 유저 데이터 분석의 정의와 목적정의: 서비스나 제품을 사용하는 유저들의 행동, 선호, 피드백 등의 정보를 수집하고 분석하는 것.목적: 유저의 만족도를 높여 제품/서비스 품질을 향상시키고, 데이터 기반 의사결정을 통해 비용 절감 및 비즈니스 성장을 이끌어내는 것.2. 핵심 유저 데이터 분석 기법 5가지유저의 행동을 다각도로 파악하기 위해 실무에서 자주 쓰이는 5가지 프레임워크분석 기법한 줄 정의활용 예시세그먼트 분석(Segmentation)공통된 특성(연령, 지역 등)으로 유저를 그룹화하여 분석서울 지역 20대 여성 유저들의 독특한 선호도나 활성 게시판 파악코호트 분석(Cohort)특정 기간에 가입/행동한 그룹의 변화를 시간에 따라 추적3월 1주 차 가입자들이 첫 주 이후에도 계속 서비스를 이용하는지..

https://yozm.wishket.com/magazine/detail/2633/ 토스는 어떻게 슈퍼앱이 되었을까? | 요즘IT최근 언론에 발표된 흥미로운 조사에 따르면, 앱 주간 이용 시간 순위에 금융권에서는 유일하게 토스만이 상위권에 랭크되었습니다. 유일한 금융 슈퍼앱임을 입증한 것이죠. 주요 5대 은행 역시yozm.wishket.comhttps://yozm.wishket.com/magazine/detail/3243/ ‘소셜’ 지워지는 소셜미디어, 이대로 끝나는 걸까? | 요즘IT마크 저커버그(Mark Zuckerberg)는 지난 메타(Meta)의 반독점 소송 재판에 출석해 ‘소셜미디어의 시대는 끝났다’라고 증언하여 큰 화제를 모았습니다. 소셜미디어가 더 이상 ‘소셜하지 않다’라는yozm.wishk..

1. KPI(핵심성과지표)의 본질개념: 한정된 리소스를 가장 우선순위가 높은 업무(임팩트 있는 성장을 만들어낼 곳)에 효과적으로 투입하도록 유도하는 것.문제점: KPI가 없으면 비즈니스 임팩트는 없는 현상이 발생함.2. 골트리(Goal Tree) 프레임워크최종 목표에서 출발하여 하위 지표로 쪼개나가는 직관적이고 효과적인 지표 구조화 도구. 지표 쪼개기 예시 (위계 구조)최종 목표(후행 지표 / Output Metric): 전체 매출(Revenue) 증가1차 하위 지표: 방문자 수 또는 방문자 1인당 Revenue 증가2차 하위 지표: 방문자 1인당 Revenue를 올리기 위한 평균 주문 금액(AOV) 또는 주문 전환율(CVR) 개선3. 골트리를 쓰는 이유 (장점)목표 시각화: 지표 간의 계층 구조를 한눈..

1. 화면 디자인 실습 (로컬 디자인)홈 화면 만들기:디자인 기준이 되는 1배수 사이즈의 프레임을 생성함. 휴대폰 기종 선택 가능.제품의 가장 상단에서 중요한 메시지를 전달하는 '히어로 섹션(Hero Section)'을 추가하고 화면 크기에 맞게 조정함.목록 화면 만들기:많은 정보를 동일한 구조의 반복적인 패턴으로 보여주는 화면을 구성함.리스트 컴포넌트는 라벨(제목), 설명, Leading Element(앞쪽 요소), Trailing Element(뒤쪽 요소) 등으로 구성됨.상세 및 로그인 화면 만들기:상세 화면은 상품 이미지 영역, 설명, 구매 버튼 등으로 스케치하여 구성함.로그인 화면은 텍스트필드(아이디/비밀번호)와 체크박스(자동 로그인) 컴포넌트 인스턴스를 활용해 배치함.2. 프로토타입 및 인터랙션..

1. 컴포넌트 프로퍼티(Property)의 정의 및 분류 기준컴포넌트 프로퍼티의 개념: 컴포넌트의 가상 상태(의사 상태, Pseudo State)에 따른 형태 변화, 내부 요소 및 텍스트의 변경을 외부 인스턴스 패널에서 쉽게 제어하도록 돕는 피그마의 핵심 기능배리언츠(Variants) 적용 기준: Pseudo state 만들 때배리언츠도 넓은 관점에선 프로퍼티 한 종류지만 별개의 속성이라고 생각해라 ! (피그마에서도 나뉘어있음)컨테이너 배경색, 내부 간격(Padding), 폰트 스타일, 아이콘 크기 등 '파운데이션(Foundation) 요소'가 직접적으로 변할 때 사용예시: 버튼 마우스 오버 시 색상 변경, 버튼 크기 변경(Large/Medium)프로퍼티(Property) 적용 기준: 디자인 구조가 바뀌..

1. UI의 최소 단위: 파운데이션파운데이션(UI의 기초 재료) -> 컴포넌트(파운데이션의 조합)color, radius, grid, elevation, spacing/gap, font/typography, icon 등 grid, icon은 파운데이션으로 안 보기도 함. 2. 컬러 스타일 (Color Style)가산혼합 (RGB): 모바일과 PC 스크롤 화면은 빛의 3원색(Red, Green, Blue)을 섞어 색을 만드는 방식. 빛은 더할수록 밝아지기 때문에 이를 이해하고 색상을 설계. (Hex Code로 표현: 각 hue의 256가지 색을 16진수로 표현함)컬러 스타일: 디자인에서 사용할 색상 모아두는 라이브러리 아카이브, 팔레트라고도 함.기본으로 2-3가지로 구성. primary color, bac..

1. 프레임(Frame) vs 그룹(Group)디자인 → 코드(박스 모델) → 웹, 앱 코드 읽음 → 화면에 디자인으로 보여줌피그마에서 요소를 묶는 두 가지 방법이지만, 성격은 완전히 다름.프레임: 코드 블록 만드는 기능, 기본 단위(개체, 컨테이너) 컨테이너 = 개체 + 패딩 내부 개체들과 별개로 독립적인 배경색, 윤곽선, 패딩을 가질 수 있음.코드로 변환이 가능한 구조이기 때문에 UI 설계의 시작점.실무에서 주로 프레임 사용개발에 필요한 속성 적용 가능.Frame Selection그룹 (단순히 묶어두기):여러 개체를 단순하게 하나로 묶어둔 것편집, 조정 시 그룹 전체가 아닌 내부 개체들의 스타일이 한꺼번에 변경.프레임과 달리 코드 블록이 아니라 SVG 이미지로 인식됨.개발에 필요한 속성 적용 불가..

발표회1. Keep논리적이고 구체적인 문제 정의단순히 서비스를 선정하고 문제를 던지는 방식이 아니라, 문제 상황과 문제 정의를 명확하게 분리하여 완성도 높게 접근하는 것.정성적 데이터(실제 사용자 리뷰)와 정량적 데이터를 모두 수집하고 수치화하여 문제의 근거를 탄탄하게 마련함.비즈니스 모델 및 도메인에 대한 깊은 이해B2B, B2C 등 사업 모델별로 분류하고 각 플랫폼의 특성을 잘 반영.도메인을 구체적이면서도 넓게 설정하여 기획서 내에서 타사 경쟁 서비스와의 비교 분석을 훌륭히 수행.패션, F&B 등 도메인별 특성에 맞춰 다르게 작동하는 퍼널별 분석을 적절하게 시도.실무적 관점의 유저 및 데이터 분석사용자의 경험을 비즈니스 성과(KPI)와 유기적으로 연결하려는 시도 좋음.실무에서 자주 쓰이는 방식대로 유..

1. 피그마 소개디자인부터 개발 핸드오프까지 하나의 툴로 해결하는 강력한 UI/UX 디자인 협업 툴핵심 특징실시간 협업: 동시에 여러 작업자가 한 화면에서 소통하며 작업 가능.올인원 워크플로우: 아이데이션, 와이어프레임, UI 설계, 프로토타이핑, 개발 핸드오프를 모두 지원.주요 구성 및 설치데스크톱 앱/웹 가능폰트 인스톨러: 피그마 웹 브라우저 환경에서 로컬 폰트를 사용하기 위해서는 추가해야 함.(데스크톱 앱은 설치 불필요)2. 디스플레이 해상도와 배수의 이해픽셀(Pixel): 디스플레이를 구성하는 가장 작은 사각형 칸.해상도(Resolution): 화면 내 가로 세로 픽셀의 개수 (선명도의 기준).픽셀 배율(Device Pixel Ratio): 1배수 디자인을 기기 사양에 맞춰 확대해 주는 배율.작업..